{"_id":"@material/feature-targeting","_rev":"1659-b463e1b17d731b3430b4852fe06c5b2e","name":"@material/feature-targeting","description":"Material Components for the web Feature Targeting Scss helpers","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"},"versions":{"0.44.0":{"name":"@material/feature-targeting","version":"0.44.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@0.44.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"kfranqueiro+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52cc73f0c8a83159de0357aebe74f15f9856fb4c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-0.44.0.tgz","fileCount":4,"integrity":"sha512-ShuC2TOLfjFpYUCQFtvkqDJhM6HTaucSx5HkRbOvOG+VlpzDx6pAqRUmdVaq2p7tHoQf2vwPMlSVm3gOjWt4VQ==","signatures":[{"sig":"MEQCIBcq0qMh9EX3Uy0IY+AI625bm0mUj7RzOhE9TncjDUMnAiBMavKDI31zdfNeZ9149N7PS5urrEqDVA0bWrdHPL806g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWIMdCRA9TVsSAnZWagAA2w4P/RqQY+LfcNchHRhBCTC1\n0RjGUAw6lNHJDrUlN4tOlwP6rbhrBIdsx+jijgA7bx67MkgGbCBM9ukK2/Rq\nFjYBjooJ5tgGkupZ41RKRsstGOekXAQc6TJdMYqEeXzwpseI7HTeOypqPVOC\nUYvY6ehaLK3Zbfskja6sipaKttJss3sPZmpFlbe8l72x/vtYRQo0M47u9Myo\npYFUijWK5nt+WUf/udTU0G/xwqLeZ+LllbcHuwAkebDMJMsYQ5zBgB80QKxB\n1KV5MK3jg3yXEKYGEF6ecqpQBlHhoMdLXlWSekqnW3BRnsKwWahFkoDv4QcE\nsu0JemnpXjoOyjUs6HxQh5XulexEueBkfTxr9X7SJPJrpwLx6aNmXKvRlGFl\nj18r5cxD5BJ44ELIZvUO0usRtlvq+GIVrVy4Y1oKALbXobtTqu2OhFxBFJwt\nTnaElbohVakfWKLP6sFwjYCbS4oO43M4ltZ91+9QrRPSFvyiewKJZbsIeYtJ\nvcOQbTZgx/HilDZEJy0PWvasbkxBHIoLQMrO69KSKpe1PQn5F/k2CsmuJDFz\n0mYVOuwEhsTJGfbQq0l5G6uDV5gEZCdoMYg2dGpT180elIVeGo3J4phJRven\nWdFlHpf8UUE7gedDnKYtq1tiOqKEsfSo7xDPSSBodZXszBvGvLx0bGZY9IKa\nydVT\r\n=1vyY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.4.1","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.12.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_0.44.0_1549304605052_0.5019941654837543","host":"s3://npm-registry-packages"}},"0.44.1":{"name":"@material/feature-targeting","version":"0.44.1","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@0.44.1","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"kfranqueiro+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"afafc80294e5efab94bee31a187273d43d34979a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-0.44.1.tgz","fileCount":4,"integrity":"sha512-90cc7njn4aHbH9UxY8qgZth1W5JgOgcEdWdubH1t7sFkwqFxS5g3zgxSBt46TygFBVIXNZNq35Xmg80wgqO7Pg==","signatures":[{"sig":"MEUCIQCX52f65gGDwJQ8iB+gSXxQOjAsMP5iWozn7k+42KrC8gIgOxVm4zszdFJ3knMovZP1AfmYdKRLsR+R9FFZVEhUEoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcbIsNCRA9TVsSAnZWagAAAAQQAJ0+oOtiRQsUZsb4jD4u\nGFspymveBodBmpQ7RCKdej07V+ErGSYGyE3u7kfc/7U4Lt2dK0QK6MpFrp35\nN/d/fZ0Sei/rr/jLwh5S298ILWHhN3B5KUwbGyhwLc5QNBS84isRfmw5SUvn\nlX3qi3so+QJNpV9Ga5qJLwIc1HxO7xZldati7Q2noaVMSov7CAtZLUW4BpKc\n702jpGtzqm04bct3UR0otk8/apclUtf4F1G5x4xYvW4in2GG9kaZFYfg1HJw\nCD+tpq1SVZqhrI7U9wMVS6gasXPxXsq9TO61JUBfAIb9yvmmprrpUQhn7stO\nQNroF8hFO53yOWJau1gxhYWVrBXyy55Eikjfo64UmCGTA348nUZ/rUaEmx+8\nw8nCMF2kKdL5dypRsxW2pFVDQoSo5Dj7cWj+J3pMQWfjKnnIquomTPAeNIek\nMZtHcrTWx6rF7QtBSD0rk3bfZFf+FkCJLwd5B1ESiCEQdWfIBf5Ofti+v+st\nfPH1fIZkbi0ZMLUbC7kblGeR4ex7wDY88Xk3Nu+oz09RfCQ5PZe1BOBfcBfX\nI3vGXRIHdcTxq+AIEjbdkXekC3cfwijDC091/9r91GKBEKHPqxIpKaWIICAW\nHtHPlekg4odr9PVyKb/ise5MTjiMZ9ctxjbMB+iPP8thSjadptGnlDMsjTUm\n6rkM\r\n=lgHJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"acdvorak","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.8.0","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.14.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_0.44.1_1550617356595_0.526131632882346","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@material/feature-targeting","version":"3.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@3.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"kfranqueiro+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"537007bfa6123bb3ac3a5bb15b2b4dc4dbbdd526","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-3.0.0.tgz","fileCount":7,"integrity":"sha512-h7Xf+5nPKk8q50pL4zk1oEzJ3aPbKohlww1yKENUAKDW/O2hOj8HW3i4mePWd56j1Kr1/YPoVBGCdLkw4X8ZhA==","signatures":[{"sig":"MEUCIQCnkkJCrV589J5H4D5zC1ghVT67RIQ80OTytB3GbYD2cQIgffrCffOSrD0jH6kSvxuymt7Wv26mmtNCeU7F3oBFwsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEp/eCRA9TVsSAnZWagAAf0AP/1Iz45P6xUxTe5iZaty5\nXW3bkOlnxIMm2PlLDXVo/y1lweygNj0pPKQlBL6YhU6Y9pe0hCcEFOQFsydW\nkpGzV0KukWYC1Ol34uc9TqLY7n34C/LqS3rvIXDKGAeB67FxELKJrwsEbB1m\ns9sYive/PgxvDmQZOg6OMJXCEgKrJDgaZAWyUL3bES2l7/pSaC1ROIIDlLMa\nnv9QF2hvzjqz6OpV8dq3cZ5OxHfxpqh1/ofx4mbv0kGR1xbXSVYy/saO0zC4\nphLYFaXYGxTL605gdiIuqBLigMS8EKDnLODWxoxecWHVAykTu+njL1+4ggLN\nsQteYsal14SJDWinaphtFq797vZUXq7n9uKIoiZJpvn0sixIguL3/Ww8fQSc\nzvq/dJEkhi/ANXKCUmbXk5mEu2Ke8HyG+m7u8CEIC71z5OOQFyKjQBo4yz3W\n8o02yH8GzIP//XSYb9+NJgKxWPp7MUIcdfZqKsxaL2fXCMz1IWHGzxIN/Zo5\nNo5kfhPrdQoGCfeYNjLA8d3FParQElPU21u27j7akRI7RDgtK/l0G7DI5YgK\ngYmvL1+jJnOGrxRDs4pqFwuFLCTqnHXUQGQU6xPvy3ZsDCQO/dXLAHE5FBSh\nU/36Z+sIYIBRhIDVjyZC88bHZPHI8934tpXfBKEcLQUl5P7dyPdwDoD1LEux\njzLP\r\n=q9RV\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"747f6ed544e3a3bb3fde71ceaa51359f2212bfb9","_npmUser":{"name":"moog16","email":"mattgoo@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"lerna/3.14.1/node@v10.13.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.13.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_3.0.0_1561501661472_0.9332138442341678","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@material/feature-targeting","version":"3.1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@3.1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"kfranqueiro+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6f6cacd1e0c9b60dc82f2f3bb2de8cfd472252b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-3.1.0.tgz","fileCount":7,"integrity":"sha512-aXAa1Pv6w32URacE9LfMsl9zI6hFwx1K0Lp3Xpyf4rAkmaAB6z0gOkhicOrVFc0f64YheJgHjE7hJFieVenQdw==","signatures":[{"sig":"MEYCIQDZMeACHdl75Th43rGtxcQaNHNkS2kUnomYMgb7cNjpUAIhAJN/GDPXH9rf832UAYFOhFRHKe7aNGnZd9QSJLwBKW3W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNjJoCRA9TVsSAnZWagAApXgP/0ZJHoEEKDWmqZGDttIn\ngVZ5BL9hMNxTHhJO2Put9FnChZkALrI2k14kNsp0q2J9DdYO2OZb+bNCd0oz\nFwAvvfgHhnF4UVrHe8O8zSgMTRbe6MU2LcTxl2naEin5xw340rw7guWrCeo+\nsDsYdA/tZIXzIUkA+ne0KIB2NaeVdM00YCTEJWyiJxIsdxRy5rIKILTR610r\n1dqrvgGq1c948bC6+ksKPDRkobz/p3gMhNqhpzeAzlovJzoJqE4FDk3KrJbL\neg/zJ2XvJjU/QfE0Lx9jRdTh9+vqglWszp48tp+XVVeDPA1rgimqb/DKHhEW\n3J2iDrOW7y4iTMPZTT+91DHwozQCpINrkIUf4C18aBrSOS7RD8JmOqNbvC2e\nTjTo3f9f99uNTgtd2Jkda7GqXq3o5MMsOHXNbaHnCtYCwmLKWMHoSlWcnx2g\nKemgdBOnMlw/zjpHi47Wx+VaeaxVB1cHXvoViul4o1SuLTt89YnMYc/dWW/A\nFFJvqHbr+Fla+hMbRar47BU07n1AzDIYqb9EssTcwxbMT8ZWiUBWFAaEP3CO\nGyVjrpJ5Zfg7/BoJSGhcxAwH72PUTFcQSflP5kxvFIAQk/cHO43Sw22X0yyU\nxjCIauACCteYtstSKJamaVYUHFVHRwy90oj3NQuYQjcJ0jBbtMhZmDgJkCJ5\nuqof\r\n=ccRk\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"6b7e616da1a1ca53df2253f6207642739e13b5dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"8.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_3.1.0_1563832936248_0.6535385267839406","host":"s3://npm-registry-packages"}},"4.0.0-alpha.0":{"name":"@material/feature-targeting","version":"4.0.0-alpha.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-alpha.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"kfranqueiro+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a77ddf93d9574639123437e9c011c3c70e33b1b1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-alpha.0.tgz","fileCount":7,"integrity":"sha512-aivyP7YxwcK3ds9J7Id2GjaMEo63cLAN0qEFIDvjFBe2nzUneqYLMY5XWztB3mXSYQaaOn7uQWsMnQpArqrprg==","signatures":[{"sig":"MEUCIQD7w02StRqpGee1eeCWK/GgnpuqCCjhezNrszQuKojpOQIgBM6v6bA8EMgfZ5w+qIOAVWK73htYo9vdJjFbFoeux/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSz3mCRA9TVsSAnZWagAAsNAP/2QoqtgtxtHhj9ljuzVy\nD/182hkD7G2WPFiltkeVvRiR7X131we2GwnZG9dMd2pAIEVvKZVV4so8Cycl\nsucKTObSxCkhg924tR/A/+hwdMIJQxevdpRzqQKRWqVbDug9KM9M212lrHmy\nRiTj18rj9r8VazqesLyyfyZNTBB+dNv8+lhXpHH6oUQ9tPBQfpr3hpFifXC0\n7lFDSafjUA9nQP7NCQPcOe2GC33WIilw7m2+FLvdeByXtoDCg8+lD8lvm1dR\nVQeD1OJT2pjjq7OTcUQxqvKUEekGnKU5CiNyvnbt/Q28WjsdiY1iGc39Uqcr\nRuowVm0Cwjt4llj8YGbRKqtNoPc4zSL8oDLMVFTV8B0Zg1xH4Qe4xmlpD7nv\nX4IpOznOZi1/CcvnkEtFqDzjapxxfjTq95/h9vyEeMHfXeaeAHlYF4nSmfQE\n3xygWceZRA2+35abCuAjMj81q8v+wAqHimX6ghtXEGlVFWK/orSqf6bSn4rt\nzVTiZ0HXEqcY2awuHOf9vsU86cvU+wNZSnltJcAUh/qq7mi1eEGtrDtevL7A\n8lly/iLI2joNJ9SFUaP3qk3Ic3uphL5TOCnyj4PVDpYF1bU6SpcFktrTMxvW\nbRD8uceWoYb5tBxq9nQrGoFFA3L4zCvS+2jxhiZDVYpRxacIEhae+eZ8KZP3\nEq9j\r\n=LRSY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"184b37f65b79a260f2835bd44e422dab2402d937","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"8.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-alpha.0_1565212133354_0.13955525319981898","host":"s3://npm-registry-packages"}},"4.0.0-canary.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbf9d63c51b6f0dea41a941254d2e7b3db721795","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.0.tgz","fileCount":7,"integrity":"sha512-yfKKwa2htxgOSA8FkwKap2iRZB1h5LYtvr3sDWaMhrp758CrFRUEAvYbBsbeHBz0uM8mMlK7OBlTK1+ITrZznA==","signatures":[{"sig":"MEYCIQD8sDUs5pAyTppup6w3Jec68q2RzIAYX0Y5YMqOSiGf4AIhANtsFZ8Q7HlLl7FuHv3ubfq4GP/llo+1LFa4xoyMZdHS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcJEPCRA9TVsSAnZWagAAT+IP/jv1+77fLVbLcigQWrNc\nR8U6W6vQWJwB/69pSsvDHI3RppUsH91q9QtpVRGrm3LaowuivY4tOLz9tNn5\nek+U9ycpBeE9moCKHfb0FX5VES77ZETg4P/6HJU8ctV+l8f6q9q7ZnRYg2V7\nhLEBOZSojuZm7Gr104/97wYyibPwn2bSfqbqbEkdSnEuO/ELExx1FSSDWlsv\nFpykm1o6e710uzeL2uZF6WkYNBVr29TnQdS+BrvygIaw0tFFrYbzSvXYQIB4\nUeMr3GGsAdtyyGjqp5wYQG5Cv9cfiTLHIF+KCKVORpZPkr/8yfsfGgSgMpXR\n9z4FZF2EY/DnjkmEWrilsPkEDYBKIShAPbmUOiR+xqELLin/14lnNghZ56cw\nyzo4Y9oCs7HFDhE4lhtq9zuwMTMIWJv1J5FkQy3z84FP1mJn5TWam4jifSLX\nAYP8qhbzbiMlskZwQPFebze1MYiIvAyJh9EkSWcl+7NMKsotrtWT4b0k7haj\n+cYxTKAhNUNLQxXwbd5Sz3Yz69jORcpL7ABGuceFFsPA8recT8W/VPPERT+p\nCa5ewmB2JuhSyAi3+zoN5WgrQYc5eAAqw049xRQMz40aC90wVmlV1IkwrN7+\ntAbgHXJbWUydjy6P6KCPUs1dk//2mSooBp8DR7v+QzG0tINCiAVHzm7lM5Mw\n8XRe\r\n=C8Us\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a9e69493144f4246efe28a958126afc2fedebd60","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"8.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.0_1567658254956_0.3120781764065115","host":"s3://npm-registry-packages"}},"4.0.0-canary.1":{"name":"@material/feature-targeting","version":"4.0.0-canary.1","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.1","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91106efeb0c7d4b57393725126f9477bb23447a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.1.tgz","fileCount":7,"integrity":"sha512-6XXc/9z7o1SJTiz4AHmm8N2cUVyHVX5ddlUC4lmNyQfEN9JFvS72nghu3q0mJGwGcm4e0tmY6uKoUeNLYuyDAA==","signatures":[{"sig":"MEUCIQDJTwS6iTHRebCGPjQhvg2YtAKEW1ScemxF6nQVbb5GwgIgA8FxEYmxwuFGKUguWEaOBhjSKZvne2tiXlaRg+KLiqM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddrQJCRA9TVsSAnZWagAA/hkP/2y29xBIxclP87STqFPy\nBu7Py0l93yXiD+F/BvCRn8XFCLViqD8pE0MRorKlSGNVgVEZbo+TKPrOBQFs\nSJnbIdBqFwf0X+iAiYdaPxSFVWCkm6N6k5Vbbd30D4KXUSgjq0N7EvNtxbSX\njfcVRdTdIHKuIzjzxv0Ta3SjSdoVzCJU1baBcJnfQeOa3ne/pbI0DmiLbTwI\nQN8EeSmT7gsfCq54BRUzwykvJOCTfIiMM6tnseWrMKIzpDOpMmLSyEc/IagY\nd4VzvmnqduMCdvJ8i1L6Y/CpoRM6LbfoVGNU7raLJg+vo9bko6s04ND5M+fW\neJywab78NKJu5g1WD/dsOTs8wU8+0Vnousi0uuS1wZUPIoA/2CIN+SboSRAI\nyJ6to24NAkhJt+8hO6yhNfdvKvF3b0bYL5Q/l5yERApGK4n2f8wLO53mTdiF\nIduHN9HG7Ynwgm6i3IDeP/BU4hFGVQgbH+L1ONQDGBZpyEzcjjXBikYIIUFJ\nMm/CdnQg7guPtam7pSElfbwoUKlG3lfzzdA1jDolw///ZIN/V3DQibKm/+12\n0X9d2fabtbpFq7OhfI6ADRDNEj/OCRbL4KIVaML9ldK8bxvIvC/Fd1dKrHP8\nNkjArj9COnKFgOxBAJSJHpX38WPLzUkMpqLrzTke3nuWll9axuSUtw0A5hWF\nqi5h\r\n=8bln\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"edc72a4d7d6a61d61620fd05a80e2491e518bccf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"8.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.1_1568060424980_0.3365203761082296","host":"s3://npm-registry-packages"}},"4.0.0-canary.79d881baf.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.79d881baf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.79d881baf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68e62eb1bd90fe92c4033683f0e96a8a30956292","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.79d881baf.0.tgz","fileCount":7,"integrity":"sha512-114DaA12i+mHJbgcF+ItVJDLDl1rcQGVk5B9gShqoCTKfPlWXUwWIfllbyy3MRTDMPc2GgifPnqSfY/zSTgI5Q==","signatures":[{"sig":"MEYCIQDffcFZgruoGJPzCZxxt6FKKcKksKe/T6+Mk/+RFS2aYAIhANV7brok8Sz+c9lkdnU8iGfQxsLQAignUkHbNv2VOB6f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdev0dCRA9TVsSAnZWagAAgLoP/iCKAWK8TC+XbkY0onm/\n6WArhZhlQ4g5vYxJK0FZGDZcsmBgpvWKAPYeq6LbjRoRLC9c4p1uqB+ea8Zb\nFgaeC2NzcXwCUPDK1+bvDI0EXAUtT1ZxHJKL7/0smg9z4Ki1tKq6oqMFKEpq\nLeBDgZYylUphdDPQz0cSi/ADZ7cmX3f19jf7Palh8HQpWaxlIIAo2bNdselB\nZTOnWEeCkBhVHZDwIv6tzdbuCaGsdBac/GWEB/qLoSHgvAHOnSjopQEH7NfP\n6MmneXOBRkwU/79ZST/ynNAcH/emlDJHf585Kp0zJ+O4zxCAjbCTt5JXhaWg\nu6R2ayqhIxx400NJGqzS65tKJD3Fha2mDsyhrx7oS2GqCaMcp5rMHTOKgqF/\n3FzRYp4fBFLAT84gPyHnJGRu6k51E6lWKXOEtRkQnITgkWhFlZr4Dac1Bndl\n+3+7qYQFq4Z6jMsnOiOPpeHVJdZ6QGoFt1p+62rwV7ZqFMUId/MAjPRqyxtv\ngX6upk+Qn2pmO/4cm+a7osBm43tyNAsBGcVZ4JSao51GzJp99s2wqhDG6H77\nLThLz6w4kyBm6xS4iPK82yNGF9V1cU8sYDotG+DjReqcAyspPcS1wraWtbSe\neIcaaDRzeFHyFoTzAe/LIN6MSbqF0HdLwErncdQfm7ppg5hx+kwhYJB4gmXe\nUJG0\r\n=9VQn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"756806a2389389441b5b3c130de02948130d96b9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"12.10.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.79d881baf.0_1568341277108_0.5342388401955134","host":"s3://npm-registry-packages"}},"4.0.0-canary.e851d4f40.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.e851d4f40.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.e851d4f40.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"858332715d935c36a85dcd2932484275c3a8878a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.e851d4f40.0.tgz","fileCount":7,"integrity":"sha512-/s7vYo8T2mN5CbOtgT7s16+0JGUiS+PJm/65uVmdfwfjXG8e2zk5LQxObJDAac6D6j8PfVXEzepne/+ueeGQmQ==","signatures":[{"sig":"MEYCIQDiQIYmEMQgNsUIpAUBDWzeHGFY3kI/SpKboEkGo7lvmQIhAJ95VjlwWWkUWLOkz9ghC2HqfeUqmlkVV4s1q+Mf3QG6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdexXiCRA9TVsSAnZWagAA3UAQAJsuLyhbGQskexu8jpJs\nKxWPiG9tzxFHC23OpJ/Jrv9GhbeSIXK42pcvbrD/7LPHdamY6S9YqY9IBSEu\niwRFgq+V2hWwMLG3oKL4qQlnogpdUeYsbKZbBPbyu6QmMPLsPtWCIiHhdzZG\ngB05JOHgqfWRUgsryCa8zsrvaByoitg+RY6736JqBWP5Gmstb4m7MqpEh93J\n6fOKzPS9UG6e278T7JqMsjxhZD7oyL/kKVe5X/rG5QbayX2sStg74DcJX1eN\n/fG1T598GQ77ZEyJqqFUEm5tabuWSQCLs5x61LCcGViIVntZyeUiOBDDjyQm\nWS4OZswst4Npwtbgt6T5YZAFMj2lhvCkMwHr1/m+GWIrFTuynaQaYmKP60/K\nHVFULlbCBnrJgWJDEa747s53255sNxuEyIX8BIK+9wNOjZgvPsHcxMJK596n\nmmn7bW7xAGnmS2kzdPnHblKF1mfcDjSwyvxJX+EII5WWmTqvQTbsD6BJf6KS\n8/vKR+ETytbj1z2IaIuiUjZQLDb2cgECCCMg0WzVAzYo0jUiqU4dcRxRZhX6\neA+YAygI23y/w11lJWyxcw96acJdImBWmXMUj0/+YbuOl2nF/bkScPZOwPjH\nyQgg4r9oAkmQPqKHeluWPkPPsMY4CN66NzWlsCAl2ANCnIyWMAmx8SUO2aDh\nFRB1\r\n=/hLy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"353401bd143fdc2b4a85abf330176228e21dfe13","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"12.10.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.e851d4f40.0_1568347617713_0.9862984604017753","host":"s3://npm-registry-packages"}},"4.0.0-canary.905884690.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.905884690.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.905884690.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"600459170a6a51fee1090256fccf0a5591801468","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.905884690.0.tgz","fileCount":7,"integrity":"sha512-AprCZGnpub2n7Yx5JwfW1IDDjxn9MwCPWt2x72eGB6Kym6DlJefs/9EkVTRn8Q0IxVzD2TBWqoxgFmxuEqd29w==","signatures":[{"sig":"MEUCIDlbnjMR5WPRGJTBPY10s3/d5+551MdKlZISR6D0pSIyAiEAylQTT+3pqLlQe64n4d44/EXNE4xc9xJzOsUn1J7gNgo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgB8mCRA9TVsSAnZWagAAoHgP/3o+/m1IBanZ0PdXTO08\nwoNhnyk9Hlejwtt9958F+cOZBu6x31N1s44ZuJCWUqkKM6bM6x05MIFaLzHi\nniyAS6E6X86IKOYtxOVbrt8xMXZz+wnyjfdtnD2aFnqozwBl69h3E9GeOYBC\nTb8wbRyxjdT8g1ez+ztFVi3n7+pMG/YcKKY4vyRRTUC02QrYDMFcB0pYI/ky\nZn6SP//hp0yWIHucyJaO7SLEvxNOU8khsZiy6w7N1JzBLQeeQF+OPrLG5gv5\nQ+wgi3jNn7X1NkOKAHTa6CRW42eWmnsOwZk7rqEcOWLBaf4LlTQkqhIIjXVK\n2cnQiMJ6gBSHWJ/KcotKVbydi9sp1zEDTM+gttr7e6kj0Y6IvRwFCS/Z6Fhg\nD4i/aIb31+knF16WZZYzL/fZiYFruDwKBGaopODJ5/7M8cgHEVOMSlxryltE\nL4jIrWAznmozMEuHPFsIdgEraO2iC3vCOahfWF8I1l22+MbPKXEH4Z/HV4jw\nnT3wxfSGopXwK/hrkgRF7mIh/rmlnGQ3Rpw7nRsNVOFLO6nd2zOdrmxl50ib\n5V//xRp2BXfPrnugzgAYDav9DIFKkZ0S40h8r8g8+qN1dQFESiALlZJYm/i8\ngmLW9eQnVrP5duIJVuliSKoMqgpAC2DguBMxdrpNb1FKaxuLdg0Hw72rp1Iv\ntGwk\r\n=fhNq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"df7fbf65943b1227b1bf145a2774abe7710b1e30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.905884690.0_1568677670403_0.8796027317575117","host":"s3://npm-registry-packages"}},"4.0.0-canary.199534d61.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.199534d61.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.199534d61.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fdfb439802f3c9887575940e5822e919ebc18a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.199534d61.0.tgz","fileCount":7,"integrity":"sha512-caWWaeeX+TBf9jCoRmoH3qOUGmBLyEhADqS9V+1ubgJcRfrBFNMgKjjsvpBbXih1Yn2tsGrn/Zc6TUK9MTNqWg==","signatures":[{"sig":"MEQCIE7Ye+1iCKU+wdlZlnMWxAzV+Y6CYKZX1SJQgOeoIqBhAiAufz7lVTceb6Jd+cb+kO+C3NtpfPDpSkpkn38mOZ+t/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjluZCRA9TVsSAnZWagAAtJMP/3kHT8YL3u/CWVYbfzVu\nqCWHar7XOPizDZdeSlZe/V3KOcqSZzwGcV9eUGPVNPxxNdf81GvRrRucBIvo\ninc4/fhvfuHCiEmibsOwixDsFEI+glPNupImFMCW52uUyBBoQA8VvJD5a0qL\n4uunUPPGregf/bmorULQjCFZ2tESlJLRgvyhEW9fTPbvG+oUbufczSXWwDlt\nFN73fBZNOtjPOjvckId69YMlwsAH0YWXXLGvMz5LusOlqjTS+OmkkiR81LG/\nLIxjWSFaBVJd57Hm+i3mkADNNluCm0p695liRXz0GARNaD7Gj2vDE6SAst0j\nQmXTCUevZDl1IdntMK4IxRWyL5hEPOxMCgCdYQPwXzvLmG/d0N3UA7+JILNy\nHeD9XDC1TJ6TRCXTC/1bLaJhb71j0vyAh0OHgtv7nIXv2VkvgY1EhRrNfE0Y\nEn2jmc5wbh+ujbanga9ASK+fM+PFsOTBkTXlbxcwgslMbuTAKHePQFX2dHcD\nGJEfiR5jmjpo9SUkGJgKs/DQi33vuKd6mtVuev6vZE9vIexO6mC4sUXjmmTA\nTYXqJ6JlSl4OVvEDwC4vOTjj3b5mr9Tm1WVY83fuPOLkRyjOXA4KXKDjaVej\n5AA06kxttHgdh/ck58aoEdYl+/KHNbzfuRv4KkdtXcy40c5MC05A05s7Q15w\n7vKu\r\n=bR2G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c35810420b70c99e38a1438e1fd44e4bb84e21be","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.199534d61.0_1569610649130_0.25793538614814615","host":"s3://npm-registry-packages"}},"4.0.0-canary.22d7ad2fb.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.22d7ad2fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.22d7ad2fb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86f8931c0240e02103493a28f81c4882d9ed93ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.22d7ad2fb.0.tgz","fileCount":7,"integrity":"sha512-TtaJx+C/hc3WV9Ey/AxkO+4qBjSAlJm3ife/imfws2h7woHb5CACcEWAhKBLFjYyAqW2v6qEZUL94u3pgDTq2Q==","signatures":[{"sig":"MEYCIQCMESA9DPURp61zEvPAHrJInL6ygbL2X6zqI/ijyjZJcAIhAMxDVkuBjhyhHTu4ELrq8cx1WAUsomS1dGaDhc1SuZKn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20169,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdphZ6CRA9TVsSAnZWagAAjKEP/1hhML8MwDbyLTMJG/rd\n/TXmfHPMp8S4ydH0VR2yCNMaU/bFrMDpIipnuH7pP7VwGkndM6D9S84KOvXY\n7SqtgDz2muA1MaNVZN6bjSb469t3oThxq+NCErH+NgLJMJdEC0VCFITAhJ+0\nWCtlyIMnB/58BZAzQuYjhpKT54RB58lDbfexOw79PbcolziWRjj44QDD7G/E\n2xGyIkDFWcJcY2qopCViEmM4o72PmlY2jX73oSllODs0LRvaUiWxYkCWbmSX\nxGSLYH1TQAcynmvp85aPqInQFzDpwBQSymEgmRhm8FwRNEcJlhHFKgJIOt5/\nNmlExEIuAQPaKzxaZxDzMEVVFArbss9us9udrPQLiGpP6QvLf9ndRQZMuXLM\n31KoCyocx77HjVxwUXrFabQH+nfsXFlstziO+npDlwv+sP1F23/YmQXdqx1d\nQ+VknDJ7/QVNq3c88PDU9n2RY2JPox3Cm3903IiKusUm0BKz7fL68OPF9FRG\nhLMYdGVo/aoB8swK1D1/PiDmUeiLV7XClsbYjnhEj548uXynSPeIasUg4Ayd\ny+qBxj8SX3wNadD1oa94JsHt2+FnK3AFg4OaaVdR9AFG263ABmtI8rQQ9t3P\nYtTKgauNHjEDL2lBPUnfiDTYoIyZ4BRTtIQTmB4OS0CEJHu/kkeAtaGRr1+G\nW3ZU\r\n=J/1c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bdc05bd56f8cbc11face1f0f2787fdb17f450fe3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.22d7ad2fb.0_1571165818040_0.26641934287433267","host":"s3://npm-registry-packages"}},"4.0.0-canary.735147131.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.735147131.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.735147131.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24c4dd0db6c95abb1cee06cf08e5d17415bdb5db","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.735147131.0.tgz","fileCount":7,"integrity":"sha512-fevqdBUlgIjwtI7IlS8+tTQYcmajdsCMwm1B6UHW9ZYU60eLAhVMhdrWwE1YCdJkLr2oFI9eUkwm7whTk8VoDQ==","signatures":[{"sig":"MEQCIBrusqwmkasaDhGEaXQwbIAyNgnMecW4HdVE6JwU78K2AiBtLnzsCGJFHxCYm+Suvky09RMhzGdnmhi5waQ+t21WDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpnEDCRA9TVsSAnZWagAA75cQAJ5pNOVCH6qRSBrGQNdp\nNNXHO0P5Fi/iS3b0NmnvaKPj5reNRGY02CULhrvL4VlxbBgb7yhAubJ0whO2\ne15Uxb4vyvswvxyQZayeSXxghxPauVdqef6+nAJUHYpcRdh90AHIFrldvYgR\nQ5VeiBeqh3TveaIHkjEJb1/h4YhQxnPD2n/cqReKwHp8bDBfFgTkR/CjZtyE\nUT3p4srt95D0TvJh60+Z0w50VCcJAFLwkaibZqJbEbwo/xTgmvgBEzCFIZkD\nXJw19ZSjzEmnuw4fuSgVywXHJ0fBW/hCXo6PxbKI1aURRSNmmM+rolARmXUk\nYu/mtemzhdOkEOsH+exqoxzhp1V6Di3jd2X8cJ2Q3wulzGqmhSBqwaBM0ptB\njnbpJ80ghZbBcoXOH65adQ2xpKEh4+jempS4qulRP+m1Jcqm4wpPg9uWvMwp\nEHnK02iFvlzWNXXsbzzA7thD3X+N9aJKNOsMJ/2tLzI6+ynnmHaknTXRfcb+\nvm3/rmdmZU06oRbO4vbVuLNWkQqZsCEpczy5iFEpQQU+oWfEbFpF1cEtLHhC\nhGMnP3PgA4VS0a+6+BW9uDq2f9PNrvY7JjKyfica+COjJC5soT/p0FdhJxlG\nuUB1si5WL9g5FqhVly54ID7QBh0BV8iLqUySWKBf/1ihDTtqk7Rj2PkQoX68\n0it4\r\n=g2cD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7bebbe119e39bd973d398066f5601862aface5d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.735147131.0_1571188995308_0.23577923329766404","host":"s3://npm-registry-packages"}},"4.0.0-canary.062ade5c0.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.062ade5c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.062ade5c0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7723d47cadcd4765b08ac9dc13504fca0f5a27ef","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.062ade5c0.0.tgz","fileCount":7,"integrity":"sha512-8UGWq0PEeBYXrYlMPSlRc8mGiP2QFAXvKdaVi8GX0ub+hvONx4Qyxi8V1/xls1GnQmgKGTU5caogN3AIm/pdRQ==","signatures":[{"sig":"MEUCIB5AcTzx2tI2Y77uhSU7Yddodz5zTOnWdG0E1e5+92O9AiEAzI0zs/UDDLwhXphis8fOQEuyKZ/hvU1Aqz/jiixk704=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp71gCRA9TVsSAnZWagAA7CoQAIJR7miO8ooqDXYUOkXW\nWmUy9onT7qAF2DIxad2X6Z+k23ZjuX6qgvo3GUtG3UGSLVREMSUtPXk87DQ1\np3mUf3nLPFSmAnSazjgOTA3IMpdlS1DMXrWL4tP3V+Z+SJbMPZ9gt38AoLpd\nYvpCp+Q5Bw3jIrX6NLuF6eUTHSastjl1CI00Oik0Ob/Ag29UiQXDqrnL6rPR\nLZ1yYDDGN9bq+Z3hd1gcm/KFayaehk/qoG6Fn93bTWYIwP27MvkQGEpuOc9Y\nhHt/EwnWxkjirBDz9C4QdrvTqcECxv02D5LbTZ2+Y5PZHYCQr6lF52dcsqt6\nrKXIbJ87rGWLoZ4764m6pC8Zh2MsGY0qVgRHYMXmQGj6yIN31PFEAYK36vlC\n/gToPqDTK56P00o65His4ToWfvwrIQ9/xvLxBoVysH+1PeQNefMbeoZ0/KwI\n0ZDFzbqoiH8pNqXYCE5nE+HX+eoeXn4cq8H9oEBdudcY6+Ckhc+qwfwpoiIy\nsG7BbMoeMnuXWEVb6kE18eG4pvVaN/8ZyTQA7kgC4snTb6X7p7Y+wpRj5t4o\nV6hP2sYeXowc9esW8NwqynfeC5O3uUa8Ny6eBzf2O7Z9MzRPoerhBVKkIUcA\nbBrgHbIYrP9THdeJiqSPVIAqMw7EgLoirhkne6bigWhrJDY7AtmruO8xeVVn\nsQLZ\r\n=KjJ6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e2025b4ba4d9837dcc1063934417df1eefaf29ec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.062ade5c0.0_1571274079458_0.8571229950202583","host":"s3://npm-registry-packages"}},"4.0.0-canary.774ad4f8.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.774ad4f8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.774ad4f8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45faf3b9cfe50fba5a02849b1ce48a40a7cd9a7c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.774ad4f8.0.tgz","fileCount":7,"integrity":"sha512-0FHx8XM3XjShzKRHdf8wpKRBSLUxenoRIKgU1iLSDkW+Srb/5SXIIyWWOCd4fCJy8LFU8cXBPBpo5vTS0A+ajg==","signatures":[{"sig":"MEQCIAkSWtF4JQaHtOsJROJWbwMXFq2TuUjzA/QBOXuBBqJ9AiAtgC543CvumVGVrNQrWc+/DGRC3mAqgTS0SpLwIhHrIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp+gwCRA9TVsSAnZWagAAxeYP/060VKtHNsFtG6IomWWd\ndg4SHjIJdkF3L3Ich7JL3FF4lK+QPYABWD7/LAF0WwkHX3pqHlAVuaGJyVhs\nBCRGT3bUrmYmbZ4ZGveZ0MnHTGZYO5YcwXKmy8JVXl/UHuwhnjEWF2rL3+i+\nE+QhO5KKNrD2ipZAAj1OxVIwfHwteny0WVn2QIVXcZwXEQ5jn4m/hQmRUUDk\ngNOnRjZaCXGYeoLNXRzuTAAfNxPQS84VjC6E3G7MePBcAFopW1Q5H69OWhhf\nzOjHt2Og6VlZVGfsfOPJEYZ+epMU42P1e+UrrxVejDeeWVj65YGbe+7DGFJt\nmZz/piUUdxd3O/yaxv1o4YXqqLCXMitO73IVpHCAjSCesxXfon0L0R1IQs5D\nAekVoTxCQNQ5oYfSQ0kQTAjwUiox+gLzun86Pa85kHZ5kNd4NB4BrdYuJhZE\nIrAAcZvzG18tTYjjGHLFkJuEDFlKjzjUeQus1WZFDNA7KTu73WXSJDtSk9tq\np489HKRNBN05Q+EBJ01wVOACgSAG2aHYQpp0VKk2Sdyf68ffZfBYCUfsh1pL\nP2LtePwSZUkWu/EX5RWwtlnYL1jj/WYJnUumcn9i8S86EHkvvGpCd3iKqj+U\n+VFDs0YuZY06GtPkGcHQDyazSuLn9gAceZYptUEI/DgLbXvncLLdhP986FZP\nqtnz\r\n=/oxb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"66607256fd6f9e4fe92319b094d8476583109bac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.774ad4f8.0_1571285039480_0.10410564319784155","host":"s3://npm-registry-packages"}},"4.0.0-canary.5916d18c.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.5916d18c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.5916d18c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c1ec6f730ff77dc6d5fddf8892b7eaa2df2a00d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.5916d18c.0.tgz","fileCount":7,"integrity":"sha512-Ary0Mwr7Jek5UKbjn7YibZxIW/wMht7fS0l0wHNZ0xsbT1aP5uLVLdE7VnManrgOY24cHNEf1p+9iKlET5fzNQ==","signatures":[{"sig":"MEQCIB3gAvox2E1CHZPDz5uePQuF5CzWhGPlpt7YDK6/oPUOAiB2fSdEZ/7JE8Vc2TriRiMEL32HwIlHhlh8Y8SMnp+uow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqhurCRA9TVsSAnZWagAAHBYP/jA4O8vSBiAU2QmQqsTC\nO8dWc4wAYPA3BbJQ8wK0c83zXRfheY0wdpUskfkpplBicp/SLx8d5DWr/efa\nsWZ9MS8H9mOs7DbUrvD2zes8fTPXQIlAR1HaYku5shxijWUj2df3Q1Gg7tyq\nrCZ7Idcp3F/Td28IXH67NRj6mi4Mry6ffbKlOiKn3uvGRRr/6SCcvizLATwb\nED0VrMcmmFNIq6u8gTjqz+2Ldvfjou+QHy62FLgKBDczx/vMq89qI/ta//Ea\nlMQI0nBZjqDsoZNx4eHelHPl2Wh7RYSNhI65ocHsK9JD2M4jLqRxN9adiTlg\nIubEYUTkBnZwl1mLYtyWd9wtphwi4ZyDFq8xPgkmewQIBANi+/bhV3h31/Cv\nhfkR4mQSSQ6sT5w80fJ+OSzThonMQTHAMSPBni00QhGH1nF7zPG7I0e0kqvn\nH8Uh2OTGI49yRHp6XQSalupeYYXovYzEVDzysb87HaYZ6XF80yQUaMvZCgy1\nGGmEWi7pjGL6e324D03TbVo6/G9JpQnCBRpZdI1i0xyZxCqBP8bK+emn1HjC\n94Z5PPoY2Z7odSziAT2oeBQD6Bqy29CzGfTtvifSYq0BpUT2wAgJTvhbVMPo\nMTS/zs7TxS/3hjAv9vc8y4fnKFeO6Sz1cY1Z0x3yUeuh7KCt6O3rM8epsc2b\ndraQ\r\n=tzaP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e3338b891c5ab3207ef8340a75490415e30e313a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.5916d18c.0_1571429290977_0.130952624041627","host":"s3://npm-registry-packages"}},"4.0.0-canary.d4141c95.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.d4141c95.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.d4141c95.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77d4bffc48ac83328b4f5f30470395df766a0eff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.d4141c95.0.tgz","fileCount":7,"integrity":"sha512-u6CHA7Sjp6uix9B3gqRE9eBX8xBxyPgdWdmtiE4BAm5WUOBHOnCZy/3Ew7LnlUebJyOeeaYBjKJGeK3aKGOMZQ==","signatures":[{"sig":"MEYCIQDMkEI77f1L8bB3tqjVAHZzxltNReWfWWyTFI8w0Vh4igIhAPxA9N9EIqLFkTm7j5H77AysQZ0yI60TVvWfBnAwKRtR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14862,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsQByCRA9TVsSAnZWagAAnusP/06D7F3HsQ2C3sSO3jVZ\nv+9ZA0C19MnHzswDOB+KIhg0iVk6QbJZkhOP6VKAqidi61Y61SM2GnxAnEGJ\ng+KccXDse+ie2yL2eN8SVmtnvrqzauDwsfgzR90sQlmP6Luau608A0MptQVM\nJxTA94zwAGpXWSkvil6muaR/NhEmINQaYPOZnpqdnlIYpAGF/d4CQuJFumaw\nlSCP9IUEnuTFTf61Rufh/jKQzpzW5LrLMstlv5Xl1T/6MSe0eUyCS/35KA3x\nVXToa4qnRhDJNPu2Kb2ha/i3iWOTGOY4C69cwpFiEfNWpjM5wHjy2jpx10R2\nbkGbRVFZbl7mY8ng50kaspeuBkF7N8QkBWCx5l307flYyNix/vPfdU8cWgum\nacvRAfsZKkU+ByWR9GWFLJCOqg17ipGh3AjKJdkiAe03BEIISerbvnu1OfD4\npw/jd/JryiwpOEXbSDuKWsmOSatvJzRAjkv1m2fWMZqZVlKER8aEMcHoehBV\nzDhPtUHdwbEOeVHA+YhBAMfi3mW9xXW5qPElmmjKfBb88Iaj1tfUpWyQ5ias\ngvPXrUj536S8n7agS0A2l8i1gSCBB/UtYJ2+ElAbzQ6a21gv3WBpBXvyUqUv\nDSzhhuYjce/+beqvjhNt0zMhqY8+o1lM+8+CIc7Xf1tZLpUaT9vY4Xn+ia5j\nVG4q\r\n=NjXc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"10ba5eadec617b7fd2711c838dbbff788d6f209b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.d4141c95.0_1571881073839_0.7376573675101383","host":"s3://npm-registry-packages"}},"4.0.0-canary.2b878b3e.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.2b878b3e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.2b878b3e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c8d470ff2b904a5f327fc98e8f15b56fc4b6152","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.2b878b3e.0.tgz","fileCount":7,"integrity":"sha512-Y7HWwMHe5DgtHTC7GeeFogWLF2ANxAW3ngZs3EmlNWGrLQjCC0Ej9pj6laekjuXb9d6XKJngz79g/eNfwJHqrQ==","signatures":[{"sig":"MEYCIQDbYH7MKqL8NQoxPwj4MBX+XUVl4ZF2sgL7kWhhAlf1ogIhALESQZ7i/9lIUYF15xqDy2C9aLTu6k5gGO26v28nqaNN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdslmLCRA9TVsSAnZWagAAEYgP/ifUH3jVXE5n73ZencqI\n7LAw8ROps96f7Fd4keh96h86U5zNtYnAiu8I1/b6EreV7iAOItTHO7lBl5Xd\njVskZIOaaT3UjPv2se0gyGdOFEcrwEX26d9xJGpI77yZTKmXpagOQhSBZtX0\nDDqqWfd18ZUUWXaPhDlYH6lFkfpS8nhqvdOAL2BuGK/12Pj7i2sLTdlXyrE2\n0EqWVVmwjJ7oOddxKeSVyiD6meYn70M1uTF3pKLCwIS2DBThbmOftPvEarsX\nFjz23HGOq1eIBLwRDfoFmLwpgtk6AxVVuDCjO4/gzx9GVMRhuDpYfKIxvdgB\nO/K4KAuyw+r5HMd2kbcJYXEBwFgf918KtBYwkCzatFTDOkTBW7XIVtKtpBYb\nwREg6g7HaZTtxUxKUnGFIw4azhUPiFG4eZlejDb9dzWIPQVSHo7Vbc9pf5pQ\n/dRftnof1NhIaKVZLXFxNErlTTSkhBUdeFOU5bYfNCqheoyoa66NV+2Vkdtr\nBZZ2L7DHKooV/5+pFo+w5DsTDqJwiW+iYZdbjMSV2W/Z8thL2rNz+OTy4AUk\nUmh6/tv5QoOM8k0/GyMAL+Wv9aVrDud9qIXWG7Tn3NY1u4ny/X81ddqb3CDo\nund9t9w+tRL2g0Q7MuWzkb9DVOzsHuUUd25LyZ3WtBInwlXyseaDQgcpWKGr\ntfpz\r\n=YjTx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"29ace6a085b0e37c6546b4613abba6356aa82430","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.2b878b3e.0_1571969418777_0.6262024098195167","host":"s3://npm-registry-packages"}},"4.0.0-canary.b06c0efe.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.b06c0efe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.b06c0efe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d91946a74696d8ba9b469d306d45545dbba49ef4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.b06c0efe.0.tgz","fileCount":7,"integrity":"sha512-B4M5N7LZtx4Ylq4v5gKZx/Y9w6IDB3r+OHpNcTFomYNQiVYyNxKyp1wuLndjZI+KCSFrfvekaERbWU9v8GXsBg==","signatures":[{"sig":"MEQCIDkTn79XSY4LbqGX58f3pgl33P8AilkMj1omQif4xW03AiAh55T40dWYLaPJG+h3fFgDABQX1+zHqSBDeKBfn/JV3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJds6K3CRA9TVsSAnZWagAAuQ4P/3h9wFPTorcL1prnmSMG\ntpegADJk9c+2sFy48ETJ6ZOyHUmg2DLpSFkNTntlKWS+WelMNJ9k4h6+fyQM\ngVHF+rzzWqYKq3D9sJHgn70ns8qu21u+Ts8oo64M0rlsmYuCs78ryLhITyZs\nlz8g2e9Xbh5bsOQlqdwXJZC7ZQFNLCk6mM27b7ICSBAxC/gDY+M5VblVdNRS\n0NFk+8O28v9LWb4B05yslGJdDKWOna9REpQOlFychNywoVcaGrpzANv2oU7A\nskFT+wxCHhN88xOH8CKMM4mNpvX33jnJihNrxHL7zcOdjb3+WxJElNqxJR2X\nYx9pdA9i7Et/sVHHpoQeGqbsIh4it8Vb3HCxB1FlzOzWyBNwdIlAKaZz7XtJ\nt/X//Ho7Mhr6uJbaHO8TD9tjHXPWd7JBFBM+0/Mu8Dp6an5CVZDf0SO2jE1q\nEwV1jP9bGW9IFr2aqCFbzgSEpJmichGzM9H9mUju/U56viDb408gC1SAl+xC\nwVg5R5crZHbbJnP3CZqp2eNrQFmtvDxGQkML19UOxFw/b0AYz14Qk/s/o6eh\n68rLmFyZkVUlHF57KqMvm2dT9stR8kyzEM9n8CAofxbq4tKCqK10912MP94O\nqavAo1sBlmH9GyeaLmFqD0/yEyaSR8v8BxQq0gG22eugAlWJENXLl5h41ERv\nTEaP\r\n=swVI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"023500a209a10669d135ecd0a8f00995f84b135b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.b06c0efe.0_1572053687467_0.20558068871939605","host":"s3://npm-registry-packages"}},"4.0.0-canary.01628efa.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.01628efa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.01628efa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"774519e9904b855eb5c41408d15afaed38f83556","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.01628efa.0.tgz","fileCount":7,"integrity":"sha512-cr6SckW2R8nEcYXO9qhDEiIlxhkNuiaxnhqLBzNVqQJfjjIjVsm5lIvFgzfx0n1ugH/7U6Nv53+TWOTaDkNXWw==","signatures":[{"sig":"MEQCIDln2ZzcIlxS6Yvlo9or4UwnvFBSK4k5ON96B0VfbFJ7AiA6N15GKY86lXURV2+3GEPjbyQDCMunoc1nw7qdhWbWpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt4GdCRA9TVsSAnZWagAAKCAP/2vzJ5ljvxfpkHwMZ4FJ\n3F690EfZ8W3Wm5pKKAlKM6nlb2tq9Hi9Ghd6gKUz7w8jkiO10u1bQcnoDjdv\nlo9Hb0JutkMfdSePAAJbXN1+9/C6B4wJX23oy2TjYnvwJ97Ugx5MyVqMKAe0\nASgt7A1tT5zxFzcz5rFvpl6W+3yfSj6lEvnH4+xv9cf2IDQZ1NJa0F/kEr5s\nai8IwLZIDVNfPpqELn4pr9gFp+X5QFXPz65ayMnMeT651WGNYynydn6Yd62n\nmwEn6HSsWxnPJ0qBeo4CQmHR/greHFhqYcGOHLYVlT1TEyqRaKea8gWyzVeM\nrW3ByQ9C1TBO4kTUuP+SWHjgoDgzctYLxg3AQG+cq0jESSxDdee/jTz5m+5b\nFUITKpedPsxFNlEAvy/xqU/mi7cXjlt5oyzIxlJy+vpS6xM4MWYg5/6KUKFd\ncQOLbNKHNVE+tkWowvWqSLgZwIAWuZuPDgSqoKlR3oxK9IrLgOI6w+8tnQKn\nqp+QZmIAVtSmmcifSSE32lgjPrIoYpXwYz1cugbXUWgzxOR4SzNt6WUPXa4F\nC92q6aDYY79R5F2Lwu+XPDbXGaGZ2lz4Jqh2o0EqxmPGQsm4DS7f76rIEJvs\nsioRb4/wTBqDfD+hMyvqOH94cXVFtHfr7O/9b88VDa2HFx8L/IrL+Wkb00aY\nhzIg\r\n=E98Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d736a6d7c49f31b52dc64101effcb7cb18ca6cc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.01628efa.0_1572307357331_0.46750669324637495","host":"s3://npm-registry-packages"}},"4.0.0-canary.b5c6d66b.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.b5c6d66b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.b5c6d66b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fe83cb5d41be3f6287cc10e507a28076d7db6d8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.b5c6d66b.0.tgz","fileCount":7,"integrity":"sha512-2fNYcgGx0eAfy7IBToV5oUcNI/cNV7+qGWcPS5VdOkaePNI19M8SKVhdlB/19Pge6Xvkrsp1ibEiDm84Y6B4Yg==","signatures":[{"sig":"MEUCIQC7+JzXK5Z/XeJckPbJDbQCVBuos5UUzPrdzfsSUZ3x+AIgeORjgp2EPjFNHMVloyL0bF6k/ngLlawO8Q6KOmDo1XE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduH1ACRA9TVsSAnZWagAAhMkP/0vhWpPgHZiV4dHbBjWG\nMJWUocSLvSyNy/Gq46RmAutqxmQWReJ4g94b9wO9WCv7Av/Vp0C2Edcohn+M\nCQBrJ73wXahdSwxd2Ewr+ho2uSaccP86lAVk0UZTITi+xMXA6Uf8jOTHjM5V\noI4KD7RY4EWmMZ7YV0Gu/ckUqA3lLpfkXA7kzhEYfsNoVLndM1exaHBpmdjs\ny2w/b5e6qlG2t7j9ROQQG7gfnTuBGAL1QB55kfENayi9d6lGC3PJm3PcdUj2\n0TFcs7+aHtnytMihlLtgae9mU6jFuGWeT8OvR6hEwMzNkXP5OdKVFikf9Jfy\nV/2hx1FVg/sawyFUnKDlfwgG24oQso+NG57Ng/41DcDftEbZQlVv2C6tozK0\nfP8WoSio6n8khWy+pcDxBG0jaOZXU3GNCMQ8hkv5v1mg8qBzDJU/jd7T3m/j\njEqgpe2jwl4RkzKXEzOpyV17igj4MprM2Y47kipkoKvOXCQbbfr5EeObUKrs\ntptTQBwhzLZSuXo+NMFqJHh0gjfAffMNisJrEYsWQ55lw84B/PCVGHCaax5M\nKapFzcYQNogSjbJ3pe0EISXxfq2kjFFbrUCdnvNa894+cWZyNDFns71/t5o+\nlWVPjGS0t8aGc+yuN1Yqup4iR4t/b51LHtwuQ5hE32RZOARbcdX33cJBULRd\nnwrh\r\n=9s4r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a29efb24799035b1ee49295daebf1ae46a92b529","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.b5c6d66b.0_1572371775700_0.7982089913147044","host":"s3://npm-registry-packages"}},"4.0.0-canary.cdf858ea.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.cdf858ea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.cdf858ea.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b3db312326595cb3259c7c053e99d7b81adff19","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.cdf858ea.0.tgz","fileCount":7,"integrity":"sha512-D5a35tDZu+iKZFVqH9cdzPGeyyR69YPidEwMnocH2xoKvtwvdIhxCMLhkbqhD/WeP1Ik2CAF/RnEVDTHezuBJg==","signatures":[{"sig":"MEQCID7HkPK6Nv/bl0iJgd9gEqoKUxSQyXH9fRgkQC5B9J+SAiAtXmGCLcwMs4lYQHcvCFQ3kYE4DCo52GYLt0/+jz9Kfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvHJGCRA9TVsSAnZWagAAGuMQAJ4Q1jrieuPQbAhXMTC8\n4PoIKGiMmEnFSJxVqCxKb9NOwAY0d6jauBRqy4C0MIpibMz/bm+OwFD+nLvU\njzRzb0iM2P117L04cjW75LJxLQ2+iznTIR8MrcjaAGOw/l+/GiboFi099xKr\nUoQFo8z3sIk53iWyeAFRg2IRM4s93GC3n9g2CWmMfnmscHAigjZUwHj33uxp\nG5rMYOgghrV1bRt7fhRTQx8hh8siZLxLPz9L8mgvDm9JiMo94UFT9Tl9ekux\nN4m7VgR87yllMAl+HDdwIvRW9wkHZJbh1B2o9Xl1kfz+QuJeM6qEG7VwfrQg\nQfIYAD290q1OqdpwvtexEAIrf4jc4SrlYFtAxY4saHbrwwU/zCI6nTisd8XA\nvqpI0zug85sM8a+x0N2qtVuySQkGoYPzK+WKYYhz+R78Jj4mdc4yQ2kljRIq\n8HMzup5DTQu5P+VinInRabDZZAK3m65lpn6CKKg8QfayZ3Cf3XCGxI/1L7/k\nLoDk/qD0Q2CIDZPCAb8GjqLDqu7PCrTP82IiLikGxMqlLwefHeqYv8+ZWqoD\nruSbgPC/v+c5Jy0YViBKoc/MZMS3NoE+1WsP3XFXDt5YtvMnfQ2sa9TVal5c\nmB1KHWWj2j5dDfQ/IE+ht4Edm0XztodUiwIAqXx7VHQlwwHK+MceB7hAShuN\nYyiv\r\n=sO/j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"436b9be1155a7b7c0fd4aefe795809bcebe8dfda","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.cdf858ea.0_1572631109606_0.7470822137394899","host":"s3://npm-registry-packages"}},"4.0.0-canary.719b57e1.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.719b57e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.719b57e1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1450a865dd6085e73f6d7eb76392b43845a61b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.719b57e1.0.tgz","fileCount":7,"integrity":"sha512-PveGkHjs3N3ZiSHvNA9mtEJ9gu/6PajXyGrwSnDYQ3X0JUDIovNco5rSPf9+lSt5fX9edF6/Tp4l2shwXualrw==","signatures":[{"sig":"MEUCIQDBOzGj58fwiS1x8Bhvh9EGc7KV/YIUHKU+wm8/nJemiQIgd3vDN/hZ4lL+ZJFWGMEYFRwWLsxlq9p/rEGGx3DEQmY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvI8ECRA9TVsSAnZWagAAhwoP/3mScIiUdgltLNMFSSnL\nnyIrCj2+PXbH6pCl2b0NNe/WFjyoHdJN9yD4DugU5Q8tvjVaatw4AsVmKGgV\nloJ9cWmLmlSUxntybAJg57vN6Tpc/hw7GmIdwYq1c+BezLAaR5jHB/V+cEIy\nz6lsalELjfK+f1JGBCira7ektLNceUmybISTJwGvzIqkCAceVBv0HFO1A7VQ\n/YyR3F4UkFpMtSFFKtb10srymc/+m7HlUbz05v/C19sSw0BSyvFEUFhOJvtm\ngv7kYoc9n1toeSkhsPn1z/VARP6418JDl/30ATvD+dhWAgEWHY1JcFgd9ukF\nI9XT5CtdrI5Sam7zDTZuUuA4lc6Ac4QSz7EgLUGOhCfvsHJBnH58pObkSg/5\nOnTV4rcNMbf9M/7/5Qt6/wpIrJesOOysMg5cTwG2Q+MA9fbfytqeheD5LYaq\nfvPNJ6mPSvEuHEQuQysSZCMgI/LFibl0FROXC8ek7XTZ2VRDif1QaXhK4rz5\npIrX5nuG2D2FmzyVJUxKHVix+FVz3noHdTdN36f6wei8YrupbealN7A/kKzJ\nbTbkNgMQdgmNg9gME1j/4jJGWO07p5rgG4CEcjf+65H7V+XUYjVQVeAQNJ3n\nHybudUUW4Y+OYqbcGaYMVp50vkMZUbJXW9D7WfN8YfbR3SxeG2JZa9WCnGBM\nE0xB\r\n=X8XB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4184aa06e4862418697a150eaf45a13500e1c4ff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.719b57e1.0_1572638468357_0.03117685794642","host":"s3://npm-registry-packages"}},"4.0.0-canary.97cbbdc2.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.97cbbdc2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.97cbbdc2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bd5ce8cc8210ec1c15ca81bdde1e97e613496d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.97cbbdc2.0.tgz","fileCount":7,"integrity":"sha512-m6MgMXsQNULbjxJh4bUEIYntDemayhP6UQmHh7kiGsRf0wIuXjOe23ZFK+cUiXSud1hsfiGoBwaJvEmrAzufGQ==","signatures":[{"sig":"MEQCIAGZ542HxLoHUl4NZTnBjuJ2h9MQxDw8wi0K97TOMsC+AiA4hNXnfgWRLnPB2WEl57XESfLU1j+FVWSyBUGDT3n9vA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJV6CRA9TVsSAnZWagAANo0P/j/KBY4+gh2hEonVEI52\nkt8uy6AkFN6DX4bnIJ+KFQqsGp0kqtxIqf4W3onO6i9d+VAT/CejRaokBfbv\nkZz3mgOwPOamRdCl1h+kMXRU92VYXqtjZ7Krl8Heogs+kIFS/mYlwtOKAaS1\nrKyZfM3fRVSHlnPUBbzjClmwyvUH1eXYsop1LXq3js7QYHnr7EKoWCLeJyEU\n78irG4J/7HDuDgld92IWb16f6/Dd/NsA57n+E7h+mjnlhwSLktR+umo+qFgI\n+nPkbdoDRFm92OsYfRFTalXida8xVEOZlueUlWoIlNoj0/6X7uzN/Q5qhTm8\n4XSHG+io7E71StWitFTLalfiSR92Fa1ko3bn+wLnspSdQvtI1BPs0SYgM1vy\nmGHcS2SHFHxB41yJqzw5HHtoAIYBDaimcz3mqLmMEXif1GoUP9LTM3oI7u1R\nmlCG/S0ubVVDtjP8Jyv/B8EmJU5ImWXtPzSzQMaVSO/O9RuWxWDs7fvaXAZ5\nkcSh7Nq7RjgMmougpPaD8v3vzUwIwerFbne8v6CaRrE5yjw8zeYBVnmRWiZk\nc8L4yvUjg+RBEg3CJns2J5dPyzva5fE9LIT0DMQTPhvtr13ThGDo3atr0Q6l\nGfK/88julHm0oaWvZXmQt3gabOdCv9biNsECt5PdZ+eX/E7n6WP+1jU4qRQ3\n1Izq\r\n=bgWh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"49d37bbcdfa0f5872581945f58c03e62abb97090","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.97cbbdc2.0_1572640122405_0.2746761331425509","host":"s3://npm-registry-packages"}},"4.0.0-canary.8e36b3b7.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.8e36b3b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.8e36b3b7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0297b40d14692b8a17cb326565af6d2efb511ba0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.8e36b3b7.0.tgz","fileCount":7,"integrity":"sha512-3sP5Ai9bH/Oy4ByenJroMua5bRdr9X4oKRtLVY9fDUZPweUaOCG/+4nothYpheQxcALuMRqBZ2ONUESiEoIYOg==","signatures":[{"sig":"MEUCIGcrdN7trVyLv6BOX7yGsye62vUlwtnMA1icXpnwhzmoAiEAkDIa89Uxzg+KrkIyjHGeh2JGHjZaZB3lE74ITTntyoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJz6CRA9TVsSAnZWagAA9bYP/1dk3vBes4trTiqzj7gs\nFKYXqN1vZ8Rtl+nU1mgGyCF53zw/IAtO8eyDFmJr+K5tgLIKrHuELoSCvMn3\nLi8MNtdeZIXtiKu3yshHm0cmknhKrmwU5pfC+WRD7FKqqluFDVAKlteqCSb1\nPckzbcJju/sYy6AOVKOEN1eXRKvc03cQqUOIs3LMzCf4bbmTAbDHQKIoPTut\nJwZXeD3JObroR4/8RbUz8LxHRspsfeLNumQJAWTnk1rkz8lfuW2hpou1sy8X\nNSyekGTWloMRWkRZLgUTIgBsIO0SROK00aGwHTNm/Q38r3T5nwPQpamqZuGT\ndDi2deplWop3nQRdzI9Owr5jvnCtVoOXsGC7VeJQD62woh6eJ+bpmPKI56GQ\nWp27UMCzX11rv01cDsk1q2BFzQLXbliQ3zltj2kY0CakuwfYUIpclcQp5N2d\n4RT8ksTpZvOrqkYUIfQs/IRUkUeP9Pk6bRjHhbGxfKupdnEetqnrcFadAj3c\n8GtXh/Bl87yQbxGtz++IvKMbKN+uemXAYoekaRFaBLRryMtDZXzXMqcnsNip\nEi5qDFulDXdehRL7aNa+1wV64SsnnKcDooajxGb4Q5eq+bA5Egd4V0Dy8YgF\n0ayqdVYAZedL+Z2IsHXTjUhVqoyabDvDm6pxShm5e1guPSl4HBe6S2y8htq1\nVIIc\r\n=4vwC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"62f51968b94685823af7942f779c63658f2b0350","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.8e36b3b7.0_1572642042463_0.7351887965351194","host":"s3://npm-registry-packages"}},"4.0.0-canary.62d3a09b.0":{"name":"@material/feature-targeting","version":"4.0.0-canary.62d3a09b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0-canary.62d3a09b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea44d3d2d75b6057eb262f5cfbca083f602c7a45","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0-canary.62d3a09b.0.tgz","fileCount":7,"integrity":"sha512-8bH5d4K2yi0LQQCxnD6QyBfqXar7oIH/TzHtXlU0jifOldTcbarJD/nqdXIsXOHCKWuR8MXrxdY0Is8v83HsZw==","signatures":[{"sig":"MEUCIQC40IDVOw5Uydt0s4rxxB5DzKOzegWGlyFl3WPKRdm6zAIgd3NRahwlv8mBMeblgb5gJZv+sAr51EM/o/ZhnlACXGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ88CRA9TVsSAnZWagAAu/0QAJQXYgdDEYSsgfxpsIuW\nlZLjez2s+nku0795vWswQJxL3KrITNN6zwsiioiDc2XQFrjNRLEkZazuWBHU\nif1Q5LtFuVjZXLDAM+QAhb8Yi1aWDTA8ALQBr+dL3uRLHq3ZjReZbtt/XUuW\n+zP4SKfFw0lgnWglAfO00R5QqxDgcycMwRuhbQYunO+gUAGsTmfr87kwX9qN\ntqCsfrN30cyhOqhdjjl/CBm1poy//Uf1338F7vPaEv+fk5MBOTXDpYvCNTQh\nVbBcwviLhbM3MRPDsBtYdMzicLhbwJApl2+6KsBzH/5cMjGhn4NOTVa284nE\nLPwzF2E/9w+ZyDE9YBMPrRdQRdCVxWppL1RP/U2tyqr0Wv839G5xiZVDjc1B\nLa5v4oQEjSB4JWrSoiiM2kYpBC1rQtMcyTSnH73p+00N3U5gDmx7qNYb0T7Y\n/JpjZ2yS19Z5ZY1n6Tc8N37DPSEXCbB1byhvMu2uD8g3NjuVzU0Vw37J91vC\noPpVfjwwkzVtcqA8wPOLpUM4BpN+ONHdVZ9flIr27WfrfUQ9HLH7Z+qddXs+\na4h59ZtCQXX6gjA5V6c5pVcXGha7JlVoN1g/et4aQpeYL3bHwnM5IiXlHTt9\nGReG+Y8V/YmBOf6c6j1LEORr1Rc0tE6Grz3jtwNvmAnhIUEmn1pTnx9D/gS8\noRJC\r\n=SjJs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e00a9686a58b0fd5ec957d4008b6674dafd4dad2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0-canary.62d3a09b.0_1572642619845_0.35024889978358864","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"@material/feature-targeting","version":"4.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@4.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d9d1470801a1fd166773731613d9fa89e0fd85e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz","fileCount":7,"integrity":"sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg==","signatures":[{"sig":"MEQCIDSos9+Nvc0aNZX+cIxAfFgXZjXXOIMF4qz8EKxMGNOvAiAK4w3wiYkDGnALc8g80739Wo4pHgYSD4u2xEXnYPQoWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvcbQCRA9TVsSAnZWagAAr+IP/1qHAypr34/gp2KRTvmx\n33RMy8QBwn/hGKZzk2ifLMTyclK4YPRFXhT4D4gVjvroE9iM7QbuZR4WoMfX\ncphE+sODofr05r/0VBnrb2JAiZyZH7vvWrpDIrwewz0CUZgRcbC6GmCLuLFz\nRs2f4Uwa1bZlU6eMG3w4Fq5cquY13YhDrERNzoCCN8PR8hjl1heFrLTv1l3l\nzbkvrJkVf3Vf4ItVWjWpOFq4X1a5AFrMtGfdZYQ58keRS0waSn0Sv2PvDkji\nlG+yog4+NvYapsa3C/keu4yY5cb0Kxdtgnq/bxljfRcyN/Z/u+qARBcbi58g\nH1RIoku76nDwbC/GaFFMeO437K1MLwu7p4GNi93E2L8kXrx3UYS9o19FEBjW\nfD/FwFxLAM11DoqUqB+FVGN9rKE/zdgSVMB8slE35Dc6ah1YtBPYrBjiM7uR\n9fcKov46u60v8MOHTMIIp7hnoBQJtDdWn+WYI3+HhUXc0EVws8o4ZMngWHE0\n1V4a5VuoCziSLB3BvG+EzEZJxKY2fsUEtFswiMAyOyw31I61CG74E0gc1kjC\n0sqiOEEh6ez7gsZJQOqasUrGLmlfR3nc+XdP6CK09T2dcozrafRiXsjZ2lE4\nUhMOIMtfzu2QX63eMk5s7R9CuuhupbBTS8q2PNxAlSk9IbLDLVqtaEZbcmWW\nVvvL\r\n=qDV9\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"8fcbb009cd3b5cc004b302613dd55ab4b5d6ef72","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_4.0.0_1572718288141_0.18408888902352816","host":"s3://npm-registry-packages"}},"5.0.0-canary.b5eb51e94.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b5eb51e94.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b5eb51e94.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf340f5c3106a3867cfaa8adfe20c7def899b5ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b5eb51e94.0.tgz","fileCount":7,"integrity":"sha512-xHIyElAj6tPB7uLkNMFhaTONzaZfAR2JQi3fJoCsZrgxMbhH3zwWZBBDZXLKq5jiulG0MsTDdWKBsG4mMv7gvQ==","signatures":[{"sig":"MEQCIGhRktoICapHX2A3Hm50kELNJxSmBcMMoZEWovqIsUTdAiA5mbRqg8zcF3UqWfc93AAP0O3G6T+0sbg8CfqKmswoBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxGNrCRA9TVsSAnZWagAALNIP/3wcrW36RSrYgJD+TL0N\nx+nX3OCJnt1mg6Ym49LrTFAuYyCsz5Qe1GS1nXCnJH9BXcJ6q8RDw9CjV0c3\nMyxgRDuoAp6C33lBtvwr1h4k02WbrBObRmvxMSuqT32xiDYJvrF/0WRvabDQ\ng3oC1CLPtC7fKZ7qBkV8gjjDw5EV9ume4PcinpppzJgt0ef40vnFWJMHa2nI\nCg3ZfZA+Sru2sA9cs43yO/y9ANr/VN+WlN89B+c+Jxmwb8GiCI7kn/NAcbGK\nbKiYh1fEu0CC9/iqAZRtN/SeFAUfPcrFH4J2YGiPJYOBc2MB8D4eEF9eub1b\nMHdXZWJwFnYxFKZhwLd9GT7MrYbLt10rUFfD4fbhxWm7nobcYeOsydUZcA/I\niE94e7OZlrC4RLri7zLNLx6Q2hch/nRGYZUA180tUpK9zMjTC3GcocI7aVNR\nSlkblgR2mhRH10gMMEed7Q7gs5Zmr0Ec/8rDw6xf5oJDp4TX1Rb3FEIaV8X1\n7IwVJBxkkYo7gwIIBitKYF98sDR/Pk+4uIRT/kRPITqelxSemFE+J/HWZRMT\n9yH92jws6yXlvp5B9mfofCeQOgZB/K8PzBMUevOCcV8ceIFZctSFrH9Waqgb\nfDRlyVKfB9fKhzOaoXpaUasfI0kX3SdgIobK1j85KxTvmaciIintLMVaA+Z3\nO+45\r\n=t3oQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7e8d43f563cf6b162c2aed47d2a006564994e4d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b5eb51e94.0_1573151595472_0.35234936286847995","host":"s3://npm-registry-packages"}},"5.0.0-canary.58500806e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.58500806e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.58500806e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46e6e26a6b44f682b1774eedd86f51afddf4a73f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.58500806e.0.tgz","fileCount":7,"integrity":"sha512-wmbADn7kEhoHDnyqo5AkqhlO+BW+s75CnHOEMppIqi1ZNa9+TtH1nCXGv5xcYfX8d6PnUiA60ewUM8PXbyyqLg==","signatures":[{"sig":"MEQCIAzsj6GUvt3jCpVz9dRHL0O65De61tGGho3jmtY5yb43AiB58gSUzzYU0yiDke5lgFfqaeuLqfOvGtcvgmI9bRzqfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxYszCRA9TVsSAnZWagAAM+UP/iOc/XwJf6J71MLDEiHp\nRCWmNQ8voKCrAu5iUcrHviTxn4XgwtuF2fhw5PRICk/hqDb3IKD8UxcfdCCf\n6IXdURQO+QmHUeWiPfQpPNEa9xvn6MXVn1qZZ712P0fsoqtBOlSGtBXKKy3n\n8rh1Orn1BEqtmud85OruBDq6I6VWwCDrOain8abJcjkFQGuhdUfiIRkgR2kA\nVDWvhrmt4cUP94syBZdXx49UaPeh/2lSjxuRr9863qZ0qI4/gSJ7rAK4T+4S\n98vSSnrjgoytiljewgkFA+HlYCelK+b0tC06v8nFW+xKFpQzRYTF+mfNql0f\n383r23zC4uJnk8Dh+iLBAiQU8pLn5ks+oxRmAcCwcFkYAWJka6d5t61qmQmN\n2hFuRXZnJkYEjlw7yv4qb4CSl+y+7vxSjxaMc3DijaWDkqks1Gb6++5RxtKw\nzzRno+QHeuv1p8L+wqP3bsLWxaeCU2P3yY6OpbofeUGEpEXDNRJGpuBfmHOy\nDRL9R3TZkB9jM+SeK6KlFOKMQZftbb0uguC2IX+HNOnodHPy5kDzrY0NItWX\nuetR71koOyE1SbR0CcXvUngg2+VBUne9DCEQuK0CS0CzfcZR2aPl3gTsUzL1\ndD0ltvJX/BVLQY8XPCGpRyxXwopn46GXTNkzzLddLU9078OvFdnvqwF4g//l\nlGCa\r\n=1Cjm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b155f26dba1f11e3c9d7d0fe036cca6da8b37a3c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.58500806e.0_1573227314733_0.8253146204336603","host":"s3://npm-registry-packages"}},"5.0.0-canary.66299b646.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.66299b646.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.66299b646.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba22bbaaf0f6f3600964f1308ad478a16ec3f6f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.66299b646.0.tgz","fileCount":7,"integrity":"sha512-lV9b5TdX0CAxJnUMuD9+hJAE4i3NlE0pul1rVFC7eOzyLFVGL+jNGRLU8mwXP/xLKBKIsGQ21T8YvK6IVVUjjg==","signatures":[{"sig":"MEYCIQCmKHOhiep42b/DXOaStHhpwwd7s7bsE3Ktwmrd3AgJjQIhANthXL+JelpeZgFBuLsnhuugvpKgmwWBuZLckwOw/es/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxdERCRA9TVsSAnZWagAADlkP/RXgt/lqmPsuuwvjOPQN\nt9t4nFNN0Ujq74mYHJJssaIFxLAUwe2bIeYDqYLRDafgUkOXm7+DSyDkvvbE\nyBep5eZeyVb81Jxro/R6IzEMvPaAYYqPGVmnEzYhzFMa+qtRhBvyTUL/HQsi\nwZlTwXeJVIUJr331pxfR9TjMktqrjHUQzg1QqzkXhep2iAudQGnlolxlPB2M\nICO0Y7Xi1EYoznxcv0Awe4CrRi/QkZ7UUEMlPILVdXL51uzP9y4afD4XROWn\nPYndu554HLi1cm/WolPeGfZSRe/tvT9QF4BZczmIZqADs67+llCnljAlYkD1\n/Zkmx/GaV0MPY4L8f1gZckXUe5yYJ6SboDbe9LDlyoNXvhbe2gNA3sMyyMyz\nOJEJZ3NztfyV0qVnwASmQxtVQb96I+OTILKEOqUavS3UAkLWhoNEFcUvSTQY\nhWwKqSeUE41OCYBr4IVPiPOsfxwQ+n8YiU73/l7eYE3kyp6bHmr7LnfnbYKl\ng7yrgLRT9mnapfz2pwlNx88jWuIN4e2HEMs61OZrUncIYGbuCao+0ipZ8bhO\nF4YDJm8e2MN9nHnEfjXSuvJ5ZXFqeU1mHKb/a9lpe5jrNsRwxYaeKCZwNdRp\nBJbrhWSHcQZKdTVYzMLtOf1YiCCexoKxZ2lTlVbiGWw9zHSslrhzWAPLVgdg\nx97g\r\n=m54B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4bcc7c183ed18cfdcbaf564e317231824ea91b6b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.66299b646.0_1573245201213_0.7594812740784522","host":"s3://npm-registry-packages"}},"5.0.0-canary.821871e04.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.821871e04.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.821871e04.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"874d295f9e260823894cef3cc65eab29a87a0fde","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.821871e04.0.tgz","fileCount":7,"integrity":"sha512-BkxYqU2eiSKMtFE61kY+txPKZwuoYSrVcwndh0egIVQpn1bcx/DLZfh+fZdfYal3T46umMtYBBo+LhxhwH7hjw==","signatures":[{"sig":"MEUCIB8xDHalfAoEHGlNdkf3n/hwb5h7aOOMvkWc3n0mYfARAiEAvyoHHppiPF6HZCjhgbaSAeFg7Tin8re4rLZgZVQwu90=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxd3VCRA9TVsSAnZWagAANcwQAJqiQWRob75ku19StEtl\npW9jcu8U8NgtJ5TMzS4qZUPpgfD0dP0hIxYHODvYMNVw/LsvbmtnUvMDarOd\n9pkXE6/qen1PGoW/5cpue4I+iU+YFWGdr+PDkTz6XRn9HKm3chlp69F2QcAW\npycdHoThrhjyzVQXnpqGHzy0CNVu/LWH3rjqMfhcTzXxHi3csmThy5OHMOQL\nieMAK+EhQc9plZM+a/COJTpxs6T+dYZd3DHZX70KK4z2c5D6TefR8rDpE03g\nwWFBaDPCXpXmWyA8m8YtarZjda68FvQg9kvW7zQMAzyuK6fTRsRsGIumcqWG\nBreX1sN7mWlGM/VC8Rc9xFH3+yEtgDWs6UITSUn1ndAf69sdt3J7lwIG0CPm\nMHgz/SY2TA6+RPmMvae20GOkJV8JaDIREgiCS6Qd4KhLb5Ab/jVD2kgJNK6X\nPPrGs4+NmlpE645ig82aIvu+yb9x9hxR+4zb2hPHnCsXVE+2wZM4T0Fvpux1\nKk1qcYJt0ro3CX8eA0ujQeXQ5HwphdIz6IyQI8TJ/u8DNL1UoNZ7D9MTUuae\nTWHdpjFaty8KSYVFtrxOa/Esj4sYG5r3a2a8eVs3t0hyCsoNctRzC0lEwlfC\nkemQHzGFwLitci8Q6cFn1LhLkzj7nXFRgSno80mKG2k0AU/Jt58WtUNjwlWG\n5qOq\r\n=gudf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20a91d4645dd0fd2db7a61459d752f390e050899","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.821871e04.0_1573248469203_0.9067033163316338","host":"s3://npm-registry-packages"}},"5.0.0-canary.491fddc31.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.491fddc31.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.491fddc31.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4737aa16bc5ad0101d992017538c3d8cda6d734","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.491fddc31.0.tgz","fileCount":7,"integrity":"sha512-mXmoAH/+luq6IT6A82/wfgQzWMWtN7wv9hNFzgBRaXS7RIICsSc0YyniceaMBzoXacZotM/FaOC51ov67B2mnQ==","signatures":[{"sig":"MEQCIEeLLO/eBpHBrX8+2jk6bQk8YQpgRr9TecPxhxgrwprxAiAbx4PIW7K+DAmIgQJillRnKJP4YXXuuJzSBmkHGRb2+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxeb5CRA9TVsSAnZWagAAwboQAJu86tQhWKhxRbQ9qRnU\nHT1XVnZqsBnu1iMcMrl8i9Mf80bR62jm3FNegk0TCrgRBdOYAcgsEjx+KEMT\noZtCsiryqfSn8HUSzWJ8wnskzFzgrbN3Qk9812lrRoXH80bw3BIidN+g5AT1\nEw7aPpHKcETUs0fw54u3yQufaJ92B/zoQB+cMpOqKV+W6mfi4ot3+SBzim6m\nGMUlauL6ZHsH0aogF84nNrJq4/H+RgAX00Mf5artVhhImu3j5OOpxh/FB+02\np897c7Kb4tr3+2i2wqBgsdOPqLUG+JHDYDYrS5g4nj700Xuv27sN/JI1Yu2D\nNDGIigfaE+nwucTP2ykXtESBV5W88RG6Q9rFY4E+SwKNkCXUxd0bJZdUAbnL\n3PuFrk5RDcaiIoTYrpEM6+2UTzsdhcH+VSs/wzTeFeqpinY9J1cvPmx8CKWj\nCKm7KWRlVl31JkwnkdrPRAZCq9wE/AGJvsbR904YhTIRqblwPvk+7rCwn61V\n3JRDJPwmMu6vDsfbVucJsTLZmYcZ11Cctt7NCtSNK34wBGCs/+ebjh3rUsc7\n8tTUxFxCpy0M8qO4aRtobeifQW9kDZZtACoEWCotZUHlrjXKF9Khc8nRrpiM\nJcBENVTTf94bqAVFa/+45EYZVWmJ1rcnJjT1AvHGifaMYgtnuHqChyeJ60co\nKXaS\r\n=U1pB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36ec62985e32e24263ca2d444e04a01d98ba02eb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.491fddc31.0_1573250809479_0.12006251167054938","host":"s3://npm-registry-packages"}},"5.0.0-canary.b0cecf145.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b0cecf145.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b0cecf145.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"addfdb17842f88620aef5062b74342f7ee8c7f53","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b0cecf145.0.tgz","fileCount":7,"integrity":"sha512-4DMsgPMXRGJ66fikErf0eJFt1lcxXa6KLGT5iTrqS1JDRDczHFOzRqG6vO7lTdI/ln2fHyokASB+7Ge1Iii6aQ==","signatures":[{"sig":"MEQCIDTBHZfE4k57+3s6CemDYcOfnzH4rNGL23oqTFZ89UHYAiApeScpNTPMO7AHqFOC2cbYHuHzUbZYlbZjz0UV22keVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxwh7CRA9TVsSAnZWagAAv+8P/Rpwk6MZr44cNfsAiYYh\n3yT9hg/zolE5sxWAaC6oBRQx5oc/kphpa4rsxt2Bfcu4aeNgkZXEs7k+0DNt\neHbPCF23ip0mu/hiWjLpuSooN0bRpdLFNCQIkJ1BSAVN19xfZUsn+JRsf4VY\nir7EbnqpHD5ho1LXKf7YFiiFW2+5Yj6DQALGUVGQmmXOiCaTAMdApP0M4se6\nQF6rJDuNINNsUrYtScq0jCXLGfIY2vdoa7GGDD6a5LXzbiDO5Iyd66ETH8J4\nsXFS1MKrD3k/INUwY1DGKvGj01Rd/VOQbZYjyD7OYHD96atK32C/5yiz3Vm2\n6r7MCioDaZ2epGbOhpQ3mdymbYyybmaT52a4mSZCmSHttKwfzYCoOWK3ecn3\n2Kvs+z/V9gAqZ0eU0hXpsxNO/AxMAwad6I6ghtHwmh+1Iw8G3gFAlkSEw4lQ\nIUUjjE0sTDTzFZYTiuDyenKmL1UiTxO2+JhPF5xHGNUxH7bH+6awREwBI/Xa\nnOVPXZXWRUfx3Izkd6xBtq3f0d3NufCXUIPWJAkdvQu2yv+PJ0uax2F2v8Sx\nPYAztmFceYHy2b2TFeyyJHjIYruXZNAILRGC50cIFqNofgbANSrubnhUWeS6\nW2wrPJuFJ6lloYaA6yPSW3n6zrYz8ix3sHW5SjRPq1Q6Sk1g5+nIVpA+jJKQ\n+KJZ\r\n=fQay\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c20143ddd0d46da106e793fe5b768b628d433923","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b0cecf145.0_1573324922833_0.47450263372674417","host":"s3://npm-registry-packages"}},"5.0.0-canary.afe0dd1bc.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.afe0dd1bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.afe0dd1bc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bcb3b816494065ac837194681318eb59d5262db","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.afe0dd1bc.0.tgz","fileCount":7,"integrity":"sha512-D5Iph6jKF+/OXeSX3gRqQbsZuVby/qRCs6Ve/Zxrihk2eeVEESwCqLVpIN5tA+Cduk3RxKaJS3xgcWXdzCKZ/Q==","signatures":[{"sig":"MEYCIQDYS/h+COWfkxDBHtre2X/vmwG4Cq4BDrm18V1iN2kVAQIhAJkmI2lcxjbPbuSiO9t32PCRtV8BTZIMHexhwB8Swqgp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyYAuCRA9TVsSAnZWagAALDsP/21JaSDM9Z2EqgawaT35\nHRGlQPh6zKT61oR9E/fe6BXsvXHMTS7a9RYEKGPxmd2jJ1a8u8iKmSECTrOl\naSO59IXe8ILlhA0Z7lnnKFrWLr3O9ah3BMWBxx92d1Uhx4nQx111UDndRXlF\nQYW66B9hDq0wvsgICEfzjqU25/SpNa+mPNZw9t/dfhkUIwtuzR9n//nQVYL/\nKsW57ipXHoeebMn9/bPibGdLanjCZycZ+CzXKT3v3iwzHQuqIYTYrDi65nLd\nXc/p209QigS2V3iLbnVqMGZZaWfRbLgSoIBZsaMLS/qcr+CcJYTPjvILIXUz\nGgsLfa0Cwx1lf5iHYWoPm7DP9nU2dja24WPmxasFoq3bumXFda5ku7SvMoNq\nWe9jMx363JvVtJ9VQug3gu4NM7L8EQTy2VfdUp4Q7JOC0GhHOm0XpyHrhMjC\nzKhQj5/d5BNhVxfRDQ7AcJoKOZz3cfLTZDr06rtWM7sJGSUNhLXZ/O1ZGfSM\nawfrHpqgAV3HGjyD/UcHGTqvM3wJVbeRuvU1bEtI9+WmLQDeTjFQoizqGkPR\nC9D4KtB/OsylirWYFU9jwgRSegPnN+BBYcvpkeHBMIP+Czmhu0/iOUEnr09b\nI1094q0o6iFH1yFHm+qI5RCKyT5EglYf8cevopBJi+CBWHfpWx+aCCLqRTZM\njGHE\r\n=xFF2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3bacd69fa765f810b8bf40608eaa3aa2df12bdce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.afe0dd1bc.0_1573486637863_0.5163775587873667","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4cfdc40b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b4cfdc40b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b4cfdc40b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c72c45aeafdd6b27a0160b7c0724db4bec26247a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b4cfdc40b.0.tgz","fileCount":7,"integrity":"sha512-Wzkmc4bvQFasOMjh6UK/ryYKZqhQLk5vB3HBtbtBh54tubgz2Q1wqUuPk7gETKcBFqYrd5yfpib4s+TEfZgtBg==","signatures":[{"sig":"MEUCIQDFLcPZShfgiD3dzR5giXzXiAXldflKABu4NCzMePiBIAIgLezIByOCoA9uiVxK3Jh3Z7MweL91VXlMTRkMy8DbwGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzXmMCRA9TVsSAnZWagAAk6cP/1DNL1IE7VAR+fw3fvt/\nXzzz5xi7lO2ggHvA0s8bNo5PtW/o9LPn/WhJEEVsjTQBNnJRwt9mSK0DzmHE\n9cptlVmyuQrjlnirdCu798UZsGPcVirzqr2Psn3hSCLnZJq3TTJJa6gInPY+\nTL+U2a5444klLRaenoltdeI2z4ZnEAfF7vqI+Lxi0cuRoJxqq1EMosCMt9kh\nVxAMcPlKJQZAlPMTlNSMRClOE7LxgyrTaHrjQAmfN4fVL6U/ykAk9npX+DFO\ndWH6f6FgCjHNmd8DgigXgeHw0mNyP5e97P/at18uOyDs0j5psuDFfVs5Jzqb\n9afjYjNCtEfwLwdpaG85mBaydhFixSByX6yPvMHe6OREbaoZzL1hZJS1JRr3\nkyNjPZiA1m6m6Bpgk9XVgkfD8Faf8q4aHXIheoywYF4Vj2fSnkvW3k3pErpW\n7aTHLuj7mSMAs3+ZUS9SPk0rJWT/HNKXRnUeAVGThcpd9QrJb5xaHz0aNnLZ\nHQnwaNnn4aaiOMROkt/bXWfEoWc+oV9hHyKVX/LCn06VEKTj/IZKp9u4Dtg1\nk04mX1tKJv/UwdI6cAvCzvwbkgwnC3AXLX2Qay5KaIKGRNQLbHB4EdCPtUgL\nkAVUDf5tq29q6ItA5MBRVFEApz02O4u/QdleNzrvTItasum+YfcU2vfr9rhV\nR2wQ\r\n=/aWd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2a81ebd1a573a096ffb378bd1ce7bc223a3cb54d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b4cfdc40b.0_1573747083995_0.9262378196448775","host":"s3://npm-registry-packages"}},"5.0.0-canary.525989b5d.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.525989b5d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.525989b5d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa696b07fa71a14d936ff5b398eb875931090554","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.525989b5d.0.tgz","fileCount":7,"integrity":"sha512-LDKFC0xvaazEVKxYC/qPvhr1OTa+ZLxKXDHb9ah3XC0oKisxX41h3rTvkJvS3CLHbb8dzuu/HsBp6baiUQwLkw==","signatures":[{"sig":"MEQCIB+OjxUwRPMdNXR1Y0pMFS0SwSrhlMrAi3SAA1ER7qTAAiAne3ZA5gmUB3iZiG2sitCZqMUQh+MCd+Wkx7QWzXtDQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzeOTCRA9TVsSAnZWagAAs6AQAJqENDnxmt7byuSYsAb3\n3mhOOE3WLEr57lC5xX9h5H9m2kjZHbOq/fPzrFa+K0VjzSHcLYQY++8rU4Yx\n92qlJHni/1gFx8efaWpwCpgGmFj9DK36+ZGz8eAGyPtBXdBOjX2LU997qtMB\nxjfKgAG+rtA+YMztugXXUqy2sXAdKHLFO+3oFqNTz2+8OO+AkoYFg5plphTu\nNWHob6PRixpZwlFbFvq6QAuHYkA1JFtgdNtmzz0XM8gu5Yn3XygNCyKYHFRp\nvScqVBCj6yd68l1YcOlALro5YGrbCxyBZwmQtDwLtx5CSdgDUFJ4l70OZEgy\n+oEh5dUiHLvJI7hkd6PnJh0IpeQh5dJf1Rujfc4TmLpzMC7u1aSU9YHVuBSe\nLUWfiAikl9R0YRKhv8h6heff+suTDrqHEJ1ds7EKGVpNdYcyZdmNc68VRKQD\nQlRrRhD10kiFYkTqoNMFc0fzaOAtwyRgROoruNwOpKZXiruUBCDjTnGlptBC\nq/s50NKc+oQMX+iJUbtxDnZZvtsjNq6oPnrBX21yXu/v5Qi5HEwHEC+FGcpy\nDVskf8AQFbjiXoMllTJV0wJ4MCGJHO0lUtWxWZ9mMuklrjv1H+7mA44bB3+T\n/ToPTdyqwqb2zhv5Z/TMqDLAaS++bHEzi2x7+unGmxzCqj0FSbczVvo/lvaq\nLwj1\r\n=DD5h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2fcf375cfb22882468cdbfe126d349a996b450ad","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.525989b5d.0_1573774226871_0.9907679479980522","host":"s3://npm-registry-packages"}},"5.0.0-canary.7084b403a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7084b403a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7084b403a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0189c089a1db00b66e084e4a2bc5780ed349382d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7084b403a.0.tgz","fileCount":7,"integrity":"sha512-it4YrkhqWubY+BiPyCyj49QjifTMTZfVHig/jHz6k6h3Iynh18uUyY8a/Ckkw7T/XkUnSmK7DaPM3mvSsNhosg==","signatures":[{"sig":"MEQCIGGftO/EM2OkczrHw/A+Qi3pMJ9APfLMfjfg8gXvSpYnAiABioDwB1yf7vi5HCM94cBZohmUFPgT0l6nBloN/RxryA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfnbCRA9TVsSAnZWagAAsaQP/2y1922RLU3jOaJ+q3Rx\nc0zYoq/CMw6mVdpmFxaXcEPUPlYL2zW1TYWXMlDB13FXYU4IDnp9A/Mokfn0\n9ysW28G+26svzeP2BNHzU2IOfJEye2AGDPX5OjGq4CxrYDnO8j1UmXwmauds\nqYVTDgaB6AxrbzjGaDWF9VRizFzJKhv8wb67vWYCvby2VPD4RQ0kUlS2DUQG\nEDsre3sedu3m9qEH1pR7AYbzZScdn0q/FLOgmqfhdc+7KRtmeFyGXDlXXsvr\nZxUwkdn61Ccgy2r98gunYcwMaNTclIZGq+16ynKkj+cPMGxs+sOeLxNpzji6\nvCJEW/pkOK1AzdRGtoUZKHvDepDVqmvKoTdHpyAYji/gtRDcU1zJkdmTQkVc\neOWke12IJWJagg8lKb9SK29F5HNLGNdeGE/aTgMgROuX97T5WNWa7zoULe4h\ne6yYOPRiWvvbBKgL+46rD1SkTA34neXTjE896PAkaPgfhgJ6LiB6W84/bSfV\nte1kTjuCQf0WBUfq//6+GC3+UlDNWkehlDCgHSfLjqOQn/wC1jXW6eOQDUfU\nlAgijl42qrVSYvNxDDf9IZb7kAOAfSSz9hTJFnn0x7n33jk5msaDJSCrbMu/\n1NdGKtY/fvZ9UdIJgryDhHrNWwpHltTPRIPFyPjCp3oiD45WTNJPrPEWAUv7\n3t+2\r\n=xX8S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6a82bd7664073498cf25876314019948f3295c87","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7084b403a.0_1573779931436_0.6881189103900562","host":"s3://npm-registry-packages"}},"5.0.0-canary.3cbee6dac.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3cbee6dac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3cbee6dac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b34472a20dcdbb04915f1de13d0172192c92d18","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3cbee6dac.0.tgz","fileCount":7,"integrity":"sha512-kxWuRFdikr/CzIY+OzFOb3r3ld8GAWfdmL2S2R7ihDEAv8IYsmj+vAKSOeGo0xp26ywbcmQXOjukjjyxZOX+Xw==","signatures":[{"sig":"MEUCIHiOJYkzmGyFKDiDImIUO3CZI6w21Xr5CGgP1etqGqpdAiEAg6XgFr06ScHheK1UGHeM5sX+Stg8ZI/aidHjWeXq5Fo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzyd5CRA9TVsSAnZWagAATSQP/jY+YAPkM1yEbUFyezyh\nm4DcSuQg7uiF2q/lUHXsDOD1vx5GzSRhlpAEmZEbaQqHn0rVOaPnh7w8f5xd\nNvgq4KW5jgtJzewmhAhffevNAs052N6Jbu0ymGMH6VAjG1kTGNn1UrywMC3O\n6OI0qnhS2QoqJ7FRaZKWpvu+8H9y13oSDOOQBqcj4ZXFA16INxb7B/TNMj0B\nnxmtYebXBxOD99PU2Fr+EM9Y7yZ6pMDWv1sFowegCHB8ZUoYZFT7z7lLvOl0\ncJrXKR9fVE1g61WOh8bOltIKk7WrWerJ5ZOQoTwk3KsUOYvlPTSiEG+JXA7k\ncXNzIYGE9Rqq7gtvcys56kBrD24fKw5TiQHK9AGsUZrYqlNhf/e/DlUjW3Cd\nDROIP6t3TY4STd2y+kgWsVdkzNuTc9ozz6USAavUAxewPDW1yO4t1vLrFrq2\n8RaFaxtaaKTfGEyHYbVHzH5d37zwKyJwKH1zXNqhOPnK9cFx3p6fB+4qo1oC\nll5FmJOH+WodHUJytzl6M3TFY9L5s7llJZNHkyLE/rP2fddZ0K74kbhaX3A3\nnfCbnDy9sr+8w3yG3I6aqoGYK2TIEeSJ9eCqwVxD5MbxN+Qm1BG+zJBVfFuO\nlzqB1wtmzhJc2whOvQGJnWe1cLFW2rwOAUCwlZpugkp8sO7DZ8y2boqqG2pz\ncSq+\r\n=Fj7g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5ae37026c572ffe6707702e535533859ddc81a48","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3cbee6dac.0_1573857145486_0.10375877257308308","host":"s3://npm-registry-packages"}},"5.0.0-canary.591a6ad44.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.591a6ad44.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.591a6ad44.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89ceb0aa5b63f1e0bf57ccee5c71f820e4588ab4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.591a6ad44.0.tgz","fileCount":7,"integrity":"sha512-K8fo2ZRMcxsVZDySSsSAim0+GNM/qxkYCMeMteeqJWyGXsICZIZRdLR0crwDan3rZLCSwngfXps0MWa0BDV5qw==","signatures":[{"sig":"MEQCIE9lThMmfBwVO0jqPVx0y/NIGpIxLhInvkE5ZI33hopDAiAyKvlMKJWxxlEp67fyvNBgxAeqHo885kpx24bAPZm9eA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0y24CRA9TVsSAnZWagAAbrsP/jsY2fD/BWz6ax7RWfxr\nszElEfcWT8yh6CEdGuDKOEtgpJrjxEH7IczWbHz+xM2v8SmY5P5HLqM9kx98\nBJaddZHFBE4mItEnmaYlNuoaxBc+5C9owcPHeqXr5nkFZTRLu2Hg/hTsdFrF\nacpKxglXZWcZFV6xmLcDQdSPYS3ou+mGbl1OIpin2Be9CSQpsp82AReromPB\nSRlpilUfzGvhTnr1Amidrj7mBMpvxaPgN0ZrpThvuUlhtXYOgczPErW7hHvI\nd5nq6CQDJyr937GxIzR1zfryRkRDBLR1PA2JPNFHmR0PBr5wrAZP+Atw8ue3\nU1+uWnT74cD7rt2NYUi15OtKIkmW0D3Lwl7jgsqre5V5cVPFcQkXB7X6iwZt\nO1ISmhUvv4SREZMAdxDb6pY66OicLizP7irqPIxj+OX2Ow/xMllDOGbX84e2\n3BctF9P1be3IqCtfUUD2xo63+CAgRgZ00FC9sW8baCkntYADR8ouKZqS5uiv\ni8hF1aofs50INJ+C5kjL62Ma5+RO84HGv9GhsXl+szKI7+EJukXX4JvXN9eo\n7BkM2PLEc+ZBMfy71muzNmkb9WMIgApDp7FLCoWl1zER6wIDuWJoWFMqgaHZ\n4Cnt4XwPXQ5GhPY9UH2/i5FycPmfm2H4kp600WYMDM8bBI+OACODIe/YoJj3\nNLb2\r\n=ytHR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5469bc1cbdcbb7c9926006be2d2a65c3211c220","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.591a6ad44.0_1574120888109_0.5384876440898596","host":"s3://npm-registry-packages"}},"5.0.0-canary.5729943ba.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5729943ba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5729943ba.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5f3302c3875b35d9488338f18a1c1e80f3e5562","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5729943ba.0.tgz","fileCount":7,"integrity":"sha512-1Vpfw89zEyBCcj8bRp8w1PsmvZZ0cTxYH7WkTaHxrsKsCdNmec6RZPElscZYgtpRLxQ5uk1pZuG6cCM480CKfg==","signatures":[{"sig":"MEYCIQD6n0h2y5OheyqqtvD+GUqvYkHvgjlI6aRFY3HFPBEo2AIhAKkz/SkKc5gE7VXPNtHsbnjPSAjcFqK3xm3k2SY8Cn/R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1MzDCRA9TVsSAnZWagAA+R4QAIdLfC+hWFIcinqt4wxu\n9uCQQVOpQH/WJaoLqzCrIr3LCutSP8og0sCS2S2ZlwhcR3yAMbm3FKtW679j\nyEjv5l/+8wkupB4a/wfnMFOgivvw4VaHecaZzSJ36PrnEnxEalv6895vtXLX\n6pH4fBVdcZWZhN6uZJ+Uvp55CWAXglzJjAmYdUcQiwghktR4yAszmkXnB5fa\nJVYbC6liTxA1UuurNEcNdDrDX/jERmzJAJw/QHJp26oMqfxZjGJSmVZiaUqJ\n4GAnOiuL8Ekl44ZqInwe8h6QD26IcVQq3OnqFSMyCzj0semvGKsC1Z0t36W4\n1B0nuuGTW6uBVtycPBk8Ruq6UwwbtOwg6EC9JB2Rlj4tVIfuot0/rT2FfX/G\nw1lA6WwoiMGh6PvDdM/ldyM+UzzxR4xNoHlWQRu2ho1Iv1fy9qaTMfDcKhCL\nC54vEiPgndMDAKyeeOAmwsGhkNzg9RInjeZGEluhcAstQpzFNFLKyLRgQnot\n9EqI+mKFYT/VNw6DMvT/PQK9QcibDjdhiByK9Ty3sRI8lZrwEmvVdK0ipWd6\nsAKGnlvcFeUU6t4rxNmz0ld75ogOI50xrDh6Si1dSTS+yZQOBKUV28XHeU0B\n7/b+kiY/a/3FTUoCbUotIP8Now+itjUu5V95+d+F22Eqg/WE+T+d+DZ+dWHh\nJj1N\r\n=A7oi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d49cf0658a3964963bb2b39b2e3a010615c815fe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5729943ba.0_1574227138547_0.7993287919484848","host":"s3://npm-registry-packages"}},"5.0.0-canary.e89750dc7.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.e89750dc7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.e89750dc7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5482a565d2ba174253a1a4f7b7ec2cca492a88c5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.e89750dc7.0.tgz","fileCount":7,"integrity":"sha512-6IhiM4tCaQsGDhtC6dupoUuGqZD/vilznpDQ+pfxaMlwI0CiSthYadopqmh1SWieYyvERer4rDxN6oDYIH5LNg==","signatures":[{"sig":"MEUCIQClEbN7+04PUYWcMr0kOmPagnOyTMhCRnJ7wYvPBuHzGgIgHag8FGxjYmSVTIPeKjl1PZVrsvWA+0UofkOjQnr37Yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3drTCRA9TVsSAnZWagAABGYP+wSyhinjsx2NXBa+2aEM\nrsGMvvHrG9/UUW85CZUA1TyxAF/x6txN1j4HYPkM7lwNkxUD1tit0VPhkb7C\nVKouPi00ecFPkaRjcVtaAfSrlxLjIM7QKvImYz1sTz1EMXJZ+0bTNBZ+9EPb\nZJDlsZWXuDzQ6e1ipNF9w3AUHiCmislJ2ej1+euAXrhQa5TtCc0FeJ/8vMcq\nbiRLZlK+ItVMP6aCmPG8H0tcobB+glsiFtvE9UH0LDdsajix5tuTnu4oIJ1I\n3Bp6L9dMRm7oYO30gnbFLtbpmxoNAuURpHZdb9yPUBjcU8G7I5K+gHdykGXp\nPljrvguRu8EA/UKHE5wGo6vXKZiGEWpMwxIkPqDc7gCMqTSoGy2KkgBOj3Cz\n6RJ/AcvMNGae96DK3v9g6jdVIGKAWPXd/uD3wFtmuFU296A1wb5OrlK97F9r\nr/m75+HR4wx2q2UL/V0nZS516MnR5aVh1WGKfUy5ePB9inVuWji2okoOyvrl\n5g5r+q7MZzeXeaWxru2OkAvjeHXkUPguDnZrNMCJX0md0pwnDcukma82N/ec\nG3J7wMpmXImJqKNig0pMy7i6N3eWKzidHdDOVmyw6c6/kr/rB4AYHgxGEeYG\nsXLHL1Fg0Wdisms/Jt9n6/non5Of8CJuniVCrWogYwyLnBoNInUBaW2q1Oaj\nKkZ4\r\n=+2cO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2a166b3e817207f685f4b112635eeb21f5ef0789","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.e89750dc7.0_1574820563218_0.8795587748850453","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e560b33a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3e560b33a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3e560b33a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2dfc83253232373faede70e61c0f3cde5f4c1b9b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3e560b33a.0.tgz","fileCount":7,"integrity":"sha512-63X4x602ZzOedJYbAHOG5k3VqOvpeN85XtgTT4pxl1Fr8IaOcW/7pumSMBsR7C9ZgLvK/U/NrKkNFSkShaxRQQ==","signatures":[{"sig":"MEUCIQC8wrBapIFqvNeum8cC8ARd4MmQ5P7RYh0LprI4/mNhVwIgLsvkd80ionVS5MGC2mKxJuyw4FqoH5s8qTxKxi12aBE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dr9CRA9TVsSAnZWagAAfycP/29r+nv14GsbD9fzF1jm\n30r/PilqwQI4L9XRM9BKQZBxSHVGW+Gyfck206LKH4Zn6w4LMfLGKisV4WZp\nDXHiGcEVGQtlihtZxlBxDFrf+CbT5dVRQaOOonPtL3Nfg+yt0yuQCSnFrCyN\nP0PD24grQOEBVPWqJRrYT66QTjQsI6YxIEDZF/m5E4uxUBEJ87wINz1lBibX\n7t4kEeqQAV60KAmRq01dmHpsDhZeVkwASxnu4EYrGgrKp3Kw50tsSw/1QAo2\n13tDsnMLqTIFh3A8FNGo7M/xJa600dZr2gehRR9jabxcBYV+Ck33cmsXHKpY\nbxyryWkoeVaRbB1EErHIrE0UiwFHGyiynF88WppMBpumZxG4nzVXieCcuA1p\ncLJbdU7b1+j1742W2WZ+ni3Zm6+n2ZH/LcrDz2D5QYKNGoGIc8VcK76HvHDW\njR7Y+lzvQUD+KhROeTv1WFwZi8iScx2jUXD0rKMBFto7L50wNkB+TxQefNo/\nqxrUEOtYQB0psEHfAmEUX7Zkik+9j4wnRGZPr3bCJuIVjNaHJbiv9qRH+GKn\n47Sf/J5UfwFWPRQLd6adBWywnstUhoYAPZQwZSGS1qBHp8YYWUN2zL2BYy3E\nXgw1AKh+3aUcWlC24kFMsClS3qUbpP+3brQ/s+2C4wfr8b8yL5eBStY+jTrD\ny9Rs\r\n=M0cX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a86efd68e1e91c0cae784ad70b0e36c13c923dba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3e560b33a.0_1574820605026_0.39171707789516597","host":"s3://npm-registry-packages"}},"5.0.0-canary.7fd17ce5e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7fd17ce5e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7fd17ce5e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bccac0f3e6864d3be106f72f4f6bcd9997e3f748","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7fd17ce5e.0.tgz","fileCount":7,"integrity":"sha512-M7ubzvevFKp9K+02OeverHVfXW2e/eqTUhfAQHp5Mnips7vNzS2edUbGFvyaiAzsUKUwFC5nJARYNsrFD88Wrw==","signatures":[{"sig":"MEUCIQCrLKltH18/bE7g4DHVo6U1LEzexFWgQztNfsH3+VkYHQIgO3Vb5uveLSHXTBMs1tVzeyoTmkPZmPyPenpVDeQtXkY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsLCRA9TVsSAnZWagAAWCMP/32uNEPc92dMrUsdtJQ7\nlk+/E+3JWSuV803Sc2YTJBWPS225mi81cMbNp8ZJqbhrYiMChW4l3hRAj/Rt\nJiIDYsy+gxT6rEgiL96VaJjikMSfLsRjOaRHzHg2Y8dKxqvhWg8/0epC2uib\nvAV4o28eUDEEMdpqotTykbt2iByrEe7T0vrioL4PJFbM+THZ8BXt3qfZbFlZ\nN+e7i6Gbr7atytViWGGIw/wtE19Bsp/DRINHbBKPmqAKLcZ9C5gyO/uig5Z9\nkUnBBYE2d11yYG3WFrK8kEq1ZoHJsh/oRgEP6mkzLc47ylEI72UogiEpoWRt\nCnA6olLNLvnth+rZxGQFqLIBMLTRHP43EgsqCpZpOrNHjNdV4yjJJ2LxyaGs\ndH/pvY9wfOuY9/HL3605so6Ms1TWaIuEGR7ilFXXARBeZ/BijG+AJF5srL75\nBGm6+I/zVgYwt2668KDcH48TdFXytmkKGkhduegRG+AqSuDfspC3UshJktyH\nF0uA2ZR26do3eKO3iZqVb98zeMakgqHQ1FVHqDl/WtH2ZivDB6d/kF0JhsJ2\nkmpLT3nwDuaVT5C0n4yopmD3Hbm1OSpP1puXoRY7XZWofOXc2cSi9bfKblTY\nc82f1dN44fTv62pROnOgpVybr7S46PWM0mnayr339gnLtp8T2AbT49XIcJIC\n1iQj\r\n=7EXo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e798e5bcdab4c998c88b2bde71412b2d38dfb262","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7fd17ce5e.0_1574820618751_0.17381043468457058","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec729683b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ec729683b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ec729683b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"318aa01b0adfe11af854dd50563be735f3ccef21","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ec729683b.0.tgz","fileCount":7,"integrity":"sha512-yxbl6ccGelTOAxjsvnUl2HdbfHwlybMywV7WKe5wYVlkxCShz6pjP3VxLZs/l97B9riha6PEo/yHxumBNGJTGA==","signatures":[{"sig":"MEUCIGR4yu2TvA3Ycb/ifXIZKyT+kXrflOnRGAXlgCYW88McAiEAj1SX6JxU2S3f0e0UUy/xsC7iAzT6aLdGQa/EtvR8kM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3pwyCRA9TVsSAnZWagAA3/QP/RAiV28kW3TetCkTUJZs\n6twXPlX+ulWiO99FOucVjw+YTPah8u3Mek7Nl52UrO2lYtLg206+5FgiIkzK\n7536+Y2puSJKyvo+n4QbrHg27MO1N31w9tSifeambNHP3YPG1jM/nWQUjboo\n/+RgyqNumrRW/xv9iqMxYL1i4nMSfGtgvMOUjTs+QR55/NUoInv6LbOdjbLG\ni7Y+XmcNhOi5K+tR6uxbY+2iW0Ahsr5OaPAihXfjLOw0o9vkVtrWFKhTzgx4\ntEIkxNFmW1ZNM8yHh6VPrjY4jBq7fHTTgXkTnaTARufed69I9zz/u+ZA8YsV\n7cTbh4ZX0miPVtyOSDw5jNohR34D+oOtfF1GXHqA186R0e/rphXqtTdRlJ9C\nkO/C3I/FS0EsO9rv1x8m1qaRRMAQ665GukOgc75e6XC0HaOBw+w//iJ/VOPL\nrQ9pd2eea434tcHCu1b9oguiL8bCuDaqMi1Q9xKF+YcJYyCkiTmtzcpNM0+8\nNI+MqTe9mKwx08LXXGBVJTGHqiSjSBZLr9+IfENcaVe9TX6TRiEfioxSnv5k\n4RlC6d5AZFeH2oc4v83whirCRzHt48xvM1xo+0eNHaPosd8T7TPTqfK7LPFD\naiTPOzxGN1FSIAy9XAvIBspfRRqpMaKz9kTvbBCK4DNIi2gNPnvz30a7J7le\nmdgz\r\n=wMA8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"919526f37cd7606c0de4cc409ed4c1ead34b60eb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ec729683b.0_1574870065709_0.9233779143163765","host":"s3://npm-registry-packages"}},"5.0.0-canary.b8bc4a26e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b8bc4a26e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b8bc4a26e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9c3e60b4ca2bd7ee61ce696a5de06699aa74b18","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b8bc4a26e.0.tgz","fileCount":7,"integrity":"sha512-5BnjDi+UEMuDjyQulz99+BwLk5ElqdNr2FWP7847+fxJ/p6saNbvZAFfcLeq42GR2mHjVRvbkhokLUrDQEihSg==","signatures":[{"sig":"MEQCIC48PmnMlZLBJnxa3CUM04p3e5+oxkDNlCZGIsHZkuKsAiBcEWWazvZa7w7jKlaWuTsVQgIwwwXox3jtH7X8gRVBOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3suHCRA9TVsSAnZWagAAGYQP/1IPN8Zca5KG0aJ4UGh8\nLz1EJW2O2Gmf9b3es5tEdV7zLB82TpYxWSqlxmNigaVyPN7+u4J7aYsORTLO\nWrg6cq0+qjdjV5YTJTQeXDnH49K2qI/P8CGitSzLaesPib5pi30oO7MPzb6D\nqRedpwphCyUTrVNy+Z2VvxkWARzLBKiIK/nLXoi+e0ZKSAyPWWaRkmIu53mr\nwOztoQnmFFrW9vBzwDBgO2vfKhNfqjZidLn0L52aSYO+Zg+wpWY0QTs8XwjZ\nkaYwqHRo6Zkl38tXFQpOxuWxcA+I0dlt0WDgNugUJgVZYd81kkGsSshashA8\nl7kzPmviCn8uLITc3bp2uepDvgstXJyU3DxUlFJQUzJKZ7BlUPwUAah4RPfk\nPfMSQpqM9VBb0mexRVP+hyuweeOfYaXFRpcq7XH6incWljHO/m0dOB3OqCcr\nE8CrUK7GhVe6vv0/foQW23AD3AJVLd5d2pEoKI2SYPqRyD6LjsTqQmLGBLva\nD4nbyVu2+PjTHtnWjYDfkpT1YX7EWwY4zG76v7wLKOpfDELd7gLHJ6XRAk0d\n6utsuYeKDCQ37uttcYfIOn+RoFNPbMBBa6E4Wnv+AWUB9uSlQrcyTUrY22D6\nt3Lc+vyrpfX04ys+3AwPgRpFksZ8YvrPjWxag0roi4PruhisA5LZhpyQw0Pa\nsUZM\r\n=pXJX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d04615df572bbbf2ab2eeb76ea45696d0a40563c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b8bc4a26e.0_1574882182834_0.5274277358961854","host":"s3://npm-registry-packages"}},"5.0.0-canary.f978109c3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f978109c3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f978109c3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5b8500d823fc58f785c87a6c253b8f415b6b7a4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f978109c3.0.tgz","fileCount":7,"integrity":"sha512-cDswFymA56nplWq9/7vxwHoS5LKPMCdJfXSQ2xMMynpA36V4vydMX1au7ICiciWnYksJTZ5Iv60UlOgbsWqBtg==","signatures":[{"sig":"MEUCIQDFKAfT63ErB3gu4zwnmJcksb/JhysgWCHRpWQQbVUEiwIgHxL66Ik8bj4a17FTq/x+wwojs2chDuIs7QcomdqEAhs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5USxCRA9TVsSAnZWagAAMDwQAJtv5f5z7kkRDJLvVPZw\nroFDsCN3Zt1qaUzeHYF6nxRltXPN+FYgvAmGy/yLgvKCBDuZE5ArAK7DLg23\nOzeB7DMU3sFD1BooFIzylTyY6wJ0Z3Fgb4q9oHshkvnFhbMOWfq74N0eiy7Z\n3QJ/BYoIzGgHONrhmSy0EFi08CcsZFW8APrk3JByfWNidu6c2EXU0GfoBNkW\np+Tt4SrJF6nGq4wYp/xfToKK7zQKKEDs45wrKuPq5GJg9h3gY2KsVmUpboNj\nPWmPDSGZrZhwcm4mdTf1Dr+d4c30hG686+uZri8v1GZWrzu+7JngLTSi8eN6\nBOSf0tDNogdZJrmdhcIpYtF9n5HV50Gp5wxkMwiMe/MPBNRqUBXixdkvN5Ub\nGMGCjbH9MIYV+qrFH+j+JzNKZcbSBjGcGy6Eo57sS4sW2KWgnHeQjcPwYGP8\niRWfs2PODblwzvJjeuXM4RfrAPEcBCtYIFa7FH1RTnCoROohOtEtnCn6kbyN\nKfq4o7GxcDf/MjTWAUF4iCWzzHBYiqgqZ7Owbz1tOylZ1zEj5Wp4g7sRtd8Y\nuz8VgbTdzu7hE0ODmNSRfEkbGu0zHxsn9rW4N6KnIgOdKHM9UioieZzCiL7u\nl9skoi9/BL7oV1R/zYNRoHgz2MsYJPGDQ52oBDeYYN2x4xkROTRqN5xvaLZZ\nDXzD\r\n=Srwy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"27bb2072dd0bc0aec40da3282431f7513467bbd8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f978109c3.0_1575306417154_0.3748813204690118","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad9dfe706.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ad9dfe706.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ad9dfe706.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fbea8200288d0d78d94140be7b9ad9542556ea04","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ad9dfe706.0.tgz","fileCount":7,"integrity":"sha512-uzhr4Cxf0t4El3jRjsGWby5TYaY6STCy6MQ922izkIzh1RHPPHyfBX7XMzLbUFzG0o6o3Jn2oc1529HwNzZ1JQ==","signatures":[{"sig":"MEUCIDyc64ck7Afg0GOsBZj2+bbK/MjRZLt2RAzgCGLfaZmVAiEA3m6G3uZqk8DZ520sQYf/6lqMsRzYMBMK3UW5l6XnfNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u0QCRA9TVsSAnZWagAAaJYP/18I1AvfroudEHQVcEyL\n6do9cnXXKN6fUvTUvbUOzqjd0dkLUBWnQXmrwLYmLaQ5szHPtgSYcRF0ztiy\nxN6J+oHadwqQreYOw/rDkGq7VEsW2c1UXXmN6P2EbpMXdxhVkow83qzruS9A\nZx+uYByfXxRXyUzaPG1Vw+kAgFMB6d7/c2msRShpdAUtROkrqxWar2urLBKB\nC0vRbF37n1VCnTl7tJLVsTEnCberrRr85WzmtmpgKbzFh8YfjhgdkLwUurgD\n6gmipeN7DOfm4/AuEiELLyiBL/wr3qghBQrGyaBCpFo++jfhdWnOGF1HSxSu\n7brrhIswgecJbfypXE0az03Ne8jy5HzOBeW2Vw0XyJU0P5qE6hb9OApr1kyt\noP25J14jFfkle2+VTZyl3Cuz6xv6dqBEFqWM1+XWcdAWYZEgsGJWkf9HZWjM\nC90azyKEQBx1cFkVF33bkR5eRXpqeCO05o85J16m1cK9eiSTBQEEcCLHWX1d\nJOfGJbgM7oJvDgRMsDvLGC/WTTiXZl+T0kNKW3G/7FNbak5SJxIuu7C8Rdke\nAZ1SSyAzUv8SphJm3VBXfqmOkVinyhmYOaZsp3zRe4hD2ks2WUXPGXcgyAnY\nk1178g7mxyi2mlRbHB7U37WQ5BfbAYOZbkSTRV0KDgYDd8XsmfMlzbGRS82/\n+Fns\r\n=2sCu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ded1665c7a532bca8466d5bc100026f56ea99715","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ad9dfe706.0_1575415055622_0.24427519242877205","host":"s3://npm-registry-packages"}},"5.0.0-canary.5e45d77f3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5e45d77f3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5e45d77f3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32b5705d3713f6a560fb76a5411ca1d8694dab8d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5e45d77f3.0.tgz","fileCount":7,"integrity":"sha512-4JLgw7JBEpkWzdzmfnE/mxyH23EtUzW/FtwVmDSUHrirqmr1ifdEt2OVcr26Apx9LFnFcF+egNiZN2U5SbaRbA==","signatures":[{"sig":"MEUCIQDAErZcyQJUqw3p9Zvp3cbmekQjKLhYdITWQJtQ9zSRCgIgT3ECgfYQLVSwYE4CV0NDeRLkMbXdR4ZEVzana/XArHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u1UCRA9TVsSAnZWagAAMg0P/iHchmfN2dhjsQfQ8Gcr\nooStPQ2vEjtZ3S1DXkfo892SV4BRqhFUIs5tI3HEqaDm1989xW8/pyHvtBSZ\nBLKvB7pqLaaqFgQOlYCt2EBhAebQK2PNiJLOFncxAGY9Fv/XqJtIxM+hVFhx\na4Muj7dRdNYwlwq6X5jiXLf96S1LsDJc4SK0d3N8HSnCjYmKIVRC+ITGz5E0\nNlkvCv1nKaBNNbPK8563W33TE++X0yBZfSOzUC4bgIWnptZ+hAxdT3oDAPvI\ntQ6q+blB8XAp3zbIbsjhh9HshRXs1ERnrgRiU3BP2IRr7ScW2bJiszJOB1oK\ncy8Y9WdDrUrPMhBiUvLmoSy9lJusAJz17UAXvBXI81HUlwk1IkB9QbnhPcSy\nuvuXSdgxZWshIA26nhBJou+yGZ05AZU0jobthpnUpCpVEC++DCcL/JDqu9Lk\nrgDPgT5wm4sctvkuXBYyE7cH+om0H6smlWnW00ICiNP8mwWecXRI6BnYa6Y2\n81kaqYn1urGqu6++cmUL2nWFmnpOkcDtKK2rb2y0pzRLqnYXOaPkzyqMsFVU\nbWiXWOyVQ01Qj8CfB5aZItOxc4r5vbvJDH/y1Cw5VF71dSIaYiNjBkRP5cCy\nwi/5oMe4Yn+o+KjKGaMddsvvGuOj0z1pgbbowKnd5rBaBGPC/F3PuemgTRVm\nKwaY\r\n=FYBr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7a20a5fb792fe297fffc09187b6dd3859babcd2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5e45d77f3.0_1575415124068_0.3240042725540837","host":"s3://npm-registry-packages"}},"5.0.0-canary.d10e8cdf3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d10e8cdf3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d10e8cdf3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45e366c88ae08094489225e0a65f2a9833aff04c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d10e8cdf3.0.tgz","fileCount":7,"integrity":"sha512-SHzbl50SDjn7vZ00uoIv2KPxjEUguRVqg/B7qqPCadxjyz9QKFu0AQeGj1S8CFXZN2CJANeBdn26V7/bG+Rk5w==","signatures":[{"sig":"MEUCIQD8pVBJ+lGj/W1BBxRoL/KBj+TB8qUszli+wY8ye+SRnQIgTZ11qNK7MPrswgX5lFC6BJ0OOt+6yO9+mf1v+ggeM08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u2CCRA9TVsSAnZWagAAX8UP/jRBYsssGMZ9o4bxi5ME\nhZ6T0IzPwZqXDuk3BI9CVoxIvQPTusgeiz8gxDz7VHrXF3nEqjZK4Wl5LxsA\na6thmkpvcHKbFjsMdriY252HrBsdBLxcgjl6ZmfmNUelx9BdvlfKEXcUG6zR\n9YdWtSx4kGKcG3xltLPzdsWN5ghp01/4LVmHmt6h/a95mazCFXz0KccSuLG5\nzOrMqmfrAuWyvc7Xf+vhZzgNFJ2RpzWgksSHCaaq2s8FEF7Q2XYkFYMI5tKl\nIBMaWThnUJ/TheYyohjCcQBVqhwCsXH41jGd/D+FGVrskPAtsi1zkvC9Ptkm\npGLGf3M53cCVYLyGIQyVgEDNp9y2BU70eaJ+wgdBvW2757ApacsRZpKxZuN1\nchfbyE/h/UNTkrVDrv2P166JjDo6ud12ZN/tRSnY75bBjX2Kafv96epsfMcq\nVa3BL/5rTjlPCmk1+tQlzNr4fiA2gw3WeWgw7OJiXfMZCgIGOhRKtG6Kdijs\ny7wmBeMWn4W1R8yyFjEZ2QjfgGeQ9kJLp4lH+Aw8AV7NZJVN8MgWmpWYGEiP\nt3PxXjwh+FZvJmBEwEqC3MWe1D7H3YPYmyigiD/Kw2Ba6ogrNt5qQbVgggio\niyP12w9q6+DGthqxPxxblbMRTc35H+UcBfO2M6zKqI20Tzb8Khxmg3yyheyq\ns1xF\r\n=j9st\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"855cf0e11682e4f0f44f50292556ce39ae2824a3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d10e8cdf3.0_1575415164455_0.8074408572227287","host":"s3://npm-registry-packages"}},"5.0.0-canary.a5dbd8a2a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a5dbd8a2a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a5dbd8a2a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a756e6a89fcc8810311343e4597215be0c270a4f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a5dbd8a2a.0.tgz","fileCount":7,"integrity":"sha512-/Y4byfJbkgWrIMT8QchDH81QyEjFXQ7buj2QUiBDgvDzD9leePqYyoSfn+mnEdGLk5CC4PrB5fMYbKbS01eKhw==","signatures":[{"sig":"MEUCIQCmFrjl2/uiNKbWOzFHIauncFQhmVp26yqc3JC3DLqXfgIgQHyIesmK4SEYu3tm0QvddApO6N4j8on95TAYlcSTwVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5vW7CRA9TVsSAnZWagAA9GwP/RVwC/ZDKj4jkRkA++2B\nV7bwOxUkCA8oDiehS77dy1lkWpaxNayJsHQ5RUn1NElnbIQSoQLZ/QSdoEzF\n+dB7CmUpIR7d7zCyS4gZTglHa32U30NV5uv/OC+Te/BXAWeDpxxeSEPwYcIG\nbz0zs6ILxcDB68eDi+fQlfvsqmNhJCeu4MCUNGxOdoNyilxzZOmerlR4TQJv\nzB5g4KM9ESKoqYQ0EADd4q+MnvjUpRQ+8kBYwDba9BhEJR7cMI/a8Y11NHX5\nFHgvBPs7m1X43gflV+YliWnRvKDpH/I0wxRtj+QF95R1kzHULO+Y5RnS65I/\nM5o2wwa3JI6N+gafZWG79tG7tb2ayqOCDa8K6XFbuDKUYHSoKmiBFvhP+ZSm\nXccQr1M2GcgYOYrJGLAG4fnLHyFrzNzraNf4Ia5EiELzd88J8yF5bIoyxTkH\nWFqnV2Do4s0zWclDYtGnkrUbLQyIhKEIIX+CiScAIr5kvWcJ48waAgib+0HB\nJPXVTtmRTKA2IAAnN18uTyy+wLthYqSpfzEEtXzOrEYeLjZnH71xSpTfE6rq\nWcXsi2U466j159KXuN1uNH8Cd/s0Su2uHHzFg64SdPR725T3WOztacCiGhcB\nW6eDqjSWBM9Jz8dQEq477ueoYwPZrVLQ7DLbSVIvQRhoMPtedkjNjJTPz6or\nZvC4\r\n=rhtn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a67c95c393a733414be4fc008baf7637a9509b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a5dbd8a2a.0_1575417275115_0.1450536872521031","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba879b68b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ba879b68b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ba879b68b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8cfd911f1cff7d574acfa5a703a92b39e5e020e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ba879b68b.0.tgz","fileCount":7,"integrity":"sha512-qMen9YVm4Ho52pW46FD82nByemC0WEYCr4pcWSyHkE0nD4NOz+Z5/SNqJ9/HU/UDMZWkxcOnho7Nix+CY4YoJA==","signatures":[{"sig":"MEYCIQD17OBI//YOZdFCzy3iJVO6PKC5RcBpjYyUQhLALGvecAIhAPqcx4G89bi0VnB8tB8c0NBJj3iV+Z2YBv9j2wpPYAde","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6BV4CRA9TVsSAnZWagAAAGAP/0dx61O9CW6BmjJ3GA4v\nBjf9yu+isL/Gi7HVT38HRIWlvyoRXXLlglJKV2zy0fUlKCB4gUEMJDU4pVuo\nhoVGNFf2Y1kGh/Mq7AdLpwshsrhzLKHEZH9XDYfoKBXQjpvjDQjWs8SMLSwW\n4hIbibYDm5JbWJsx6KnnU6njMzcCK0FJb+0dhQ0pk11Z7BW5IqhZQ98o4j8/\nsw4n1zeM+sXtToZlqjN5i9rCVTWlXecrTfun/ftxOshj5TCVk9YNoLYXTM3q\nI0TSg3MfGKOqG4lRtwMhBNSTB671u05gGSChzsvJGyJ3EqA5Y4gcYAcJQScS\nPlDWNrshvPTCSD2O+F6WxRXFCfwzAF5tieBv8zNfmzPi5AZkI2u34lcfyNft\nV0gsPCeLQT4YS3thddubB4l7wCrtLWpW7Nl7/TRs8osukQY5TSesQ9Kxl79U\nwNKNSG/qiKDiGTCEpvQCKqazXIZqsswpVaZiiziA8lyel50sPf0ontpgd3mc\nOJIl+Ahc5TpqV8QJKPFGdg6F3j2Dtnx9rr0HUGaT2EkAOfjIpjiUXUpbLIf4\nDXrx+K0x+kNrFxGp0znVsWQ4P82XuS4Cb5yMDQga2Uriu7h3pcZXV1kC9+KW\naJQrO+va3/IZSxGldOzP1QnbyGmUEHS7eRwLfnRsd2lAL42CExtCzhguoZWI\nOHZV\r\n=dsJU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"83bad042ea5d5cc8b93df88a1d4730099550bc6d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ba879b68b.0_1575490936336_0.8008001625679877","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa0eba489.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.aa0eba489.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.aa0eba489.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93c4b3c7b46834dfe5893eb2c52babd92152d560","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.aa0eba489.0.tgz","fileCount":7,"integrity":"sha512-ApP56rBG8U8WBDE53L7iZiiP2LpLmMooAZSPZsqqOeAs6iXFdo2ibQDB2zJk672+GWqFmHFuQRU1phL6EsiGUg==","signatures":[{"sig":"MEQCICChIZUgY9rfdjXo4cHnvN0RrAjN+V2MfAyh5UpMuvH0AiB1l/FrSIeu4VcI7T2fv78//6+Vnv0KfKP3bQW7/OVKNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6bXVCRA9TVsSAnZWagAAONIP/jBA9+Q0PqGE8w/BVDiU\nj+cvxmLJZzcd01ORl/SD6Mi7tVdUZGZCS+fadHbdF92Ie/7vP/GQPI0nG7le\nTERc4WGoR+GFwEMO0b3UKo+r3u9lipRRlBEWpq8xactplNCXwyqMuMYa7+z6\nsVTI+Hhv3ODKk/l6bjYv1Ka2GXp7YB8fJ6J6OFvkWQHSv/aRhcFytIMmQT3l\nFh65MSuFt/PLCSIlcpnPLBJv5lqONZcUtNCSI3oLhscuaecdHmUNlm/nqmI6\n0RpDiyNp3TeUc7yCwy1Bd+4cxYHtpub6S5oocv8eRA+Wg3QCtrwgGML3ybG2\n+hmZucQtMBClsFbY2Si3ceLo94BtXsERlwwlaOGVIbpYqQNpWHABNeBqqBOE\n8WsNqG3ALVbitD9MNQffIEMqIBRBb16LBlyKmsUpfGcePsn896y8LTDKRyXM\nRhRu90usRnjgS8Wrm+vX5Bqp10euNlzqz1e52616rkHm2Sd2/pwy6RHCBuSd\nAMQe0susKQOWhkkM5mEHuuEymUbnpj3J9oloeBpRw6e2Qt7oWzBUnQXUsNf+\nK+MGahXaDkjhT8qfGPVg65TurJ3saRvWVG2blTD/7aKXpMvnYw2LtKJAPySx\nsdqgi/K+p9Dgl9yk8knDBgakcASalqGxUKUradPKY+OeVJWf1frXGrU4rGLZ\naFs5\r\n=G95g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50ef06854f8319df2975cafcb0b8c94fc399f155","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.aa0eba489.0_1575597525152_0.2288970778856818","host":"s3://npm-registry-packages"}},"5.0.0-canary.cb7b71a86.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.cb7b71a86.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.cb7b71a86.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9dc1f2ba1d2b3770bdb3eb8e6ab0cfa21a804f1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.cb7b71a86.0.tgz","fileCount":7,"integrity":"sha512-ZgSOy5k0mApju/8FgtYLu0xSXOnPBoS0KW6NKzbP1VSI4ElJQkK3EiLhfLZmJQwV/8qwyKRHQbDgNtAemW8UCg==","signatures":[{"sig":"MEYCIQCG8YtwB8ZhUYcaTCcsq151LVNd3bw6ycTFKZI+hWIqZgIhAPbHAtlBIYORYsJaBZET11AQvZzSLosZ3nBltbte+bTD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6upzCRA9TVsSAnZWagAA+tsP/iwihUeurl0WfrvQ7GKY\nkP/4F92esNwkLj2BBsFjPz8mB1EtFSPodJH2JFfoTGF6lvxHt5v6MWyhS1y2\nK2xKSnFhYObQNqe5DjRsbEt3FjAiU/d6SnG/ThMebZzI94ULk8zMMrDVBUQW\nkASQxncBPtIYaMo7vsv9EJAkufKNSAatSzW1R2bhpRy67KqC90TPkcIwLO4n\n6xxc1VtUDR1LtGreBGEScaFZjLCrExzFTwWGITRhSlJ+P4OUPQ1CTevuHBdX\nOqcT8odozXMKKEQb47Jt7WSffXslhIHNbZBNBe/n2j760m3+8iHFgu51z4Nw\nMwT8qRiHNsCNmwOxQzsUd52unxOlOLY0VE72sUCMcelvjC1HA3RPyQiAwrIK\n+arN2O/RdhDuf/BGNiI304AQkoSL8bwrglUd5sD+gYAgyWaKVCL71+2HD5un\n11ZZk31D46/RWmOi+T/4N5KUQluVgRBI3YvJejIziKTosNwjuxY0gCrEzQWH\n+mjIPyh8CVmA66ypvWz2k8s2Y4zUBlED3yzYExabkz/4+KXGONp/zL+DlQhd\nxkkoz+5ZaxUozOOC9HaGq73qvw4eGOBtxttmgzANA8648sVNqeDsZLR0P6cA\nc301gfImxdZ3Zhtu6smwWqKkwJ5iQuRIX30VNG+bL1g5fHOhfQOLUYSiJFLv\nNvv6\r\n=Jmb5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2866cdc43c0ae69bc09927b490f0805ca21adfcb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.cb7b71a86.0_1575676531063_0.020494705729925844","host":"s3://npm-registry-packages"}},"5.0.0-canary.50f110a6c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.50f110a6c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.50f110a6c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f59e52c23cc519d33dfcde91121ff6f3f5ae7b0f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.50f110a6c.0.tgz","fileCount":7,"integrity":"sha512-W2mwHoW3XI2xMhNhQcklUoOmjTg1ovCjMDZFF2V5Pt7hedf41N+1yz8E4eT9LUDLnCqMqXDDMRvq0hRn3MRkOg==","signatures":[{"sig":"MEUCIQDyjR/tJ0G2fkOkuCLFS7aBql7Ntj9wWdmi8iD0DklT+wIgUcLmzz7Xj/azn1bALpnT0LXdUcVryU1FkwWsQ1M7sm8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd787bCRA9TVsSAnZWagAAHFcP/2R/5jF4vD/DAEqQlxzq\nnyidLoyvy2Zy4GRARRYVQjhsRdhdJLsKbRUBRuPlhgryjzsKE6Is/eiTXdTB\nHoGGQbu5iNjSrwZ3CQdST+1PnCE4BS2w5+wumAWsnxUTwtk9Ru71pFgW9+de\nlkaBb4vEZFKZmEZVNKiMwx4xwre9kgoOfBuOx7Up/MYdQx8ESUk1Kfv1WI1K\n/W9aJleQyQERDfejyCGkCa/JjTzxNCMdd5dXMdg/ev4KMCvBRHvRH4aQpBDF\njMUrLGODDxHvucCzlW4dU2FwsWJIm6BQQdPKl7/bUsGPpnM1NJEIVSVRwb7B\nW6IH4HHPIVmg+Ma8jIq2A5P4XzMzN7Zc3PCVnJoPOeTMe7fFbhx56GQI06o4\ndp+WrBNq7AJQeVbuNNRhMccrPQ89jaujlh5gJ6ybaJN1KEOt4OAM+jOiFgJO\nLFOi0tabUyEzzKM9rv9ultmKV8LJ45XFPELmANdv5P4vAWmk48CFT49YO6Qz\n5t3tD96GlH+Q/NXl3re1j0WN+cpau8rUN8EU1tQYor9K8ihwyNLaX7lKhpLE\nBVievQ0cvjhORi2rF0u6ZlGnKrTK4i/cXJKiFMlZNnSsAg7XI1QpvaG7Ag00\noETJnLQyL5daqqXODA9PDuviVrulwjvGdwpDjYVJ0CGcESjLrDjKJUJEvSbL\n+ana\r\n=AqCu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"84e9b8113e75730b3079c429f751cf857a866b51","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.50f110a6c.0_1575997146745_0.6496810984413055","host":"s3://npm-registry-packages"}},"5.0.0-canary.878a08b7c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.878a08b7c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.878a08b7c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1be6498b1b988439d245d6330a7d99f89e6bf5b0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.878a08b7c.0.tgz","fileCount":7,"integrity":"sha512-vm81FK+FYYuiyVdk1ZjUTK5g0iv2z/3/4EzW8NhyoHJsbBBtJVBDfujZu0VFUuB8zMV6wMEynfWEX80eV3VcXg==","signatures":[{"sig":"MEUCIQDXkZQAzceeg6Z+ASN7+txXJiLDqOpgUn9472udBek1rwIgZFGbpcnOLAJMMuv00tHlqb/HDn8GmDAD/IGRRAKXr+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8U56CRA9TVsSAnZWagAAM2AP/imZUuOHsLlJIwbtcIH8\nKI1EngBFKcQxeO6nOl4iVSneM9e6TkF9SQgCnNO6sAEL3tkad7DzEsc4blwk\nP6uSSEyYxug9+DsHoaWns8yoQT4EOXQUmYRcRpWc8JMUdsNHaeuLIRz88VEJ\nMNRqZORBF2tcUIAAHqKEn9VzuGM8yychTZkBmzDLw55gNXajixTVzjS1U7r7\n7nRy7mwa/1SOjPz5xL+0jpcQtWVIlVrFcvrV55N0n8pPk9txbgAL+Nex59RX\nB7JvldtWAOv/jFyDXIacQwjUyBZ773qKH//IsNn5bb7FFF9x6WKOUuGh8z6z\nxKoF0+7nx+6XN7O//MXcl87PMXylrI0q+OJbolfcSRiPqt28MsKY+wmaqKmS\nomemwyGaaETi2XMjan40Akz9GND1lxmnDtM9L+gANLbO5ZhifHZA2VNN6UTv\nZdM3bD1sgCt1UwDQhY0NlqPUSAU/FXWusQBCkmn0u5LBJwoAkBh+952zcdYy\nbTRW7aNveMbbuFWJtgy2eia7+lslTl4QR4vtrK17MK/ZpQuo9g+r2/Wc9YPR\nLw3OPhzAkk/KF7u4XJw0+tFsAHXmtlzTkk28nAH5L831Ja7RY43mwF5WXKBd\njykthaGrNaXyaL1kdlFFXissicZLWknOncqgUOXe7E9BdyJlBzi6//jhryCn\nyXWJ\r\n=kz06\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"13bdf58f09c0e231663da8e8e9856d7a442efad5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.878a08b7c.0_1576095354571_0.4076249097512903","host":"s3://npm-registry-packages"}},"5.0.0-canary.397905b4e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.397905b4e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.397905b4e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09236d3cfaa18a261e479a02ea05568825078621","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.397905b4e.0.tgz","fileCount":7,"integrity":"sha512-dSZKGpAZHWbAq08sx/3nS1ZRg7bbxTntcLUKnotb7CRTWQ01XSPzANGz0HbHuJQBv9H7mNdhXEygr0HbuGTFSQ==","signatures":[{"sig":"MEQCIAbXt5JL/VfBQq4MDfftmCZyuU8IK21CMdmz/yE1YTz2AiBSEsrr+gWaJzYToV/RzN24OuflfgRVPKYePZE5Np9GLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8aobCRA9TVsSAnZWagAAbvgQAIjpfby0dLx1WCPtEp9n\nbmPkL7/sPzPNNX66GI3HOxRUf7Z++6XEDCNjnk/6Mu/mJu+bita7XtGqTbGs\nNCFrdVgNI2CkpoV73U7wLAkK/urpMW+YKf7CkQ+mYyWfjGM/mq+Il3AGVASd\nHKpzl+dS4/cR7PVGFuzxhh/qiIY424dboye7kvxQDnYwE9HFsElzfnsiexWf\nlp4xVcrVKa2vbcwjZw9AgWhehqpDMY8P+DC11XuP+MDw1wfbdWJvz0DEfvPk\nvrIMD8aItf4uhsBPonKtCImt1f9Up3KS2Ab+CHTaefr/j/iCYF72Dgsixrf1\nq5aZUjEyM3U65l2zgTwk0C6xRc88fou/T8AVdcrPDkl1pQZ4KSgcLY0t4byK\n+UyVt6R1Sfxd6p6w+d6LFx99mC2zpbpGJFmZMCzJSEVE9DG79jB4yYVA7fYl\nAgBRGESzlpLcSJ/R/ywPfwg1vMXWUjbj3G0KuKZV6fBdJ8Wn+97/egQPxe0R\nl7aQzqwzlTyc08Tc/a8JO8WU6XHcQ35RaksBYxpqV/JoDEyZtGcAl/7brrlY\njbWY2iwbRIIXO0hargoGS/6MgGbnxwaLppNAgFJgaNFFJ7JWZSGxOirhcsbd\ne1znz5VnDHAOT2xP+6fZaft1jTeqN/JmgAL0FCdiJI5wKiiMnLMrB4lifthY\ntXZT\r\n=CNjv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"43ff8b8aaa48d3a31fc6835290f1ea1822301146","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.397905b4e.0_1576118811021_0.7196190741685993","host":"s3://npm-registry-packages"}},"5.0.0-canary.1fbf5bd1d.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1fbf5bd1d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1fbf5bd1d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"437b5dc87f2d42872128bb6e6a25992da0c37671","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1fbf5bd1d.0.tgz","fileCount":7,"integrity":"sha512-A+xjVtshXXjyyKf9lx4YW3P4UqbyKzc21LAeFxu9sNeuMKHxzNUTGCENu+QMLn8c7BzTgFZIiGOEHJP58Hd34Q==","signatures":[{"sig":"MEUCIQD016nKjfotyail43nxI0s67ow+urcBboWej3XEJaFQ5AIgOQA3G+IXVaqkxvxQML+NukXAYk86rcS2UlcJqlRs1VM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8o3tCRA9TVsSAnZWagAAchoQAJ0MIRfQIMUMk47Gr0Se\nUCxrvJphky7U/IxLYXXfJd+GsJQzduqbCJNvUSVRsNfcPAd2XMvLSSjsqwLW\nqtKQMMGz8NWXWzJpb22inm+zD19JdDVNuj6Ziy9nKW+FI021eYAiXY5Dwx+U\nwYZ+Vvew4+daOQUI/XEW3nF3xB13n9oQHTwwhAJQ7gb3KppsZr/wYp3wt4NS\nBmZwpqw9jOKHT+rHxKdIoVqARAtpTzvBnI1BtWMlmUcU1kmy04ir3ZxVvUEW\nW4ptK5i8vZuS+T4+1xY0PcUhE9x09rJMI+MFvgNcyjPI4N+n1GlTAAbPF8Ch\nZw+YOoCuiSuM+DTjvKaxW1xdzB37i0L01X53KZnyMQ1OMOma3G52imeAXMks\nW+h3/UuOtN/hRc7RcIaNdiminRwX37euLmRSxgkjr3uDIAqpwR8V4KQ+NVMz\nqAZJiRSbohe/UbpeACfULhZTOA0GH7poENCIjGpx6pG4rq++jtv/w/qtRK5g\nSOMUM1o1F8EMC7Dh284Bk9ap88+e3rV1v+BkWlRgWzfszWcGsjTd9rspd2kn\nVxLBis/JrCRCJOVLVu9QZSa9RsG3LQ+nK27Ov+Qb1iKTRl2Fvda1pmhFhrUZ\nBLARbjz7g7WeQG3XyHHH9lCGvVbqTkJyU1Fgw5VN5cj5XiOok/tnqQvEDKac\ne739\r\n=7nf6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d1aaf5edd2a8bfd34d05df3e3c52dec6affd6812","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1fbf5bd1d.0_1576177132976_0.6075589772379586","host":"s3://npm-registry-packages"}},"5.0.0-canary.b723dfa78.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b723dfa78.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b723dfa78.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8021b40adba20cf2d5a45416aad3e72205719db8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b723dfa78.0.tgz","fileCount":7,"integrity":"sha512-uDMsA6jOpr6K9GZAPVXp8I0GxDPXgnDLcRNkZ3Av7pmXwgmaxqcXedvKb5d1NC4OHS/h2v1H0LO0TuRb6Q/JVg==","signatures":[{"sig":"MEYCIQClg4y9Sfm+AfDTNanfbLOkRyipgOQ3yIHyzrdhLZ7I5wIhAPtB1jp85VQCVeR3BZh1vsc+kYYRYrbWKr5ywaFrUOBS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8p5rCRA9TVsSAnZWagAAuLIP/0KxgKQnfnmekC4NSiTj\n4OfiAnyCGS6jYM8On+WWd2Fjwx4DGv94AyAfRio9j29HgI/6rng5wLQZ3iSQ\nMBBYVBOkDph0l8+E2PkUx482gHPhrV+YI2LFAdOBIBfx4YcLeS82R5zvVSM3\n8qB03E3k+/0p7flE53HjVCQfRXbFPIyo4kuJimC49hq/zP9X2hPEtJUpV882\na2F0H03NALFUWg3MEHwIIHsHY9y7ACSfGYXa7cZpzMumy7y03Z7NozvdMXjm\nPxX5t0xnjvap3RE0pm8U6y2v00GRaZdvXPWYSYY8iBOxZpDn6vq4M5WHqjlb\nRBEoEH1mFDhnTeAvenC9DFQ/I07Lm4Ae/op7MBHmEGpwZUNJWAiESNE1orw+\nGdXwrTNO2NuDSNuFzPnHlX8jdOU9ifUodEJ3kC5G9TJC3Xn3l+xrp4ZAyIDU\nPajrNAp30XMleaPWDxAX5Oolm+CogPb9GAiutBn8EYiIMEG7EdAx1OvEEBCE\nVUtn8oRBKlTewxGMHyn7gE1zNSjTF0LfFSrNiNvKVB0a5YBP1ieTlHeUm7vp\nm0Ivs9GVOaGg6yRj/0j7ofveEzeS87UgVB7M66Zsf0aKiramg4vhPueNQtEt\nHkOwyDJ/4To61nqyDz9fCXeVRRvARjxQ3NFXKy5mLmXjR2h67Yhy5bwVX1dX\nkCY3\r\n=xrO8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"643046d4c1ac458ec8eb1623c5951b3c9a17d2d0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b723dfa78.0_1576181355572_0.9323324121120264","host":"s3://npm-registry-packages"}},"5.0.0-canary.1c494e567.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1c494e567.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1c494e567.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd51caf80108444081077ebd42ebfef58fec461f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1c494e567.0.tgz","fileCount":7,"integrity":"sha512-Ti3CIVLJMXmTZsZjtUeAP2sdAb9nNTHK7EIdLLZjcrYe2GexWtJPS//AXDK7PDkBj7kYqIP7xUdUGfVYSz+g4Q==","signatures":[{"sig":"MEQCIBx2zswTskP5qynfdtaaXtspkoBmEo4bHkpVj3W98PjrAiBFex0tXnwg4BOf79n35s3xLY5ILRQllmOg9gFItqVb+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8s7xCRA9TVsSAnZWagAA4QMP/RS2dhEyNTkc7U1x9DUs\nSrjsYfxjTdjLnc54hd3+m++VLJUjCfQ52czFwl/RibsKok+IFfAiDJOmIROM\nU/ErwKqKjUEtGTjICAbzWBLJyMU84xeqGqu0Lxp70sFccgXA8M3JA41On0LK\nlylq+34Eum6AW1koB4PDlV2fGYU1IyXJ6wzbWB7fpUSipsoIjfGQ55+2Al6j\nc50edmY5OPYMlIQnFhpQSbRB+nDtEnuO70Ym973fuG4HtAyp2puGz5jZRE6L\nLBU40oxD8HMZSflpEipdFFeiTxVPnnNFcaAfcThaRGET8A8d5fcs510XZBt8\n93KSamMAzpU/7N6Nynhnj16snUUf7K9KornIy1mLJFPAK2h9w022EFHRi9kZ\nY3VKq7V+iM0pYXkNmCmPSlCRKbrQ+eIEKvcecOTsO0yGFz2K/cDi6KTRX0jx\n/ve1YlBMFxlGFme3h55tHzvPmjFLMelRAKvshglqCE+Led2FlRwUxvvcOixM\npR7SOZMa44KjC5Rcc98hfACTzljSFSgPI3CqrOjbwu1I+F4wjw6r7qWiwKuq\neAivLbmB48cTWk+ejhb7Z3TTuGu9admZbcBw7q5vfiVWXpg4oWu6W9qPDWDI\nFl4QHqu1eLyt3rKRQaLVGy2GCmuqZfFMzbfAl35gyByY2H/QoM1SwZmqGTaH\n9krk\r\n=B0rV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7e01eeb35d8a54be431b39b46b389f3b26262e7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1c494e567.0_1576193777191_0.7432342927141307","host":"s3://npm-registry-packages"}},"5.0.0-canary.c9e98a125.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c9e98a125.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c9e98a125.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8719fbb1a07236043a35d16816aa8398b1c3770f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c9e98a125.0.tgz","fileCount":7,"integrity":"sha512-kTbnnh5X0XuT1RI+NtUnZk3PcRl7uMpqSUKcYhYr2hTlKJtSgQZXj555khzERiv7niTFLN4mjrtfri+OJJlmpw==","signatures":[{"sig":"MEUCIQD0MhHMCfypZLpCZjPfVDEERyF9pbFMEtWVUZB2/ZCA4gIgbxg4Er1bAEkhc9P39WqviXY3QDFmehUlU4HNwMyHllQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+RnMCRA9TVsSAnZWagAAbxIP/30L9FK2XPk7zGeYes0K\nnE5YwdAHl9eghwcmJwsnhcnBKwmN+cs4MJjkeDFiy/fdiS8KcwH/u/asuokj\nMYLGsZP0BxICgu5YCf0GeGfz0C8Q85b17z1tCOuThXcrMMO8to16aDV9txhO\nH/cl2A3w1sxjHzt6kZfpnKby0r9ydEOYjhSBQ9mvgE6dG4mVv4F46Fl2rYDM\nODoXpSZ71Ecf+ypPLwg4sW5hDiq9gWy0gwTt1nW4IIvqbAsSwsPOTN1W1Yj/\npNFB+S0BaqDxCny1hynYb0Y9+n8zp/RL0JNvZUH4o88ohPhMcu1Oidzw+agG\n0rjHLSwo1MLyvf0NrQwffo0twQluMdgdnFjhkiCAnXsVnPReTeqcdoNwc+rP\nuaw83/cVea0oeCxH2Kk/EuARvKdOL5e8pbQSdQNWAdHIs4dGik+BqUlgnc9X\nldurWgkGajKaGWf6W6aJzWrMWKt9fQRJWwbPQ1gyO5cZ4X7YIbi33M1L6a0o\nBDxHEtoC/LTGGaJYjmhzuWuoAQhX0IyomrfrnETFNYsxrJEJA7Dq/YzSrOW3\ntUjjc8vyXY4ax1Lto3lcboGxVUmi2SrBcl98rhW1qGXWqfXuOW1x/zbSPZPR\nCmPEUcN0Hgg/mTbtujHLi20VYdW4FzNO/IOOaxN3VY5eapUO8F4EzUx/yq06\nczDH\r\n=xUnL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34b4d9d0fdd6b65308344880ca9abcb67a41ec58","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.17.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c9e98a125.0_1576606156558_0.0827339875431834","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ffe8f7e3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5ffe8f7e3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5ffe8f7e3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cd90f81d61d6ab7dadd966d954f2a449e473b31","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5ffe8f7e3.0.tgz","fileCount":7,"integrity":"sha512-7wyH+j6TGqUGdj9+RG8RJ3KY+v1jAJSWYWD8O3uJxR1oKIEXYfJUnsXD3YBekwKbTNoU0rGmzifdh1olP+I1PQ==","signatures":[{"sig":"MEUCIQCncwISWPK2pdggpLg1uBpDUUKgktwh/JikgnWejDbbAgIgdI84nMialrXkkEQGp4eP8mLyf4o2OFjujlCo5nBwyQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+VeXCRA9TVsSAnZWagAAsMEP/29CUOOoCiiCpfjprdBd\nyBF0Zv6KIgSavDmi5XCo+oV51RpQGn76Bd+9TnIxgRcg2OG/lU4sfo9U2Ctl\nbKbeZdqNnjJoCbnai+JsR7sFPt79d5/fNeMNKNamz/lbSVeBNBQcae+VThid\ngCHiarStsryE9qPeYnBi9LW9mXkWknOW2QwalWwZz9RsFjSG8OT/DglZzEdl\nO6Nh+Yv1EILW0fAfmpGb/dfIisxwyalnHlQ/Rl1wJA6cS+J/C+PMAiubcAdk\nEZNYusWR+911Yk+5d/zeR4jBqsseftj23FSlBLopX8GWPvazfcGtTbs3X8vS\nTJEwL9IfBYNzWe6VWv/5jcyXKswFDO3/0QXd5+PrKgIiDgnLdolGU1SRHZC2\nURxx/4ntP/CMnz6Hj2zpNiKUX5WXnLMuEMvNGnsSix5szE4kV1c5QkaYJwtE\nFoCPIWcvskQPJ7vgb+fm0Pu2UURjhLm8G7qTS6RpZ3EaaiFPuKLh2ckLfKch\nLICaJBzB+kXf2Xx+q66O7yP72KMhzIWbWA6o/LXFfWTT9iXh9L0Gd8kpcH57\n5S9Uk8Q5LWTGfcmvYat4rNx/eSxrHVUOwbcYGRyv6w2qkKxlZXdZ5bMbO7vW\nfnj3oYmKwogdLMos09/JhSPy92y7sBDLV6b5swvJsJMGk9uxYKHiazKO9SoK\n/lA1\r\n=G/y2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"21e7c11057bb3bfef94ff10e24676b9da6f427b4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5ffe8f7e3.0_1576621974664_0.2789701873949708","host":"s3://npm-registry-packages"}},"5.0.0-canary.47949b08e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.47949b08e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.47949b08e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"724b1744c7fdca618954b07f4a0288287dde4c06","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.47949b08e.0.tgz","fileCount":7,"integrity":"sha512-etC8ffeIv3HnL3pbxPSYkNP3kY3Um9Dvye4XRuriGGIp+5xCQCxou4yk55GDaSrKwGH+8CHVBgB9x9p1ZRl2NA==","signatures":[{"sig":"MEUCIAOrl6Nu+DWJCaJmxfCJKm1NI8K4vKpT0YVRzWWqnaIYAiEAkSUbK0Z6TOd8LH4x999Boc/XTTIUkkUsLsV9VK8/cuM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+mR6CRA9TVsSAnZWagAAbXIP/0TwMZguOetoCRq3In/p\nXUyKwPqRg87fyYPUsbrjPSTFBVI066pQOxEjyHD0Azjh89baVFpgXFBG/3T1\nycRZrTmubV3KDvMDcI8HUvJAqQNMLK0oMRBBG/M0xUIkgeNoHoHxz1xw8rJr\nJ5HmOq26wMJmPuPcIBUJYm112AGtwaRYv/zFBclpONb86GGjUCr0Tsi1TU7x\nUbtfaEI/+Fa+dBRHo6m7FAEwwwIrxqxk7aOqEOFGOHDSxY8Kde3W1lghUdVR\nIw7bjdWbLTMZdSEFAiN6lPscY8dcDgPyxUukMd6umGlVkrgV/6RhSU9Lq8AJ\nK73Jy29BXQwaGc3zlivHq0fMUkY8MiwYO48CDE1zqy+3Y9QRQFFSKOPvHuhb\nPuwIBpQaXRWzzTIo/AQSQLWqtWEC/QX2Apt1wHMkTjIm/XZUH9pmAZU3ExxA\nVG4+rdRAHE5VoNvzi0uFzRYuNN4cq/W7K7vFxgQRRA0eQP8Fx0/H2mcUYp03\nYpP+HUrx2bGq8h8uGOFgqJPmSPQHnKdQPk6NApvYIX75c2ZoN4LJH8u54W/a\nGT/UsJVdV5zGesduZWPO5bJa8JIqVD2mpyJZ6l1tFfbhnIHffCDFeeo0hnA5\n+WyfM2Xv06wHaGoAxmgoNxPXEKVk/OO1kuyqmsDYKo3EpcgQ3TRoLV2dfU0X\nGBeH\r\n=6R69\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc8ea470b79b9134800af9e8866b99949c575024","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.47949b08e.0_1576690809727_0.8716058459013301","host":"s3://npm-registry-packages"}},"5.0.0-canary.b240bcc1b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b240bcc1b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b240bcc1b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e5742bce26fdb26a012464a1c91ad981d7533aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b240bcc1b.0.tgz","fileCount":7,"integrity":"sha512-IjthPgJGpgp6UVn5St3Fu3nvg7IcHml+E4U+VQFGTiDndxzjpr1SII1z/+GX5tsbkHrTsTSY1AeUW5GqXACIsg==","signatures":[{"sig":"MEUCIQD2lSpkKVYgsXFeq4oD0fTn8ni1wDpQkDnixFCgsXhc+wIgbUT/EpPGJLvP71Yv44ilNLDVuIEn6Y3hkwVihfqNC7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsBCRA9TVsSAnZWagAAqZAP/AsTzvZun/g1flbLIR/x\nRN3PNBAmKEezbqjPe5hsKInGF4nTIhlvp+abH9I5w6pUZcCgmQUrZMbdQgv5\n33A7JKz0cTBOpzi8ovNbNmXYfDu3bng+Wex97oSey1pmtj2o8hL7Fu3DaUOl\nlR5DoWWq15Szu0Z05VM205sV1x6T9J4UWU0u/dxZiHWCXTPaexCIxOaf5iW+\nJhceTqr5g+56E/cVuwYB/+ifMYODf6YF+1TRvnjclwXBQ8NOSfGImzp5Nri7\nNogToEUtWKPNmuMIzLXRhjYryuVQQm8njXe0fzTAJFI3nKxgV9Q198VxdXAw\n+5+XnXt1+HTHsnPFRzV7JA/2+wRsSn8Ifh+dVjgou14QHJgpDnMIYNNoOGW0\nCiA+jDRng+QGcp6n+hVvYcZ5HnkLjo7R/uKWVWtFXRnEWjIqLfLAEnQ9sp8c\nAi1wXGlszrQbBQuZjG2ZbBO1oe+q4cHwQ82q0DvHhJFDt3XTKqSMlZorRRwV\nX8wObhZYHtRoIE/sJsnipTu6GMYw2wNsJm2TibbtiWg1M/hxMkJyES2paTy2\nVt3TbhMwP5hBPhHOROSOYYRF6VQcsLeon22mo+QMPcCNrC7ZZnVYBNS+f/nK\n/kM1e+8GrezyOarx+ZnPlcubiq0O4AYPebxiwDF4YvVf6tmH/jAHQsjTfTGl\nFrlR\r\n=qQ4M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9915c413ced383747e1ca7f2069e170e38517b46","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b240bcc1b.0_1576696576672_0.9304988572679265","host":"s3://npm-registry-packages"}},"5.0.0-canary.391674a26.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.391674a26.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.391674a26.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35f1bd70f8537e28ae9ec047d79ba4c78d728b00","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.391674a26.0.tgz","fileCount":7,"integrity":"sha512-1mk42jolf4Yw5J6hIj/ucp5ri5XfCgwqmP6XcKZ7pIv3ss9nb/30r0m2s8rNmnXh14eoz8Tgh5FSLosGOole9w==","signatures":[{"sig":"MEUCIA4/mVEZ4HzkpZSE1AjUGqidNphiMQmZxtLAOzTt2kf+AiEArPqdwDg87yfVa5J/9BNRCcsEuCI49Cbyu5/fLStyNZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsKCRA9TVsSAnZWagAAS/EP/1PSQ0uhxNwzUQcSLJEx\nYo2Up/UUnvLQchThwIZYMdMD2wzSU4DdPrR5bNeznVgSu58VgTRF/rnTBD2K\nsbphmR8pBrHd/UCMFUcrfeRCR4x+St5U6x8Tq2v2MFGux9NibIqqw0zzLeed\nvPFEldWuaoEMmrnyKGYx3es5I9jJfaUSLlp6c+50Ir+0wHJGXX800idMnRQJ\nzLY1zQauF7pUzLB1b/gacxCSn1udq7t5PmM+2/rcm1oIdS0LYyfzM2UHnnZN\nHDv5J+DkGspjLOB1DFamZz8Ggxajxm9//OWk3ELPHYPHUqEEO9i234masgjL\nLgt/98uzO1zPsff/Q3OVTZIW5bGym8HxJQ9S5jyNgM12qKa2aFTFjAoUdCuS\nqdkM+XgY3tC/sT0FM9jT7GGQn9R3P5K7DQsn+DLRthBAebx6lIC4LGfmdlf1\ntvp86XRUci79N/cUTAyo7BnKfzf2t/RptYLtWb58tQEGIdf+pESYXrSw917S\n1hgyB1FDF8RaxwMkXqAItlJrEoVaqABNVESlr1e/I6Tt4aP5XFIp6Pm18CKS\nlpHJzNibKl2vXKal3oL9PWzHg256LLmiuFgQ9E/ffFvSKiMg14dgmgo+30TQ\n892Abam53TSnghtGK26u4bc9H4v61RfZItY7+4kCEoHJMJwHZQ/fs4jy3TON\nH1Ag\r\n=dake\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aa67ddaa5956be1096b1d442788cd4a5565d7598","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.391674a26.0_1576696586217_0.8929930931758134","host":"s3://npm-registry-packages"}},"5.0.0-canary.c4837746c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c4837746c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c4837746c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2796aa170371a9318e4c7522df3a14c0d6469271","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c4837746c.0.tgz","fileCount":7,"integrity":"sha512-ss5JzHnG4Yf2N4b+FRTD31eBn7pmS1JzRPi0obiexE4uxMJYMBN6DPMeOuliMfSdbN72NoNzh0c8KGXEJhYcbg==","signatures":[{"sig":"MEYCIQD0q0hP5/rGNSA3SNNtySiMXpMzKVGB6jnmoUNzw6sWEAIhAPBWxc2WuiqQ2D5qkTp2SXbnrMgfRMiZlc69fDQALulf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+n9CCRA9TVsSAnZWagAAS1cQAJmEMHP3RdPj1sPN/1l2\n2AgUYhpuB7PyqLOtJ+NxxI+1HDm8yXdrB86wznH4CKhQsWXKCkGsGDrmXfPn\nSe26pINkKJoFj1p1jgciimnTsoBxwMt26hgsy/vcyb6GV+E45ZRsjNzaxW1t\nfB2HJwiIH67ry8tNsClls1I+4QAEQZjLEw4pK/StSWUVkePKhVmWJQuojvr7\nlgb2ilF88oOlAVAFiX2Psj3xVGJ+fbBlReZ16MnvkW6WJnbxY7V7+9A/tUuK\nkSXt38xcanVMAWdcBiziqqEUvdmgGAFxy6eot+N1BTwhbvgRHtW12EaRhnOn\nMuwtPhKm4j9KCccFO5pswV6+dFYEMCnARnLCyr33psORLonfjg+o3TSpb9Dz\nZKcKkamMaw1BtUcEcA3Ca0GlU/r4Yc/JCZtfBYVHWdpWaRUKid0KP7y0BRSg\nnywcGUBJyuhICgmmrq45liWdJ095UA52EwgxoKejcPj+f86SD0iDw9QfIfdv\nLv6GyjSIfblJ6BwSyp/iQsE2vIXs460NfdcC/TtmqH5h/WudnjxQ/IMR8f3v\nYjsPSr+GKAa3pUKzQjfyxhlTXTSuHnzJ0KnMSQHmIumzJl+0V1sku+bhYpnB\nhSDIQHo/NjQs6sOnUl959wXNmsAiph+GD8saqVKcT0XXV4gJxq4U7rrsyvoW\nsV+d\r\n=QAK5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"44ccab29aa0b806ec249d5f5117ac9f5d82fc7ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c4837746c.0_1576697666226_0.1425745674339427","host":"s3://npm-registry-packages"}},"5.0.0-canary.e41a70425.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.e41a70425.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.e41a70425.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7cfbf93450f4ebbc6aa58d3f67809cf24b0791a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.e41a70425.0.tgz","fileCount":7,"integrity":"sha512-csQ236lkvEQ85zpF3foDKsnF2SxCRKjk4ZJWlPKC/eutj/jSomUKiRZAjfA0fSm/0hTW0a1xSRwhN0tRdBLHNg==","signatures":[{"sig":"MEUCICjWYQMlmcuW6zD1befX107ae3oFev9FiXefVolsT1nDAiEAyTdcWGV95mMbppoYdoq9DI0EaAhI5K5FkQ9bzUL5YvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rQKCRA9TVsSAnZWagAAeiAP/0GzrAlXkxs2le6iadPG\nm2BUfeOj45BWVKcMsV54baoUGRrn66tk7LBZAaMVhvVWE70unL0aFVamqovK\njcOjKNS7+iirQH0trA2+B7s3FpsSYilK6FPem6BAPCsDBgB0MgF3yLcm6s+E\nIwu48N7ZTd0vPbDyVbLgSzIPkwxAWLjVXXG6bCE+/qLI2mN0SnjuBUxmIEse\nCv6tOkg/ntE2y1Hg9CkZ3dFwfd16X06Ra97wExcths8UpMX91yAGeoJ8Cujr\nd37WHZ3gEOCc/eXopjiCu9XzWlPgwEIEO0mam9WwIn1FJ1UKI6e/fS/lBAih\nxh+Lw8gZDGs/AJp76AbMgS5z419ndzw5+rTojY2s7EKcAtV42HrVNAcT1n0N\ngKU3HSq0pjNbuu7lcMnFPAT0k3vHL4GFuG9tEWMg0V75MCB/4YbPKY8SLMMK\nwAtpTFH5kUsreHHKgm6ip7Sq7AWRmy7uSbfkjqm1At81dEL4JdvCsuU6Qch/\nQjML6MzmnfQ+UxAJEwcViIFr1jD6NDXq38+PAga8itvLFUt9ZXdH6FLSJK8w\n7onmQv2ltE5LS8rYFDbJVTbrsQtVVx64OWIigavkR5yrerNQFRqzTCq9+bYU\ntoBoen1OUC3qo45hYBaBdBBh9SgS8cwK5v+ieotcy5NlhlvVOrz0oZdI1NU7\n6IL2\r\n=uFXn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e938a63bb3297bc73cdf8f1f206885e2ec84a6c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.e41a70425.0_1576711178111_0.013381219904805342","host":"s3://npm-registry-packages"}},"5.0.0-canary.bac43eb43.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.bac43eb43.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.bac43eb43.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0148b8d1d4b5540a9b9e6b7a720e98892a6f0477","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.bac43eb43.0.tgz","fileCount":7,"integrity":"sha512-6VDMPyjLdecV/8n172ePPlwdMwpNO24RcSVX2BapdC6yFc0bJ0SyvsKu2Y/VmRivT3Cm9SyZz4nq9Ky1SJ5wtA==","signatures":[{"sig":"MEUCIDIyQhTVbDSubkxcsTTs57xL9zh9081UzoPosfmjkH6cAiEAlF3wrZt6d5X/x57haz0PYHnT08wmUX/ql1a0Px0qTUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rTrCRA9TVsSAnZWagAAprkP/0i6u3zy9pFfIrVGWK6k\n3RUyf26cDEMb1GUrCgCWfh2UxEnh7EEZOCcSF1DTP24vCmmNlKSBICCClzRz\nncK4beMbSyTOQRKzYeSBzxDXFG6oTZPrr5mPd4kclL2rUNadDsxA5h6kF33t\nBIgqVitL4uHcyUgIB6LpkMK1SJbiBE8W8V4nbEW91jWGeedze7WoTbULsL98\nghWT//CL2h29/1DuEeEyGSgiPMVGaFh3QEDlGUQ+Z/Fzt2RhcL2KhnH3QZPF\n1GARYD5bGvVt8DxbQwHDBr7sSdwLhuV9GpBtfU/Du4HXy2AAdwrgq9WGEaLq\nqVnLjvIB1g/EyaFaUP/29Qet7AtC9UO6Oz15EOMjOSTOq2iHIW7YA7OZED8B\nGIOt1U8M5RpVuJC9A3LR1f7lIpOpAkHtjs1z+UKZrfsEMWHhAgNI78UFSIF6\nUelsv22fXuPHQiWTCa8ElMie0TuRQLYn+ZRai3scw3pVhQruh7oRQhOcN9W7\nTY9kdNTab5wRK9xLLbFJ8HRWpECq2Hk7A7xPg8aSmBzvl7N2EPbRNZjvJIlZ\nJCIaw7/ACcJmBCPcYp/dsAUhn5PY3W4TL4gVGN/YJ/KIoiOkbmNR+Yxd4fAI\ne5FhZLEpk+6GfqTTazl3f03UV1Ui7l5SKpjMUVKCDuuGKRIl+F0suUPdrBXe\nPNWc\r\n=a/q4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7035dfa39edc06f1b58f72c5e285bd2998747232","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.bac43eb43.0_1576711403483_0.35791640576327377","host":"s3://npm-registry-packages"}},"5.0.0-canary.2e491de55.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.2e491de55.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.2e491de55.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"943989ffa0f6ef2cc20aa0b742e747f6e009fcbc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.2e491de55.0.tgz","fileCount":7,"integrity":"sha512-pV90pJvQn1ECXH4QhIhQPGUsof4Xe4iSNeuVz340QE4d8rgCEFN+VWwiDXrfSiLOG4hyj64yLU7Q1GCzHv5yMg==","signatures":[{"sig":"MEUCIQDDn2qbgyYbk+q3B5+TSJLvpPxQ9kHgz4Lf2j7x8RyJwAIgMC64kLJc2MQpoebwM6Ca/bil6HBgC8JN1XwOQROdp0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+1WrCRA9TVsSAnZWagAACRYP/2DN4JYsZR4yL7WHJ72p\nz/D5MfCCqlp7kptOLt8k0PnXNyaq55KjOW1Ehiqwf4Z1xxEPLQkY6d5ZkQjy\n1cZRde6wPSeyBRimmMU+WtRf7UP+R7XDh9EWkxbfvKDjSHMLTvhMQzscYptq\nXBFOhRMicgDnJ1mmAluvuWVF4qwwpwcr8E3NcaDKhFPBQFWgouLwzV1OrOyP\n4tvecgsyzUbT/VJqM9hnRk9iYy5RWTA3Kvm2DYfQKmANaxWR6U+JomlSHQGE\nimCU2VYShUcXCbUBoaZz6k0IPkaeqjJz0DSxqE9i3siSw50mM4IV/9cPuO37\n9t0hAN5w6goUUDP39kRZfB/rTCGTFEYcuektS2eqPIeO9eWs2U1BJQxB1Dwf\n7jEcaRzUCCM5W50YN33g/729yIstrxhJJMC0Uy0L9PaenBuAX8kjW47yY3HS\nRqGZT48XVRsABATU1g6lOhwNfKCSEfDb23nsPxBY/NyX5vofp1ZLhANeaSBC\nf4EVu/7RVhxvEBfEWaRUaJADymEdUpFEsH6UijKfgZOEIbNCIEUWETqpJ0BE\nm/BlNr41Q1zQ8X8eG31+5gYefT4rtIwHILqzKRbwV/a51yRjXCkOFzBczSeM\nimASQPrW6XWt8vjj6wf/keGI4k2GersBWSsJFcuRXraW4plBLE/Su+taYyto\n6ym7\r\n=0nE3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"731b98f2f9caf1251d3a82a3abe09828a92eb434","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.2e491de55.0_1576752554969_0.11196632987440225","host":"s3://npm-registry-packages"}},"5.0.0-canary.ae101c144.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ae101c144.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ae101c144.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55c6a8cd6ed97c7a571536964bb2e3fd5adb5d48","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ae101c144.0.tgz","fileCount":7,"integrity":"sha512-LO44PXFkgGJ7J0dVwMO8dKw3eoyg38viTLehGDoYWFYE3fobe6PmaI8eYi1uXFrC07mKKFA5wgY2bVhPvTPgGg==","signatures":[{"sig":"MEUCIHrE5ZiMA7IY/r8sEn8FxYgvLW4bxuWnXFkD6nbej06/AiEAhrf8AbdsIhl/+bCufB/ppHBOL4XIsvCk+xf5mNte5oU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6QyCRA9TVsSAnZWagAAGZgP/RzWQxIevQe5hc7D0mnD\nWEBYtpWW1sj6On8F2mPBVoBgqajHFti+pbpAq36qbOtQRVm2U9pY3kNb+KVD\nBSfKQgLiFsPcn+AVm6xQMFS6SE3oI3aNEuO3xfzoKa823IZ0tciLg5PnWizk\nBIOwrwvmBw7ij3Fr3rYHtioCbn4VndrCbw1g4HF8ZZIzOYQwPNKJrZuPytK5\nghE+mBzq0IcN7UcT+aIQrINytsVsgkKZvgE1/tvROYoZd+C6aGx77x6kr7d7\nnmEBjbAgBYA+FbRvsiwNIvW8yHR1exmf5xg/5FGHnmdXISCGbWkxjyzGyUO8\npfp0r5ykepqnfLYkY5u1ZmmX5+XdamI9NblTN0R8ss2kf+qqFFEPEABQtQdE\nQPqMZe0VcvZ3U+aQIkA4ohXkWr01KOr8RIT2DV6xEkrwLZi8HTFIR9EZ89gS\nNQB/23KTTMBL4dIQRJRRGP8zVCR7G0gwpxB+7U8okf3qSHUkTtA4tEcIJbz9\nGSjOLZ3Ekaifs5Q2EHAV3baJLLis/J1US9rnyM2zAq/jNz6jj6spnV3RAKj2\nn2oXyG0hCMPyZm6dS59/u3MLYm82bVcMXqTL4H/wAzE4xQbMiyX8/va5o08f\nRCPws5fXipLXxGFeaM86Q5vSLwFDdwdsRayK49GFG9ek13g8kO1q69S5RJKG\nFcDZ\r\n=/qwK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d11f348d85fc15df510c3e33822ce23f44ee661c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ae101c144.0_1576772658023_0.1834486272317173","host":"s3://npm-registry-packages"}},"5.0.0-canary.a51c31f26.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a51c31f26.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a51c31f26.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"625145d540af4110d442118f27ccb63e90518e7d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a51c31f26.0.tgz","fileCount":7,"integrity":"sha512-kb+utIV69mOHI4cSR5pEGPNbkrR/0Mdj588UFbfj3F3v8Evram7w20rks0cLeZ9Hs8Ym8tZZ+wL8jEVP7G0Eig==","signatures":[{"sig":"MEUCIQC9otLMrIgOicX87eoz/Htv7YnyROxfeZZdv9o/Rje3AQIgRa55shS5+eAj5whmtpW8++NUfKWlf1nCGpegfj9Ul3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6/QCRA9TVsSAnZWagAAp4UP/inazzkrMH1y+gLdcOxN\n6M9awtSSr6XJEP413yEjmFaHBOTDW0KBXCMzCTLJvNwkblSJsQU4kbo72URz\nSjYTooHMLHFqriFgbqXi3lnCLe3SOEe5Pq5xOt88LPFevizahA4VAI3vFjAT\nyH0PbPQjXqP8sgKPhbosN8YR76xYh98iCcyz+rRDkCD/M41ZPUDZQ8VGAjYj\nrOwpQHPFKk4Z6T8DM5a6+tCIOL9z8v4Wuo0YTy4zheGZlKsTO5eiXEUvkl/F\npTqlLEatxljAT7PjpsvcrYyP0W1j0iQ/tZ2TfDbi8JP9FFJlmvThM9nxdwQe\n25jK0x6AYO9qG2fiRZQgFh+FJDfFr+8SYZZOrViuq3l+VQ8Unw2koMzwud9e\n6qxGtet8ZuWuH/F49vrTWrVEfSI6Ux4TUqF7cEaImRYO7jw4AWTuAJdHT+uA\nTf8GwFyoCTXxDtG2o573yzmSBH25tVp2RKr9aP/jGM8QzbWNNq5GtIqW3+n/\nLSDcNBRYDy5Vma+lv3Hxj+hhUuhHwt4M7mmju9Z76MLa525U9MbHuQo62NqC\nUwqi9sFV6p23cBY9iWYAodDy+YxM+IvUcitLVKosPb1YikS75DjvmSqpkbjJ\nEid88hX4zOVK1c3QR6922ExwjYo1ds6tPiwD6xPbe+n9cqYLgz/mtADi1jwb\nqoo+\r\n=Am9T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e2dd52b70a7e3cd011647222c15955dd4535cd6d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a51c31f26.0_1576775632358_0.14679714091060103","host":"s3://npm-registry-packages"}},"5.0.0-canary.21fc4e13b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.21fc4e13b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.21fc4e13b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3b0a75334669cff5419c330468b5121fe8dca6c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.21fc4e13b.0.tgz","fileCount":7,"integrity":"sha512-nchZhhUQt+NcsdBs9rj/yOBTy+/XaV7IkgnipU0s7EfxEBOFUaMr73ycVdttUUMs1r7HhPWqztTsdlPfqn4KEQ==","signatures":[{"sig":"MEUCIQC5CNVsqluVTFialw535B0AAfnOLOyiM+f9+jWM762H8AIgEhrPjVVdsUPjuLYp/fiYpxhmh5z4UQcb1Nk1DXGRoFk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd++sSCRA9TVsSAnZWagAA4QgP/1Nm5N+SjlBAdYDfKIDk\n1r5sK7o1Uwx63v0Fx6MYiAIARGvZozkxD+s81Djz+9TF8mnCCkfamxJVlV9T\nayNk1wpEPga8qINrJsD6Y89OazNqMVS5OkMX4dpkiOcIKlsiDwrcxWKzbAe0\nLQZPLEdjK+gwRT33fEufNcs1MaUqUfHIXUwixaaFnmAL9pO1FnQcw2XyTBr/\noB09RRRxbquFQs2br4cdial422qYeiNS+GooQe47GcESjzSDKjWXQYXVqioB\nI76Kc+vOl+Aw3YWMK2XBK3FsHkUbV7zt5HXfE/9xH1OMrnYV6ceiZN+bs6/9\nEECLz3uX9r1sIdXotIbA9A+VYAjjWBWx7d+y+oZWt/8ScjRthDfE9+gE+dJF\ns6e6ARtiWLuA6ev7pgGlC1TPO2mVisSucj1XAyOGcUBy7EIC9+k8YzCwLnjd\nHKFWXPCfR+5zqNjgbTngjwinrGHiKmvRbHLtdbSYjbHdvLM8Y02SYQGaVySl\nhLV5mxkEwGge1l1m8cSqDiFZaldwmQfWrDawKJ3SBZsBcx8eJUGP9zNPhsc2\njKItBbRYo+tdxO7mnHkr/iTKKIkz8KOu7oAQfa5teJLB+2ZwkFLUGHzUtEte\nikOJdWRgszcXMpogLNvUqV7l8/WcaH0hkP0XFcX8WNIup4pVvWtbr/S4gURM\n/Eve\r\n=qbhS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ca71d599c2aed234cb9376ced1aadb512b071fb8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.21fc4e13b.0_1576790802248_0.9638695236478816","host":"s3://npm-registry-packages"}},"5.0.0-canary.d2ae6e17d.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d2ae6e17d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d2ae6e17d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c55866a64961a0947141f6620a98a058fffd29a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d2ae6e17d.0.tgz","fileCount":7,"integrity":"sha512-lPp2R/CUv6P0Jt6+/1X5LfReM+H/pzpbzWZmawjvjGYH7uSPcADI0VJ2wYcEgcQ3q3pNpvicLOeBdyOA5pRnSQ==","signatures":[{"sig":"MEQCIHL9Nh+YdgWKXe1HWlMxNp7MJxjm4AkbwfsaYBTg4IyiAiBrb9upTVkKTDM2EiIrjPseL4sJAnatHT3oxvF3Q8q3+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+/htCRA9TVsSAnZWagAAJOUQAIUSHZEMSXRnkqttsC3v\ni/KojRp9aqktBDlda+kVswovHYJcdLJt1cSyFajIaHPQ4M7MqetO7nX2va2o\n14qpMA4N8GCNw/Sm5LOg/mFc9J/c77TdQEXPIsiR/DIACUvHPgWl37MrAy7P\nHoH8on6LjF8x5owZMs8oPvtQlsj/nUXOb+Cyu+1V551IqcI8oWji+NQb2/uT\nfAfYwmFRe54Ci9aZWGIqMXJrYYGa0w7dYyf3Uch7AZYdLH4ttdv5kIEpwYqt\nfZ958r+uSGZ5F35wJO58z9b1AbTbVPLGboOdTswRS0RGIdTieW81vnuFqcsR\nkIJn2G4Hg+4bHPdopXFGsxo9AnJsJpc4KeY3z7NJnsyx6NWfa7s0ib11FaRN\ncHHrWRU9SCYUIE/loMfYwquBH8n++R4+y65CZnv0YMfOEXVd9CL16QJkrMHh\n6V/IfnnSS66V+tS/6dZURTqxPeXaQpNYJDT/KVXb/JXhTWDzlO8+vMcEEQw4\nNLn5JyG2/d2Ejk0X9gkGDj2f23ur753O3Sza/VRA3sHbWC71Sax6KcdH9DrV\nCMtG2vvryqxFpwTtXLWC8hTIr7s0QohZ1WJA6BhWy6IW/eecYePBcfWRnfu0\nliUCtEWLiFHwfnug4t/y7tjGqU/ocMpShzww3xuPzpUIkdaiw+Eg8BrSrvus\n1+DB\r\n=R64g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aeb622d14d533f70c26396fb7db6c8bc48eaf8e5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d2ae6e17d.0_1576794221010_0.16351596322407902","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba30399ad.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ba30399ad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ba30399ad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd58886d928c18ada7e510cb421392533268e956","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ba30399ad.0.tgz","fileCount":7,"integrity":"sha512-rwdKhPSG95gtzkpEwD3/Wb7D9Su0L/r/aYA8G6YDdFrL6bj+O4/3C9cRVp7SOoAPHy/KCfxxEiyjEl2aG6QFEw==","signatures":[{"sig":"MEUCIQDb/kGwq6Mu4sG69lR2mFO560769Qz3KAabcAhhGGEVAQIgWAxivd9yIJA1U/guDYZcT08T5J8ic+KOiploc5A+Sp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/B89CRA9TVsSAnZWagAAynwP/1gqWGKgmae1JepbIn6X\ntojUE2iKVsjp30/Rpr+bRU8lJfIDVlQT1fuj6ES90NIPBXbzWfyLyuuwEebE\ndoKi8ybIUk+Fxt2tOenCuT/KhXwxi5LHa7VAlqqmiMt7DwAjDG8jteusbWsg\n4A3OGT5++x7lPMvd4MD7qaIoePUe68CcJNX33dFKuE4Y2Zz6n13cSa3XRJbf\ng+S4y7PuigeLGoppwwqUCrGF2HLEoo3KDFfgdsZJj9Ncu6n7o0G+Xk/xRWKf\nmfhSGYE5sZiIl6Af2oqK/OJAi6C6F+wx5kxLmry+Lx6iFBvL17h/TxYVxZGf\nhDvHC6nONd30Zm048tk07EHwAtNs8gzHdTJj2sRDmte4F41vHaAaLzt4bWqE\nwh0MsDW6CCRmGgbN6WKNhrpBJRP5Tu+aVVk4xtBkfs3duTLksX7tPte01Eqn\nYqq6PH5uRQLTfzKTpBmCchK2g/Mw615tCHnDS7vnPRVDrIIlpvdoiXHrnK74\ndSzxNOtiqfnrWQy2gaj2nrHepHYx+AZ+H0neFgNyuwW5sJyN4i+mGC/jDlue\nAnDTx3mhga6Z53xIgvxxvQhUtUzsNxdkv7npPnxnLZOZ96atEIzsNaXgiWeR\nAXbcIfquLXBwnp75fUR5IPPJ4tNlwNBbz1jXfRbaysg5EOFNYSo2lvCIBGnb\nKKpN\r\n=RUND\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"75ab7f122d8d469963211d9f9591a84602711f72","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ba30399ad.0_1576804156942_0.714065481932493","host":"s3://npm-registry-packages"}},"5.0.0-canary.a08ccec35.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a08ccec35.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a08ccec35.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f39cd9862175d90406243a33093b3f2b9af2f13a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a08ccec35.0.tgz","fileCount":7,"integrity":"sha512-DJfsY0wyVJBeA0sUV/GW99cpkkG139sqlOVu1gKiOSVS4GdC73AsM/IfWN7dYlTy/1je9jmS9J7rbnLhsBakFA==","signatures":[{"sig":"MEQCIHgbe4YBw3N6jDBaOmtFbeXfmPo7qVtouCRSa1OtfiRQAiBAhND0yGWx7/Hhg/PWZAwrlHv6IPzfqgDhBhQyoiApIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/VibCRA9TVsSAnZWagAA1SgP/1OB8pzvfxgtURIqWNQw\nKHh8zPeJJgYKAvsKGwg1apCt7zxrJUT3k2UlIKVxLEsmye/0xLSgrcCFcZ99\n+ZmwK2ywpqdZCw96qgXsW13umwTCf7DAgYDeBcn5Of/KKuiqxebU0FiVdyWI\nxMtpdrKenaMz1nLFN9GCgBZXfa0ijmb/o7iY0KGyWRS2V4wKNX2am2yCNJSL\nD0rhYvmfH5WHGgVT5i1RRW2kBW5Xq2UI6Zr/Y0ff8BXNBgJkKx76oVKuO40w\nfTGP+x45exm+8QKCfDYwF9uVRJkn7HitnBH+kesSdP2NUVdGSLROLysSqasn\nYPjuKf8k9yKiO5ha/DuB9AS4cSbzC33AOFEpgJyo9obHTob8IGkGWDL7AUqS\nu0OK0BxetzUuyoWkn9zdIa6F2TLPZb1AWYSUbn2FlSi1uyvO9nEg5OKAwMZw\nYW4UYYt1180fl0kK/0BHASn8l2w/s4PASbP4vXM1hEOPpXJlPL85nTwzpA59\nZz0fIkK9b0+VKjq+41hG4J5JwnG9gJO2Ue/x61KKuDk7vk/fZeGVtrry52Vz\nMMNLmpcRdnuNjDmDG9Y25vE6X6rq09XAEX6T7ZWKGejPGr6gWVQ3r9I3rN93\nXiGlHAHHCHe4zS72D945gjp4WwzfpZE8S79+hIrHvlnKnp+ddTCIZyCJiLrk\nSlHn\r\n=S1mM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"121f2cfbbcf425b2c92760a0fcf0301dafb14636","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a08ccec35.0_1576884378875_0.5851115213908684","host":"s3://npm-registry-packages"}},"5.0.0-canary.a2f75105e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a2f75105e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a2f75105e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c3b6fe3b9c5925fe1bfd7a136fb5e2c06e1915c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a2f75105e.0.tgz","fileCount":7,"integrity":"sha512-5WRGSAaXGv5XQLYMLOTiXU696rGJpwd8GGDc/KKNZrBDRSEIuf9nrwhdtPKXJVwQudtqQHVkxtvfug5vb0Ccag==","signatures":[{"sig":"MEYCIQCDd4TUMOxzkpPDb9P4A8oXQCOe6dhOk5LBwNM448tsIwIhAPRcjzdG9qowZQEm/njeoPhRQVC3g3tzJiF+squK/vbc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeARm6CRA9TVsSAnZWagAAgbIP/0RdI0vRu/s841ESpDBu\nbBmiQn1jwPUbYo1s4jBxx5omk+/v15VrDCiUH1L/PYtFFu6dijA1yMjsUwlS\nzVUBkcX1kpIwi1BOaBr7T3AwYlQ5aQIojX/hIAJmw4KwTRqyGRY4Ez/b5z7K\nBURJR4tg2vQIwdhrIKkBYmmwUdUmPu7gGtitTYlyBwMfSJBT8nB1X3IPGGIx\nDtIy1wZWeJuYJPMKKnd8gwlY2pj0XGdi5dKwe5jU2W1KQ0jBD5h27X+dsJSe\ntk80mvMFA0A630hnBiA1NQYpI+DNfF2qEYssLDOk58gSITocU7/SbylAgBui\n8JODzDoBBUMiBMhiIV8efIMZ9d1VnhHrftoavTvBVNIB4HyTuvr3hon5xkz3\naRnLOEflwD7J0J2qa0lGYyoNu3byCJjy//QXcioitNovhjxWdkIsRTdWxW8O\nmCYBCGN3htuMEzdZ570DtXh/wsXU5ZycFffE72eRwvJo0DE5qu/PZCniIY8K\ne1eJpMYC+WV0HMOxE/Arb2fbbT5jPYlaiRepd11Fz8oJl85vz0RH3QSexMRE\nWWSWEMXrwXp1p/AC4WL1GE9XVemu+Qsa6uZ9+knQKdzn7sOHBTIoKKDUGsLB\nCVWmNFdeiIwfYO6mHeyGc6LipSKgX29yTq8ce/dI3POYsPzRWlBlY2Uma46Q\nyFaT\r\n=zy5+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7b2f4b595ae59e3e680ef1151ab400a3855144d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a2f75105e.0_1577130425690_0.22800362665502005","host":"s3://npm-registry-packages"}},"5.0.0-canary.c054a24c7.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c054a24c7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c054a24c7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af3e00b151cf2379ba4e35fdd6388eb21770008e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c054a24c7.0.tgz","fileCount":7,"integrity":"sha512-fgr4Fdxw6Lesl3Q2WSN5yv+1fI3D+MSqrfntIUOIEAOGYma7cIw7NV8NddL/+ospUuzZw25T/GZyLDSPvxje0A==","signatures":[{"sig":"MEUCIQCTH9ChfVytx1zeQk99aWpVlYGRb2PZ+y9bM67tfxF65QIgCC3QWG56sxP8KMV1M4gGoRLIjThX7bLdu6HYMNxqEYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATZtCRA9TVsSAnZWagAAamMQAKQCjDtmoFLc89VLQP03\nN09Dii4FbTKrrOTLD5TfQDJe2wYBdG9kMLwJC9biHhqhg0pkeWs3HFtfATMj\nc0x8/B9hrojes/Gr/UngT7H/igMMVAtGin83yhWxV+R5XhjnsZr3228FJGz5\n7IjchnmsCs5QtUFhRZPLSLFFSpEe+kc3aHzEITQxkQJVFbN2/9fBnYXaFFbv\nveWkyvmOwV9aM3rBI5kgaIt18cV8l5jetEHklY9HoacfdPaDHyOM5y3D7sQy\nVPbk1o9CWUnetPzQYYmGPGkRexTMoaYDpIpM0i1D38otQDcGQxJ9FLF/Qtos\nNvlfdkbYbEXDlfTkrUwCP5EEVVPLbt3j+G3hvo0cYf75rhTIQ3Ho46Jkxdfw\nDLGlfoZpWzlqPI7HzJrpm+EQhomIV55rY1QxQ+txlw4B/zn3lb4Ehn//MLdy\nuD5Z50qHrULOfmZwB57VHKJRusLjgs2TT3uIuD18GIZZ7mlUewhyjJc+ogTq\n5ew9mlFSmT8bYrjSnfBdO5S10Ks7myk9qW9rmIt1chU9VGoQWpEKRH+a7Jh/\nY8uoTulyUnCV5Rg2IkEr84n8etOWqf9VcPujbeocnjdU/RLP0LT0D3Ct7rfo\nzUna7bnqdZN+dnM/ejZGvJlSYTT6VBpWiobde/zhZzoNQO+cV33yM9yuefk1\nY+H3\r\n=Ag5Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4e2a3c12859a131938df8918a9f43b9146056488","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c054a24c7.0_1577137773233_0.02188464159676351","host":"s3://npm-registry-packages"}},"5.0.0-canary.c6808c51c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c6808c51c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c6808c51c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1a5c8c8e13e3f1bc1ee23ada8701214fc18c162","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c6808c51c.0.tgz","fileCount":7,"integrity":"sha512-Zagy6tSuHm4URr3pny3qFIcxECYB2vxzzr7NEqkcTyhIkaUAL+iYiTjrfuvNN/h5jYbzsu95xn+ZMVaFkoR8HQ==","signatures":[{"sig":"MEUCIATfWYh1TDcPEpqa80Mv37TpUQMgYRszoT5cWkpLwsw9AiEAsUpsoKcbGMtgwuztXlA/5JG0CbSaIqzBkZ+am0X8ER4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATeHCRA9TVsSAnZWagAAVusQAI3j4f2lXLWpxj8sMg8S\nuB31HFkqvXt9EzPBQ7YY7TseCdyC+glQni7D6VvRn3Z8F3zDQ0LmYN+GhQU9\niLdHkKZPDyUq3IvcjeS3YROTmQ6JLfmbh/Iz3uqjyxt80VHHS9jBJcCATdKy\nMOqo4GEXzFfrSe/QhxcIXVwUsCncMSwYBdux+B8HNfD8JIgTbr89+9MBhA5v\n97A4rRYXZGEE8ly+/WHybThQEp+eOgmzRmYF7lChzPZzDjIP6nhYG6lB0xxL\ngHliWsnLniMIXBQ2in6Pq26Dk2DhUlZD/TNr3sue/12SwRObSo0YduG0pwBN\n1T9Q1QznhNzB3bANQLkXbv8b/H9581DYmtrME33l0oLAtrexeSVKfcs1xnah\nUg9yXZTphD9oYrhxFTSvX3B6vUrFqztOEMPndlsx07KIrbmrxTVteFr5EONu\nE140EH0cfVniL0hbt9uECL2FKrpSFMig7Q8mLPddy5aiQtEvrv6zTRj6kqLa\nzvukiA53uAGps+KWPRH5FLprrdYevskCjrv7iofiRGP2PMw6Dn/TLckFP8IC\nhBIdqWKNEkASakMvYjWuxweVRs/vcuBWHHSm578woHhBhgqK2B6hxcv57cJS\nv2UgEu9VxwicdGgPmUkD9GzIxXzHCKlVjijIVFyWi9cVZpy6chiqYtaJBBeg\n7cXd\r\n=wgpU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"02ee460be616b30da3c6d5daa7eddbc5f29d2500","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c6808c51c.0_1577138055515_0.7709966427341692","host":"s3://npm-registry-packages"}},"5.0.0-canary.7bce9cf77.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7bce9cf77.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7bce9cf77.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c23f52a1a79e7b8beef173c21e916863ec3013cd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7bce9cf77.0.tgz","fileCount":7,"integrity":"sha512-ifAEqlvkXp1Mk5HPX99L5HAKS/gkkkeZVXPtgvUbIc+zc/+cUOkSOGKxDphEJI3rz/RHIHTeCOJIiyA/c5Q/fQ==","signatures":[{"sig":"MEQCIEJexwRAd/OeZ6CDbg9hRkEx4dec2wfaIZh+Gq1p6UexAiB2k5tJGzqy6jr1kj7eQ9nAVxXnOYUlVJvtAj+ghTrfqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBP+xCRA9TVsSAnZWagAAmewP/A+Gq0M351SSC+sxVwKM\naSblDD7naTaIzUjyrn1YrbtWsuMvLvnFQCdzOUv4NLDM3CZYxCcutYNGr+wy\nb5wbMQEtQMP5jsIjxNCerYkxwAiqy/gyxen/q3UxtF2FJMT4JMIFARWWPUyS\ncHOFhamIzgwfr4i1AIjKgEecBRlHiDbBBO4x/OIi5TGIG4o/cNaOcTbDRmV2\nBU6T4uxg4Q4mNdEHv4Si6hmx5sqJx/UfLd9ywJ0QsT3MbBwO6h6GD3YqVH8r\nzK1uogQuk86Q2IHtFp5zcTqDH5e83wuurIBCyHY6855OOlgLKghg8RWqfgWF\nS7ss9+M8yKZjRYh6aURnIaNX4o8tJn71Ph4OtTKW3/tJr/I4nZPrfI5bKByf\nNjwe/oQMzyyNbHgUGYy4pMLiHjoYDonOurPYqrLHJlkfKqkb1nI8p0KUOx/b\nu9cJb6Z2AMD/MMzKtlQOlKUwbk1JWpF+QdHpoSWGZLEizLMwzfs5zlQrX3ho\niuiPhW3kvJbYgX9kfU4dTiJr+GevGU/IKkfooF66qRuyufaCtGLGIUfIo5ri\nRHiF/GE0TZebYvoTUdakD71qdVBHHE2aVme5jRbl0VmU2u9phFcWL7ceYTwX\nXMZ+VBwzPMYiDUYsmWQDi5z3AGdGe7bnXnYYdQLchueoHal4l2V1L8meng5Q\nlMTF\r\n=njWS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f5c1996d2328a53d1fc5cffe847b04aad48432d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7bce9cf77.0_1577385905082_0.9888057978440825","host":"s3://npm-registry-packages"}},"5.0.0-canary.c92f038c3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c92f038c3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c92f038c3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db709a580754c0ff4402f98b6583578ad083fdc9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c92f038c3.0.tgz","fileCount":7,"integrity":"sha512-1qXhYp1G/JzW/ebx1Yhntt3711kALqzNJdncMO4UE0XHItFTFGl6dZMoqTwBFSymN6UzHh4xG2MDunwL18N2gg==","signatures":[{"sig":"MEUCIQDU4VXBvgfK/lz1bj/Sdw5cZSQhCDrZHrfq0bzqUGqGRAIgQf2pnFw8qte2huQ1fQY9dCZQZfRR7B+qfzCOogT58nE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCnP6CRA9TVsSAnZWagAAaq0P/RZevA9bvAGRLv7Bll0x\nGOhCFyYQQszdieoy/IBPjCrqR+w6loqQo1XN4ozcCaFBnO9Y6lXd9arDf558\nSV1ykeVnbgKtb5Mur35tgxqhSld6E9KFFtLda+snnD6jiVT+6n/2CGrPX0Aw\nSQOs3rplIunmGgMzVgjvoAsCA9trht9e8VODiRVIhmA7pwyZig9ivZ5zlOFX\ne7ivsCJZZO6jcX4nX1Wi6TZS9DRyJsJm4WwVkkD1dmcmLF5ULsDO7FLdGq/L\ntlsBy3Z+TNgoXfvDeI0r7az1PaC0JsEcNw9uAXrl+lvyIyu5Ysy8oqzq5s9t\nC9IDFj0A9li5rwqHHdVS1GEvey6JJgardO51PPoWIeyFNJOW0G9/9H8ZUv23\n+Tu0+UGOFyPrysrA6l8Au54K/ua22LSllJMqJLCmJOrsQzCmgLkkW2WW0civ\n6rMQ1SIpejDTpFZVnWmAgBU4ERCIPECbcu3WIgVcX+5qIhv8dP5BXXGjdF8v\nk4vP9aEPfzKjjiUqRYXxuBzejOXWDt/+Fos/TrEqdzfUpJdjMnxpj4KflCJn\nZTIsIClMvmuftqp7By97VC1xyGUlZm0guFi3lRR6rqANLomm1zRG/E2F9435\nTp3hdfSSehN4mGUYL/8MdVE6uxduBIzm63qX2kfcxgj89vvHUaQF43RY/Sd0\nwUN7\r\n=OJg5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"823f4f89b39f86d10ed69fa8a943c050c2d83a6f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c92f038c3.0_1577743353639_0.786819952165057","host":"s3://npm-registry-packages"}},"5.0.0-canary.1f1ac7558.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1f1ac7558.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1f1ac7558.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"902cfdadf4bfc8a3eb6aba26561b09d7f4215c51","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1f1ac7558.0.tgz","fileCount":7,"integrity":"sha512-fih8c2jJ8Qpakgb86BVdXqlcDzzzj13haGjTYI+EqA27D9xyvK3YVN6y/j8KBIacqPD2DdVFTyfvBzB/BB9cQA==","signatures":[{"sig":"MEUCIQCimpEAXUw69qghwP6h/7nVN4nEwMOIMa2kqvrcd8NllwIgJi9fnue+Rk5RvzuXHNfzA7ITW6btUVte4mpilzkmzWc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDlhQCRA9TVsSAnZWagAAyuYP/2Jmdtc5KI5ZXPwV1Ips\n5aJnHYvakhkfU07Jnxif6YMxyOC4HKA4j7/N+e5YRVNgwci1XwNltILCtvoB\ntTDQdcoIQSr3SQCJV9v2zjJzQB9r5WnIMXLBbzfMFabNUQlOe7wFG11tzhf1\nJxIAnv7JXIFa+XpGIW05j0KcOUV1zHUnwP9Tj4hzrOk05mDFhdAAW1twqNr4\nBN0phGfRiMsnFa3cJbfqTq8/oDI1pRS5bOKQs0j6qwVW7LqhR4+DCets9ydv\nVCPAXL1go3x9+IP5ASTC17CAnH1lK+3ugN7/rSFieOcnK2//j2E73IEObtk3\nNYmZm1dCVASajqYgIm91nvmWkHS3ifJrnxJrA/tor67qiBRrdQh0W3pDbUdE\n7NyVcs1TZUq9UGW7fvCE8DOXI05m2ovRwZs49XetUYvLqsSCJs+tkqmzWYNC\nepIlbeDspG6soY2I62Xcfg4ZBu1Q2XRzxj2Jgbq6T375oiAI+TzXNqc8l4vk\nhASvt2SiB2UDjsgiG3oeRRB3DEFreXOWXv2DfAj3ujBjojcv3XHpZKcx8c77\ncULht1IplOYQGxkAkD9zDVSJkkWAX4eZQENRDa7uDqaPWhCccvws/FgUAa3X\njSCTT7FDxZYCz6EchJdcwyzcyCHeJ6qxJxhQK5sW5sYeRNJb2+CUyV8ENC6r\nIbk0\r\n=xIko\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"698a9278145ef0b4e06e9c33d51051b9650c5b11","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1f1ac7558.0_1577998416175_0.19778077079472878","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec26e799c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ec26e799c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ec26e799c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e82fae0a9440f9d3a25d4bf2b5be5b74dc755dc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ec26e799c.0.tgz","fileCount":7,"integrity":"sha512-0wO2EFvt0eZrd3qF4is4NeDwIF1uChp6zaCHQppeYH40Gp7Y2GOdXKtcRtA4Ig7ZT71u8dE/PDFqx7KWLpMUeQ==","signatures":[{"sig":"MEQCIFxQLsSFKPtV8QEy/4FMziQRr2IMkwzorny8DuJBVvJmAiBVpBYRSPAmS3w5A+z6sfBDaXGmHuYXhmWEASpyTpNFkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDmOnCRA9TVsSAnZWagAAfxsP/1YJUUwGsZe7WRwJyvtp\nf8ze76/AgwGJjHSAGwNQEsrnWNzz+XH+1sybPWMFrIcu1y/TIduHS/14DQ7/\nJTznX4ARzH2CU9jkckLGkdg+i7SV/WbW0TFmI48u8tfd8Rrl1HbKMFySRdDV\nhjkS+Ox6aXG7TfIGAZcGBQKOMskFTlSzvp01cJ0St2o0yP8zeMvXyZ9xZ5nz\nSvmx0vwEVDSu21LE5qYKG4Be6Mju8dK1frUmGl9lYZTa6FoSfdqRCIYhCgJ6\n72uBv82W4aSBQ1qsJGTuxPgTdTsqu4XgJw7iro1Yu+xPaXsjS4pZNKCXXoft\n0zsCaaJaej2eQQRjnrOK2VjzRHGs8ClP1SMk7WxrIKzl2EQ05vvvTtZsRk5+\nb5KJ84ORc7cGjJBse+3nfuOMH1Ty+VnIZrwQjb+Mdv5l/uf6o4qnDSTDdzbe\n7eoBtEQMYTEOaW/hBmJrrjrJQl2jp4r+ZQc6gfumHmixTk2yNj4uieQrZ40L\nB+GqhPiGid5jKwlLEcqv7YKT2NH+aq80j6o8ULfeWMjZDfzaO8cfKown3Vd5\nt82ATnAttJmgtVU0nfmL8w70nm5quoAr5KI91q6ydgdqDGJjucVS2ta7NwiY\nhXGL6D3RV6+E19Sx2xkWXk8AkMbjvdN3eWBsxiAwOUrBSVrHu6Hptkz+LPlm\nDOTC\r\n=WNyx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"813829c13087aa9fccac08bcbdda0ffddacaebeb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ec26e799c.0_1578001318723_0.18574117212430363","host":"s3://npm-registry-packages"}},"5.0.0-canary.0a40ced40.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.0a40ced40.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.0a40ced40.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e3c1c17c4e8a565695e7d8df8a8fc2703a58698","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.0a40ced40.0.tgz","fileCount":7,"integrity":"sha512-WPGNVZP0Zr3WjmvMABxMJTRgURi8OG6x5rLUDmxc2RoR7h0l8EMVJOiMaRkqLqb3dDgg8ELmqYoH482+uyesmQ==","signatures":[{"sig":"MEUCIAeIgI91hNvo0mSGh/mdIxvTzH3fshsf7Us2lhKNvEOCAiEApWGxUkrWNjiF5rSJsRNBz+FJldna/1XEr4NmVz7v08I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD3UnCRA9TVsSAnZWagAAo60QAJT0Kpo0hXRPrvbToGsV\nhCdkvW6jkBIhWVcR4guleCY5W1hPL+mhRhIs1dLsWPMPcvBrxH8fh6Wok2Hp\nQuGRc7os18iwT+E6vcga3N89v44RE4Ab1vZEB6Er+w1dMytiiUz/AjC2usIw\nRxuxHLf+js9Ew1quNa5vyfHhR0SgvELneqONFoJbw8BBEHtROfu22A0B+JlP\nt8fk0Z3GRMiD39tbiG1XlkgRH5A3SK/nsJ6HuRc0NsEUPyXZnV587JIXrOqH\nY6qXoRl1KhVyW/qjmECcSfGqFb8Av1a8ABBxIpuomgwVHPQPuLz1BqiyJmVu\ny+PfiL7GT6AIbkeuQJRmTDb4Be+ClnNkVD/TByh4Kj1YYJSO2+C4fgqamx/F\nX1yPKtr68D0+TEyTG/UXVxAku4onS/izCP9vBE73fOzLzmgE1AMYV+MmtalC\nhxKFt30doUXIXXw1TvUZOhpffAL6iEWjiYYakxHqj0z0sNn0Ye4cAXblDKSh\nj25Y3ZwEp1Kita0BWCjWMDyL7jro58e3Bg5XpznJIIxYJCioXCl86r/mMsA/\neXSH6reuX+wQbLJGoMBSAdfedJYmNW9BA893wLGwMiB+CugJGWDNeTF7f5m4\nxpc4EWPapAcKReNCYyDFqSOOGHMCb/jWcP4EKn3YV7zvM3T9b+Myp2h4VRNI\nlfB/\r\n=GMas\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dcddd5ac583b29d0fffe1a54b6f634f6b90fa44c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.0a40ced40.0_1578071335310_0.00631909122367591","host":"s3://npm-registry-packages"}},"5.0.0-canary.3adf84899.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3adf84899.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3adf84899.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95e6fafc24c13ef10ee669c73de5734daf2a7bab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3adf84899.0.tgz","fileCount":7,"integrity":"sha512-JInFPsqR7tXiHSjGOmYSB/feSCxtc3Zfpg9z1YPEdKPDByp6fN55PDtY9V9wVS3D8F9ogZVBQexWNIp1uGV0rA==","signatures":[{"sig":"MEUCIQDFqBPw7T/TYzc8vDDGjxw6xR2+LeJaZIdiIFGzYNPs+wIgZTl70AlbWp8eh5sA4F5Go2Mmo3RTsrqx6T6UAW6w0a8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD4ZECRA9TVsSAnZWagAAdQ4QAITq2n7cr/fYBSW/y7bI\nm8dZJ9JGTe4krgF90jT/xLL/DTd1LaOtB54md3nUG2S+g4ykPfxkSpHbKqnP\nb/xmVx6lLUTobQtw6dOsXR+II9tP5K6MNDXh/pGZUFCeEkIUCzYc+UFOnlYZ\nZC9udsA0VkZZwVmrmPpKVQvwGVhiepNEuSkd86UH1MNzE6xVgwbW4EmAr2DV\naX9flzUVxWXMKlRFAFy26Xv6jIVUC4fNDYfzPmOjuDh73rGMSKxz8CsC8Nk8\nw3B/YTK+TEfKLFWrkB1MW2XG00l0jeOw8wOrAyii2CYilXqVhEo6K5+Cr9IU\naK0+bcAbnkhSbFthXwxKztTFprL2NKL625WnXnx6fp0zapH0OqFq96YxOaHG\nKgOVV2+ydx4q0OuaEkDx+eirGFUIYk/GlDDwL2zzHWh+D488MWfe2LUlq/8m\n94BcIJQsLNSB8++GV87TE0TZFxgR3rKV1Xs9CVRYy756ZlFiyACWRyC2hZ1p\n7RyTO3UDb6u/abs6Av1dn5yw4qVrOV510fmO6AJV8mwqfUrCBSTfRWtcU5Rr\nSAhVQ8o4JWI2UN7HZ3BJ/XKXvjS1T7FAqQ2M4RsuIbL7B0moaBUAFdMXV6JU\nYfZHpoYAWHUcnuPM+CzuNuT+48VKQn9ysdeMgAWIRtdw3ygAwe5Pv5Z43ihT\nARlh\r\n=8r7j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f20ea5e081bb781aeb0d66d6db6a0ea7a0f5619","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3adf84899.0_1578075715628_0.33322776283891886","host":"s3://npm-registry-packages"}},"5.0.0-canary.0d42ee650.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.0d42ee650.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.0d42ee650.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af03a98a29e259d12d3f7060191f6df898a872f1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.0d42ee650.0.tgz","fileCount":7,"integrity":"sha512-f5b/mJ7b7K/iXV40Rs5W6FR6pj0sK+T8rhhkHHpzlpHjDcbAuBdg5iUMrmsCaSovUmZpJ4esq6JFBUsTI3a9Dg==","signatures":[{"sig":"MEUCIQDJ3xIdWDZCGEQgOwocfqPNXTAEuBWOEyW8Gef1WLgTAQIgffMm9gWSG31ib06k0PdUalJyNGoKSACJjHIpq05AMdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD7PfCRA9TVsSAnZWagAAvjAQAKEDAY8N7DkekljFmupe\n3GVb78SAzNJCtO+Mln/oPevJb6eGMGqmw/HNTQzbw84x8xmiVs1U0bu32BVX\nY+dD10xmtm9hw9iJtQsvRF0bF9kJSr+6D7jWN9rhIo32zRxqZDG99ert/8Pm\ngcwu9S2fUzdZ6B1ujV5NfWcT4996QsJxHq0/cgUZMaackDLPBgG7CPWxbEFy\nYfIbzs9DG96Qqll7wpZl1U+E8qQLSD28Y7jW3ZJR/g2iDKn+FJizSICXNmvH\nl7ssSvbGAZ0cN0tBb+8S9beK/fcFdbMJhGFbrn2E0RbMnEoG7FNlEmxJTJo6\nmQ/tLTgT3qwEUbkpBz07vnH8k07fbJbtherVTRA9L/qFqPJY0TLrw5FWCQ5u\naTwS5IeuHqSGcbzgJsiduB70dMIuIjPvlR9+hx1IkCbTT62xAnVBbnTWZUMY\nDe4/7E7oFSCoYKYz/qBE/74umz5HcU7/kt14MMqtyP1tl9ohTR/7p+VC66O7\nfDloDuz3+AyyynhfeDCDWLFbtsuMFzvYWgu5fB1+k6VCERn8qLMbFsJFhY4x\nLQ1XqFR7+zyQVhefVGzxosD00bMuVui5iH+N3XaG1Tjohayx1V95aYiUjBvQ\npDjm0fqnKORP+aR1FBQ4ZH9DO7XTJkPuj6ec/FP3vjBa8Wt/uf2jAPHtjEVE\nwVoj\r\n=++gb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"184f253632333982c2b642e450e6e98c9703fe85","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.0d42ee650.0_1578087391085_0.5225596384028794","host":"s3://npm-registry-packages"}},"5.0.0-canary.7be9e4a04.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7be9e4a04.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7be9e4a04.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f013e5c11d25da44c65d94401892f0508476a75","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7be9e4a04.0.tgz","fileCount":7,"integrity":"sha512-C4mtz1/mzsR95GF2QSefYE7I9gWcvgKtP8T5wwih1G2c80mLqfNBrnDVrNMDW4pgvpiH0rPIMoQQfAHtto/1zg==","signatures":[{"sig":"MEQCIBu5N+ErPybm1SmVa9dU9pd1/7SYaJAuoR5T4NRujesdAiACo8jizliQ1rw10Zgaqrrbklz7ivKqq7tzpTNCJZ2u0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE2h5CRA9TVsSAnZWagAAUCUP/1UJ/jOtnhw8f1JFkDm6\nIC9jNq6SKoOHXIX0lz9FS9y9HpdH3nCw45IvYjc0rFZKsR9aUDOs5SODekdV\nJ6aoQ2drlw3x4oxPxRNDuUE9cS8pNueNupLXBbUDy+KkQhnElCWJK+XGYCvd\nnijIfc/8rf0iX9KdWOHRflS6UnGovcYJ1xDPEsgJSoXuVaEwamac+q70+M2s\nxLnopMGgwRDg1P+KAwJ0lTDVi0d523AaMWWrMSx0cCfTKGHuHoH6pJU/8+no\nJqnWr8W0Qkc1e5rmTk/OQGAyZbSIPCxpGUWrSMTNqjB5sFav3MQj7NDeow7c\nP8/Rl3MQCTlIUt8lHHoGukNA+lHrfPpTi2OAIJXPXuboV01ue7apRPM6yWXl\niPZQFgdegzhvvEfnAoJCVprKbL9T2RRVDuQ/XhqFVhZiOpGu1XWwbIXs/SPU\nlVnZs4FnJfCiMjVsicIHCHyHRtuCwiZQix0IqLzy6g55iFLoqNh2pptGj6s0\nCEtP0+I1CsgOwfZF2qlKxoqSaQTPMsQ34P8bSVxD0pYmWMB+G9A89s4ramvO\nzYpTvtIwlU0IA50FNeA0toF4fbix0dAx67NpnNfrQuIFriUR+8YUAFg7T+Oq\nfdb7OrZRxdOFUCO/w0CC4OvW4e2HiTaD9cd2HUQ+Z73XccegvTuaBdzCQ+by\nr5IQ\r\n=kvOX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7675b02e76469ef82297d4232a252b678b22d1ee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7be9e4a04.0_1578330233188_0.5031003357582475","host":"s3://npm-registry-packages"}},"5.0.0-canary.847dd1ada.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.847dd1ada.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.847dd1ada.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"054d0e7ac500631011caee8c49d5074ef77a45c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.847dd1ada.0.tgz","fileCount":7,"integrity":"sha512-Ryq81L9hElK/9g1TbkwTrsgQ7OaiqGKhYPCAcswwAaUsumGVfxuCI8CVt2z02DVeBzreGKBmSjXpVXM5t5EBKw==","signatures":[{"sig":"MEQCIG4YOJSBUDzQJQKNClegE41PIHLLtdRAUOsUl4x/zpmrAiA2iA6Knesd3M2mYTNRWYhA/NEvRmoUKaMgtlAnTSaxRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE4m8CRA9TVsSAnZWagAA3C8P/RSGNpUzJCkEop6v5L1z\nwO+f5l4j+cI8oGdJBE7ApRkYD6FpYiUcXJ+dPq942WWbRe/cQ1M0ejT0QYpk\npZMyHFCrpNB1m4QqrMh+w/TGzynvAKUpRCGiaFTnedfqJgZL+0zi8ruRP6cs\nhc1CyNaA4jiP7UnOUEk9GabpB/o+qgdzLJRyYCz7kLeYVgXU+YcilmluIS6X\nH5qDstkr172vWSuIf3eS3jpEf1EJFM3EayOBGnbuUTYuMNHTN9y+YPodzw2m\n7A/qwxTHIEZfKYQTEYFNnXgMY8MN2Ge8U9sWRYfUiuaKypQVcbpKuvhiP3ql\nkge+3t/8yLswBsgSMFETeeW9p0obAfbuD4+Wnkn+uIsodvVEG6HwqYVi2HM3\nruDErMtTJ1S1+VgNbnwzjrloqMwXLyvc9Zl2paPLZ73v80DYh/SLs2Bm7BGC\n7elzEn/ZdV6YA3FEhXv09qYwM1szCMwwp3OhBwSrtS1Yjs61sP2+ww4JUDO/\n7sntrz8sKTqY1KPNFGb5CvgZTH0Vi1TthbfvBTM73e0nMzwLcY6FmaL23X1X\nFqHxvz1pQYoO+uYRX/KDCfUBTJLLpN9E1fTnyQ9AdCf75STgiQq2zfEmDDGA\nyTH7faipWgwUQGNcX3BMMEsp5Kq1zh6Pkhdlpv0l5pZexCOUvTrQhIdu5FfG\nG6+/\r\n=Szvd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cccb6b13f05f64e22210548991ad471df3de97f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.847dd1ada.0_1578338747972_0.5318569346096036","host":"s3://npm-registry-packages"}},"5.0.0-canary.39df7e5df.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.39df7e5df.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.39df7e5df.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8c40da71fa60d1254f20fc712544d3d4c5b60ed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.39df7e5df.0.tgz","fileCount":7,"integrity":"sha512-PkJ8EqazlTLqrQgyYghzFs2cWpqJODEgtebRNg+lCr5YzQ+CS9UfxiYAWCcG1HBwpWmFW6PIVHX4dJDqrnDLOw==","signatures":[{"sig":"MEUCIQDHT6ZpuPDbZOTSDMqu1Go6GfXAXoHK62Xzr3TCFOYwXAIgMRdprQVuaym3wQ3PKTcYAIge5o4jspHqkpFYL5tDwMA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE9bmCRA9TVsSAnZWagAAfM0P/1ZNr2U4xuMQKbBl1ZwJ\n7uRffrCVGPMlN9MPYxYOqlWODHBQnBgYJzpHo11oINEylYfuC+zvwJRjg8Dy\n0t/vjy9BzdwVGNKVk0re3McJePa/0rGxb6sF2qztOJATnRBVSMPFrpD0c22T\nqk3atxqT/wXKuODPFjibOzhPguL3lTFLlaASZqs7cVFCe2n9iy6tOdH6vt/z\nz4A7u1pkTYuVpzw+4fnRecGWs2YMa+3pNCrxPY4p8dDIarATZH6iciTs8PTV\navQ8z/y2Hg4iKqGGrpZYe5OBl5QFrjIaTaXVL0wxWz0c1NWV9JP1Z1GSzy3N\nNV/6TW1dMVt7xOYvLOgSLG8JjYt5LS/b2OB4K/xuKo1V4t5rPcXp6lff9q/B\ns/N7jMVPfy29063wCtPtL+AF6z4hjtbeZPDnalbUU5xucjR2EGyYKku4q0MY\nbVPa/T19b0P4WQNSXHwZ4YDCkahrRzV/TjFCkcZBH0Mxz//T6drdWD5BWLjA\n/aJ8L5y20oaaBses+kR9FLbTOJEXdqiG2tN+Y1U+70Y6zDf1gK82VNL9UJlN\nW7UcF/ZaCTkgQf6xh33iLU6HjQ4Se9E7C4UUfK7CU2o54z4vNWt6MWDt8RMi\nMyNVNKkFd4NFWLmeNqUWa+JPSllw78rzXtHJLhch/7wDcyEQ4Nbbxt/5rT2z\n3IqN\r\n=SqlU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a6995715f8fc80d9a20e6b8ea90e80f4906ca595","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.39df7e5df.0_1578358502080_0.41150043292175353","host":"s3://npm-registry-packages"}},"5.0.0-canary.f1a2581ab.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f1a2581ab.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f1a2581ab.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20694a0389f7c92de234a6d09c334bd3ad0d2fc2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f1a2581ab.0.tgz","fileCount":7,"integrity":"sha512-B0e3ycSGvD9nNXnfQE65hS2bl+d1i9Dgg2saIcmD1Amz2E9zgjEpTmQUPioLgZRcurMB8bFELD2wuWP0GDQs/w==","signatures":[{"sig":"MEUCIQCJ11cnGiu88OyuHLJISnoEv8M5njCtzEwJ407tIDNOugIgMT5YvdPhWh1MYE9F+NXURr2awVSlKyT9fMQchKUwMQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJy5CRA9TVsSAnZWagAA5OoP/RPF2yFRBtk19aU5tWlo\naa5UtsaaRl7778wymkhyZ/KZe9PzS49bqpGNvaIHTALxv0x5RtW0xKh1NiPo\n3jRf4KV+gRSNb8PABmLrdMMMmnJEvtu9yLBjltcJ0OVkVc09YzMA7Hn/QKcV\nQy9BdUtvEJlTMl7V5YIql5dlQuxNTjxPjxo5YaXpgdqJa1V3XCzweRDXci4e\nCMwglVNCjIb7Lv3DWnJzpQEWZmpnVBU8W7XIU2EhOj5WrwtQoyCaAPCespr+\ngcMABhLn2io/J4POfc5T0O4XnUIEcsjtTI6oiaAtPq45+ToyYLi/6RJ9KH6X\nvPt8OZbBCXHTYKt5JHBNa12R/fOmHTgbk0eYdDxUgAcgojSaS8wXrPzOVcf5\nc578Yf5jsT7xOXnUnKoy4iR05qWQEWdwatS7gLxpXCOGrxYzsklsi7zovovh\n4BB7M62cc9iVZaDInJn/OWoIiRRrJioeYxQ0feU/z4VY3sXSQ2DlIZDw1bgg\nUGvLOe4GiZl2QVgd2UEH0CtvW58DFZ/pASdE5EXJpPGRkxIPlFn1AgWbRH3P\noj1TK0nqPXYYh8mP2TKt83Q7+dzfUWkepgdWm+d5yZetQv6KOR4IQCXV9xfT\nvT4wHijQZv6OfOfbqgXRkZT0yNQbrjoVtVhPYM6mswe2C4XxqZRpVwMXTMpC\nM8Qb\r\n=PUpo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ae69ee79a4a22a7695be055fc67e5b974c2b989f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f1a2581ab.0_1578409144665_0.8176281451429195","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c7ddf347.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7c7ddf347.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7c7ddf347.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd0fcd524ea0d65d5656ece8dc8a264d2b033ee6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7c7ddf347.0.tgz","fileCount":7,"integrity":"sha512-rZ+wSw87QM+rx4nxXKz7QEh5Z1XH/UF7Wze3ZNPXvB5yYTDj1akofk7e1b7eASMTtQbr5UfClNb19NemZxfpBw==","signatures":[{"sig":"MEYCIQDo+zUB+PBDqYFyVb5Loe2AnvA4dVHuPZYrMMTe82JRLwIhALZhCPErj/axg9To5uFTaCx+e82ZxIHtHa64ARhW/IAA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFKBvCRA9TVsSAnZWagAA8lAP/1POpF3BmqsyoZytRIMO\ny5vYXPJC7VCDQWigjBWkvb4Rs7jiTA5E8qOt28VD8qjiZjwzSk+d5hZpabik\nXRSDFcq1ecE9XCqogWGX7t+aeY9zT6cuykj4M6bCKYIlcHa0ZV28QMgr8sAU\nhmhbXTlhzXehGqsKrXsJd5PsONxkBqohdJgybo/jFuAIbNpv/bUGjkm3cjuK\n/B2bS+PuEcO2VnK7oI0HsuK6QmYc2j7ehFErYwtZ7ks5N9T47NU5RjnOwmNd\nrUGag6Ozb5mgu/C30oW4a0BKNcJmH0ULNhE8m/x7Tc86tyNW6ND6q2aayX0a\nd0qFkn4jLDHW3l61nlKCvZyqvc2HTEyB5OEyO4t/vrb2B4iVgV14dIR22ERY\nMpIO0NITWFuLPmTp8ty7sjd8SO5pjCxtvm8NnxkbUTryhWTCFx3Ynf7UbTEY\nHwW/YfIHxwOuWiqHI27KRIyuRk8VhWC5GdjVFk7NV+mtvQLDlE1TF5Wl7f1I\nJm7ZKmQ8/drSdI9RLVPWkcNDWH5Lh5OKXmx2OV8xJnSjk7k3ElNPs/oJTHJX\nd0YKINwYLwDpji50zuMUHPJSU3iA9cY/kzD3wW3Nmfwno1dy4Mk604/ZS/+a\n1Nr8RfAI2F24TJtmEDVjhltpoOkWo/kV+RJYUsHqXeadnOmsmcrH/R/dIS6N\n0Xjv\r\n=JQWk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"940ae7448647ebd59a16a94b84c479f3f7bba9b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7c7ddf347.0_1578410094678_0.3651567950722543","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1c84d4b5.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a1c84d4b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a1c84d4b5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f63399337f0ebc1f0c2413fcf3021e2810cce377","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a1c84d4b5.0.tgz","fileCount":7,"integrity":"sha512-BhkmzJrkDa88BsqglLwYLQ2gmBh7m+QeXXlzyDkeaxQKMotuuYeKbefV0iqX4SNdjEOS+PFhQargiuSm9qg37g==","signatures":[{"sig":"MEUCIFiHaqE3ncSVmfYax9IZg2EnpaXksTe3ppkhuGeihckiAiEAwW58YvYwOCbLmDq2y4zmm0WeqU1toQvna8ebNebYk+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFMlbCRA9TVsSAnZWagAAeM4P/0JXxVsfv691FZ4yZV/L\n02Idfmu8z7aGS7Vr4GZLLjMlfSbDTubQxYROMQoRjff/J98b2984nd5TYAhH\nIlox6Tk0cCJv+BhGwgXgxKA95vBxMlX7JKa87aCjbrBbz4BWEfhXdIPzDNOR\nGEdH2/a+Q76+MfDTqsSL589ZCQXUjSb0EwUDhP7FTasbntQ6jPjwOMlKDGhM\nCGF09GlVJoFjV29/2xVlhXxRmFaVu1LqTBtfC+iczzKVbbYbNB+LIpWrK+ve\n+acejFZW6SsCr9iVnoUd3pIgmBaIb7ZG25Qx8l584x/vUdtEeMhseQTF7X3Y\nL1h6ED3ZUP6PrqT2bvgh7trq2R4JTgMAhl55bGUXcL0vYRYl7gMgiBReNnrk\nQPx+78LsHu6sxzvv+JTYYB529tzgELUFPTf+scXcK6Z08XMa49OypqodP+oC\nFPH4D6e7lpufBZbF4nERn+nhYHREUueNKsilXRiTVwbllKFH0jJdvKX1asB+\ndPyJhZYtcq054GxsvjzpvgXaqQ/pN4YrbUs/MECu4eTHDpuCIzhmWGayEE+A\nCD86d2IqBQBoRKzSRhs4OUiPfYf2bMvycvPBkYY+kGk4dOBVz1XvWfGtnm9L\nKVj1L7nhYx+JNeaoaK9zWO+hYVw7NOcx5yTSVnjYR4yn8sX8gvnpeLcmhCkB\n/bO9\r\n=wapX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5ec624a1b571d87d94d5187056a0b6db214d229f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a1c84d4b5.0_1578420571267_0.8694892445940872","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec9f16578.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ec9f16578.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ec9f16578.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87a1f4f201cbc2c15e548935debfbd7650be977b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ec9f16578.0.tgz","fileCount":7,"integrity":"sha512-NE/YUTJxi8z5HE+D/N2NI8YKTuyt+bzV6G1dZ9mFdoP8mU9LX41+fGdxMUYzMLFTSzp2en7ipazYSojUAs5QBA==","signatures":[{"sig":"MEYCIQC8CxT+kXBzkWbVbcWCNurD5rx1C3DSOuA1VRNbu/zr+gIhAOuwwfnM+Jlq/0sAmc2L9tLwXLSkcN6UzC4cWsulS02H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFN5XCRA9TVsSAnZWagAA2C0P+wUYE6Qj6AQDcuT3stXk\naHmmKjXJgbcblnGSYVpckdPWgBNxC3LLnF2/EKSCCAc/xJfijLIe/CB4fhDf\nUqebdHUZEogodUhZJHH8nVUEGIMxPLxc0QdGb7p5AoMthTv3wuzEsZtZSH5x\nH65c4b5jar9NhwuVq+19DIEgGckY7WwsZVsMVEbeNz5UaTD9TzPGQhK0h6t+\nHetyY+IBeiQlxKkWGQeY/Kbae7H/OxEbCvNkvpZ3d/gkavhLbVS5OVjtaksw\nBbW2ApG/SX7D+oDohY8UyTEpIwjfV4OX2Wep3KNy2MbO8YBqEjQqKN1vY20g\noeR178H4dPCZBp4QGoYJ0X30zezTm9Ybp2gGQL1+hGMJV/0bjx0IZdSlgfbe\ndD0lvoV2R+AYyseuVLZOFexnqvW6Abdv8Go8tnNXK+dQ0Pn/ugGj52c9MYlF\njXpv81wNv+AYGtmhi9nx1xucpa3h7t02RXURgJCem/SqKW3hOziEIaA8tTm+\nep17KqRWWwXgQKvQ/x7G3vwPpj5gHolKgnd9tOEuw09C1wNb1neTV8kg8vuo\nGL6UjWz+4X5rvNZVbGrC26dE9uT6JdVuBU0gTpx5L8AkIjvbvIpz5FJ4wAx8\naOvwCcU09vgzYVBi6H5KynATobua9pzGP6ZMiZG3OTL9n76MUl8b89sr3yUc\n+cPf\r\n=WniL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"23103621e66342865b8700c5948ef9134fa8d1fb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ec9f16578.0_1578425943371_0.07951478988186245","host":"s3://npm-registry-packages"}},"5.0.0-canary.b602226ce.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b602226ce.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b602226ce.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9240cca37f3604fc314436d5b33771c6139afdbf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b602226ce.0.tgz","fileCount":7,"integrity":"sha512-2AZc+O3THhRqw+e+UqEHlqye+3O3eCakxXtpuxigOlssWGi+kEMTH+iDGrrOpcImcTKMh82h2DlpQ9tHsU23cw==","signatures":[{"sig":"MEUCIHv8AFY1gNAxKqGYUr1UDLtBbxUzu8CDmVZbbhbBakVOAiEA7VfvKKUY9vfwSa6yOoQmWmLYLWdZmztK7uopJmxb2ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFOa2CRA9TVsSAnZWagAAvbAP+gO37YSGj7rA6t/BDnuC\nov3w4F/gXw5AT4crZnVfFEZWQ/iomgbWuGpc373MdhB6ZBrCQPWF6zme72mT\noteN1Ewo3MBDHfbnACptnoiasv+oHsn8PT1MQqXqA8gpgjF6wTsQ6s9Ez5Q1\ngQceJ5I9B8xzm4hNuIk2I1yUKA3DQqW25/h2PfPf/LW8zbvN7strLE/Jb9Iw\n7D02meXr/jU+QHBNyjEJFnvwYFPGXKaxlfYgxZ1NzVm/oPjhsclGnSkQi34C\nuj5Jm7MKXY35B6U/2xUrP3QTjV3bk3k4mzoGlWu9iKq+ykbZFuPZXnybr590\naeR75/4vHGilSWv8Igj4SNBwNgyhJ15EGF+1wChRDjEnZTHRq8C2LHjjRwCG\npiJM36bWJbKb6Fs0kewjsZxJldBDScp4paal+g4IAawQVGYgivrVubGLskQT\ncwOgEVX2/e25Ev/rA8Ikw/QtxTYn+AzGgodZFUus9WVu4Wp0oExf88P5aR5b\nsBG/y7ZzvPnuhbIs5FP6j4+XfSi+/1ARLnIaGjKYAqg4CX3KMIJnsLF6HjWG\nSQ3EOUmQR6LKXS+G+QI/pG0lATaaTsS1WmR/6VdVIzC98Um4jpFtZ3Of6AFA\n8FJRIvQOcvRdkFXvs8U/kdVmF3sEbtbEFWmwRNHCXG3drz38Qc++OwwKEsPV\nP9vt\r\n=WzlS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"de0d35ec6a5285ea0c12a54a6e35051ccd0aac1e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b602226ce.0_1578428085851_0.610891582767664","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2d2dc08c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b2d2dc08c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b2d2dc08c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92201210b7be54fa28de0e8c849d4b275d7ac576","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b2d2dc08c.0.tgz","fileCount":7,"integrity":"sha512-c9XhLkxKh/gTcVyZFRjNr1BMfNlcsMgyEYVh1MZSwZupJRcq99JOOtY8l9Y37GPhafy8W3MWMKhCc6sncFhqOQ==","signatures":[{"sig":"MEUCIFP0U0P8gf+AlgwdB0nuWmIk/hbQywq29Ny4UlNpwqlVAiEAvpw2EPgzEigMfdKFwfJw/bXux6EOLPG9jvhTvODZOl4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPdMCRA9TVsSAnZWagAAhsEP/1BsBIep/Qat4nSETUcW\nwzqYdVZb5txHYs46wbR/03UqXjSP0l6Iaxg4tYubopOSMhvTIOD6YSX9ezqq\nA9uQNahVbLnQI4V8LOO1hr7XLVT2UUt8MOE5Z5VVTtyOZTVQ29L6LN1MSoAc\nq9IOgCmgVktclvKPNiwgAQgMFjTSycGEumNsxNW21HrYJ1ZOvXEoA/gIiV+m\nmNYjvschHqFz6RMYaEKNtjkU/oALIJRzcZixWK8KBanfJqtC2jHafEf1Qc1W\n5CAXN0ZnOW/pwalONQerNOduSPaFLs2rlUjltHYRnP6G5stLyoC1USFLZ8g1\nQkIG995k7TBYC3ehNwWJo1m2os5E/d/LvYUZHr4vghJq7gxQ32qJENO/O/+/\nA5XmqrIzdLNJABLNhE2v/cLAOF7/tDf2gKmDmLsdcfWESxSyjbhas34PpdC/\nGXE0KujWhztxfG/Rm8nDgxwVgnnnPps1lkXQ7zUjSw11XzuXu/7t6ZkrMNl4\nXLzZpj9qKIk3m7y6D6831XZ2Bue0o3Qf4APBUezse8hXIJefKI+9bxBjxKxH\n18nbEYRnzWILEn5IyFHFJ4CG4lzrMtzADIgUOL0d0BAoLccp8nwWUrCvf7Yj\nx0AAg5Y3zNPfMkxfdLnOU6ru6nx8B7a6QKWLJXLb+ykibE/xr0HMYXuGphmR\ncEyA\r\n=6Zgi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ec9aa1966e1f2e307207d815ccbe3f16750af94c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b2d2dc08c.0_1578432331635_0.321173621410239","host":"s3://npm-registry-packages"}},"5.0.0-canary.61f2d7580.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.61f2d7580.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.61f2d7580.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4302336d6a77469e0f84b9300351765d8e3e1dd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.61f2d7580.0.tgz","fileCount":7,"integrity":"sha512-1RwrKuXPyTE2MenXlLctj6vNdmZG5NYKfzq8Fri3xH17uzVYenKDYLVhWPTEKIAtDyuBWKkJgZYJsd41cUVLtA==","signatures":[{"sig":"MEUCIGqOmDHsDhfFBiWApoxq/l9rf+msRNWJdpqTvoZMkjArAiEAhh0Ku1STiYBsqpeWdchMVZsfRY049y2tuUzfqaAgEFw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPp+CRA9TVsSAnZWagAAWZoP/1KmpKGkd5SWOoIrcK6X\ncnqvb/71HR8YCbbnBX0I22rV6XMiZDURMxC1L8ruIUrKJ0aVVY14DSMPVmX1\nHEpNcV2ycdmLxUgJM/YK9k6Nzy6eR6zx4CKJkP4no+FKgdMj+WoI7ZbEJWmQ\nFAG/wtJGyMrg8zpBwd53wL7mRFF3jqOd6L4w1nIsLpvhOtUemM/eeBGFitoV\n3KbbTaZhmhNneXt7DrR1vIW7XktZvLhJcGU+o/Id/Xm2jGS+1ZjwJa4wLOxY\nOKD7/N5pVw7yjraWY9Pbwn6BynYyhRySjDi2NC1fyrclEbvD7v9342e/Qcea\n/mC+K2iYTbhnI8b5NlX+jLHsYkdYUMq7PUGiycA5pGTfwQ2vC5n7L8zBpaws\n6uzVUIAZtLs+8MxNSW3s/TqsMM97qWXfiAcpx4eFMT/R/4tGPKzTogADu3ql\nk3bIL450wbgUSZYRc8ePb/z1+gFKHE0FuQADS+8quWjAJ3cjMffBStSPFwHT\nmOE+VfNyWJT1gj8btEX1G8P2RSEuBjbc5PWyIAu+VN6Gn+bgwFFNiUdjxoGu\nwWYsDSTqrlp853M+35j6uQtbMB4SVfXRL+/NhhzTiv/L48xuRHjZoTCc9JO+\ni+OfHOuWmM6e6NNMEGeB8/z42kJ6WzWxFms6LnA9xB8A0REaLsJ9s2LIPVpn\neKsP\r\n=7/PV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a826fac64c34ef89005bede280cad29c76346e55","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.61f2d7580.0_1578433150364_0.3295868591666362","host":"s3://npm-registry-packages"}},"5.0.0-canary.d1be53a2e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d1be53a2e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d1be53a2e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"348ef599a1a278dd2a3fbbdcc278e102b9ea51eb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d1be53a2e.0.tgz","fileCount":7,"integrity":"sha512-IVw9/MJbqht1CIkrF1aKhhKrDoAaIPZTq5qgGtWmql5WhjfZg0HR589rO1SIMp34sHaYKr2u3q8NtcbOR+/bcA==","signatures":[{"sig":"MEYCIQDCw3pf2iStYbhlFVTltMQIxuB41phwmF1Vf+sjYoCeJAIhAKjMevIB8KTdZGcZaw27zDk/jUhKXaDb0sMnd69TPqtV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQM3CRA9TVsSAnZWagAAInYQAJE13+gm1ARsSLKsDZ/7\n6nKCeJ7ULOfp2KSKQ2hKv+SJNsKzbp6pOqM1FN6VDd9IYplgEa1QtCiFJMC+\n9FOTSrJvnR9pnd2sRsnijC/mhxIcR5/lqt6Jazk8s7o1IukvAxd4xaaHjlSz\nYot2idI2Bryz7cq856rjud8H+M/huVoCtxTAr8iu4DBvnGy9HGp6ASAeJBaX\nxuzqcWZfZHhASVsNBfRfuLX9Be7buxZWKDCBq2DV/e9CS2csJjYN9vq+jH0s\n/bBiNrjxvDccLzqZBvy1VSO6q8zl1SH8zzyUC7dq0b9YhRuNx+qfanmt6FDX\nhQKNRIto+mVwoZrzVew7c1zIJ1JsL+wPAMykKR2omo1U4aPNv/zV5/9XyWU2\nOep6W2TOWy+JWn6GkAkTbKghh+SDHfY0WpnpY19e3YBYNdk3xAZhbGQNnWOJ\nwuYal/y+kutWomJxKBA6g9p5EQCO6u7XkJqvxxn2FnJsPwqinGy7C2cSvE16\nIGiAslOM3Xp1xzHjwu/ddu9w1Wi7hXudoeQwDsL+yiBa6jAavabiQKzTv0oy\nCWaV675LbuOiNZoCaXNyrs1WNB8HWF7ZANUYKbdyr7GfZyEfkemxkpm1GR3n\nLROJraDV8vbOdvce94ur4/ZmA1nuvKLUQAq/ojc5PLnGUsrAJwe2bnEx1z4S\ntXYO\r\n=3A2t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5053f71f9a35d62630821c2c4084794f7bedf258","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d1be53a2e.0_1578435382867_0.11228109915178242","host":"s3://npm-registry-packages"}},"5.0.0-canary.9b0d06e32.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.9b0d06e32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.9b0d06e32.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3dae38698e3110226e6b64b47a431b7ede6d7f55","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.9b0d06e32.0.tgz","fileCount":7,"integrity":"sha512-/MmGb4HQbKFXahI7EfVNMPR/1h2nRBHAZ3j1gAAYwAw+9s+9DldoRkiFw6wyv2dcrLQ+8stxozcJoVkhJQ8bnQ==","signatures":[{"sig":"MEUCIQCrmCBMFmY6vgk54WXjxgR7ZM1SFNsSLOSMXhDmtCHWXAIgYom7ml7dx6hdr7Fm/+I3bJMGGdk59waZpkv+DxJ2g5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQPLCRA9TVsSAnZWagAAbNsP/jehgmsDF99dQtkLKsE/\nOEldxTC4/fW0hGQQAlm220C0ZXWUm7xD9Hj+y4CqlZPhrSNLaDYOLVARBUHF\n8Sh50hIxlWGY+BL4YCGpp9UQR1zGGcPzlfeTLPK3UPI6Y5swxryIBDpA7LQG\nRp5vZG/GEe60na11V5Ix5TCfMeGbJRPqYvHSp/XQ/qmQj9A2PPp9mNzfJQFU\njjzBgvlwKtU0jiK7Y6t5Zvxfvb3du9fgwG1wEC/zwdHyYafoRhDfcirJMaU6\nX/G4ESJRo4qigq8j9P4A2dHfCON2Y00Tq+SaV8SjiwJqAnQZi/iShpOcSwwc\nb++wRazdDCcKmMILO1FqP5tYZHH179uw/El9CEFuu3WAf50sNNjzc4thOJFN\nS53kdMqfbfyHQ7H408/gGP7XFiIdMMtx/AhcWWhL9Jyl2AtUI/dNB4uXJSA4\nmzYZUFj9noBAic1hAJdyzpB6GDAtAlec35YAHsQxbeNP8urgJg+3vUUUMYP1\nsc+rsJpR4cVgMs/0el8iyuauqTCb5PBYDnl4ob5s1i4TWfHiVeuiYeovPHTk\ndsXjMtuF9gigKmAFUA+REdpxzodlVFbEpjsWY4oXUAm09JZVXaq0Yv051/yh\nFWB+gOpKF3OdDfNS+qulC0RBw0DPbKb4R7UuZ0W/np5D55fs0DcMhkjRic4Z\nV1Y+\r\n=BqHe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"485fa4920288a2a37995f4c736a1d429de15e53e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.9b0d06e32.0_1578435531497_0.2586083221450559","host":"s3://npm-registry-packages"}},"5.0.0-canary.730c807a0.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.730c807a0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.730c807a0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4e5ea7ef53aa029196e84401654b519b7ee9a77","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.730c807a0.0.tgz","fileCount":7,"integrity":"sha512-bG5++ewv5ZrWtb5Xp2lGtDuLrpvVWrKcjOKa2pDK0EV9Vs6Cod/5TY93mu30rq31ZQf9KQjC2RTjp1sUoVJzHg==","signatures":[{"sig":"MEUCID7gcyOGl2fRz03wJoX3VsmUjxlAsCTvanydngpmlI+5AiEAsHEINXgceBVjxOjiaoDvsMC5u205LMEmVpPXWGSQH+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQQsCRA9TVsSAnZWagAAjDAP/AlI+jT6vMd1vOsa6mKm\nzv+7wzccjhzIyKH8jbobCrifaDWLh2OthLltlFFAcCkaeDCy4E8FaEO4FZJx\nCSTE9ZY90StuBcfjaMPCku/cNoVPqwTB2gyWVVqnaps9i+rhR+dx/7FDtna9\nndEFXjufLxgzTcOTxDH8i7C6PBf/u6JgTKlabfT5iH7sGPJGcOPCaFaN/hEo\nseDPwEnhNgW1EzqXXpQXLgd6CkicVqOBK+0tvLZ8lSzWu+EUI/aY1yhUiugA\n0Fsw2kRULmO2ZE7cu/06ynFod9L7JAQPoJnoiyDS0GsxnAjIY2yVQbE9q4jS\noHSLl5hYfIdidOlMEYN2kaM1+gAKgv2ixiQKWOK+NpRaSXFJq2GvsYO+G1b7\nAWAEe2uDyV5nHtqIPOjUr6KfXvTU47wIQLPDmS0x0WJFxonSvTy/BLmyrwex\nsT643MugcDEiQR5a1500bDNyHN3jRL/X4zt6Z4EGocNfL2Xnr1gdEflCrU1P\nqoEcxlb5OiUraBw+NQi33+q2ZygQvbbzqApi7zBs4YZpPI2IhnvxP5L5NKfA\n1sb8LSpQtk7ezluMZ1L7ZUXd5jSR1+QcU9UPRLuHPnc4snedL9JC38mCaMWB\n0zy/01QynRgnu/FrmAurAhf1Ob32qWHqYCkY7nbIc5sl5WQROyRtrSFhyZPs\n2p+H\r\n=RRWZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8860f1c513146b0f8c59a8c70750d1353e61feaf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.730c807a0.0_1578435628063_0.22082852603293612","host":"s3://npm-registry-packages"}},"5.0.0-canary.2213152cd.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.2213152cd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.2213152cd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d50ff84ef78789a0ee3e441f0acaffd7587a816","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.2213152cd.0.tgz","fileCount":7,"integrity":"sha512-Kz+X+AxWwAXt5BqplggXUVFnkd1Sj961IR3Dst/X9wxDosR5S69e1I9e30Hw65aXnlFnzqq8uVizjg3uuOWFVg==","signatures":[{"sig":"MEUCIQD8MBAlOxfX2473WH9tHcSvN0nlLeaVrWIp8K9vDZ/jlwIgWqavpL+9hieXVjIsTYgDISrl21h6u4lT0coWsKQGxDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFg+mCRA9TVsSAnZWagAAwm8P/AhpabRlkwfr3pU1FOX0\n6Z4uFBgO1Q/uA08f1+6q1s1Uv9itC3Y/tZlsh/hLLcWQ7klOu7tDAzh6p3wL\ndfU0XBD0V7WEXUxMktj66uXJZGjU0vBVZZ/7kkzC7XjXhqPayuAI4Y6HvFg6\nisRHUHiOVSXv55GE0eqMhIphNGPn7Sb+k1izPzW9fKcNwGhhBhc6y8ijHApI\nHqhaksWw6hK3cjzf0ck6ugys5Q6YIFub6IK0+y6ppkqHellTc6cqtst0hgAq\nCkVd22ggHLPKRA5UPpouBcCZyQrUDrOhkA0Iy9UJ+Gz8PGNuCo6eQnyjrnH1\nQAp0YFn0fxYRb+4oExZKEhFeXaDFYez2c96ORW1ZTgIdIbN1xzGOa7v97oYH\nIm86ZAeTdvrQq8Ahkp7oUh5EdMA4//bnH7vCp2RhjKwUGMja5JQ68OWzd/TG\nZwyI6Ep8XDmfR15ugrCXPNQR4N9TTRU732I1sfcidM+5SCPMRPr8F38flK8e\nOVYhZkNa64nAujJLd3zS32rJO8CLCZ0F5LNwnXlsqUMXqItgM0oWz2FNBC7P\nLxgQL1JMfmWEUgwB9sOTfSMzHP7ZCOR4ASTvAQMMh4chG9i/Hrs1aLCqX+Ia\ni9mucFvmTccvEUUzXoAq0e62QGAK80w7eb/fioO4AbC8aAFue3exOOa/S9uc\nGrqq\r\n=LSvi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a3677a82eb2000c085d0cab420c907dca8cf13a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.2213152cd.0_1578504102376_0.26313963533766205","host":"s3://npm-registry-packages"}},"5.0.0-canary.5750f7169.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5750f7169.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5750f7169.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b3109290792c6e65c93689293f038f9a8b7b972","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5750f7169.0.tgz","fileCount":7,"integrity":"sha512-V/cY+uvnfzubQv1PApGQy9ufO95Rd6HQu/+JrG3lERgvWR7iEyuCf5ZsvaHtCALTZI7TCaZn0tPS9BcYwksDYg==","signatures":[{"sig":"MEUCIQDIswHzmZUwrZPUo7XnOPHUi30pl5T+UDFJQg+CqdvGqQIgD4Q5ttYEEJ//ML23ZEbSvD0vQBljZX64CSl+vNqtJ8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFhfBCRA9TVsSAnZWagAAMMwP/0Ij7TdeADI26CDYuGRz\nT/Sa03mfNRmvUCgNbSO05v+2F1Celqa3+CDz0LYjwIgP+AT4N+TjiLhdmq9e\n4CCKWA6ftzFz9tlvH++sJAp9WrVndSoKmRYS/MlZoJOG+g+YW+WJePTArdGF\nYPeQiYQIUbXIp1kZC7Yh/q52xvIosdrL2DK2eY+Oqbe33rVhWinU0ADQEc27\nLtDj/+yTr43UZD0yilE1DAa4IaxBfKT8mw7rAxDrweZwTfxOpoOOBPbekrR0\nDR0oYrNxWTV6q8T8/GzRauTsPBhcosi60eo28I1euG4kE8Qqv7iUm0c27CER\n+V7gYWZU4yvrOWwXjsAancaGwycoszm2QC3snWj2vuuTm9G7cvBmze+ZJMM4\nOFpfYtjnhcji9scWuJVzju7hvdNyqVAQ7rVJc1aqCcz+m63CtdyP1oxOwnsF\nEdSIqQiPL+fZ8xDHI5ubxCB+3E76f0tr/mdYTj3PThQINcjMjLlxvEuAI+ZY\nNTWtU2ziB1wUIAWc1nF7P7yl1RfXwhDt16UUBuPa2XJJmWdUutbhRjnyxrty\neEGBCvZH/oyZ4wEEmWHtu6upvxJ/EmelYHpjW1btemYSW8G4cb5HjGosU1OY\ntTi93j54vSlgHbqBym/GUFhQdzcpL0Tk4hMvBkdase6tcMXj/J3qwaGLr3rN\nPiNq\r\n=IK94\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"394a48c85aa714b74edbf6f2b4172e4b066f604f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5750f7169.0_1578506176988_0.6415925298091476","host":"s3://npm-registry-packages"}},"5.0.0-canary.f7abc7a43.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f7abc7a43.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f7abc7a43.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b2c91d8a3b85430689e977892aa8290163ef2dd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f7abc7a43.0.tgz","fileCount":7,"integrity":"sha512-iE4uS8KY8Gv5RlNJbIxp8SHfsOVBajTa5TjYGp/+qhRpca7UDfKZi5mP9vdlxIh5xu9CtFp5+4eGk1ZPKstv9w==","signatures":[{"sig":"MEYCIQDbyE22AtD+E9OVN4xLAQue9m9mL3hKGj3nIEp8i4U99AIhANcdCMZN3WYQrGXZxuwjpk7Hp+SN4mVMYLg2WmyZ3k5y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFh8CCRA9TVsSAnZWagAA3BUP/iImFUKh8qF+eO3RyqYf\n3o7TWtejG96SPX3ug0lw+F6e4T+cUqqqc3Ybh1fIkIgTFrHoZuFH+hFQMw40\nlwqpl6seTKCjuxiMOeBhfxowBhs5w4f6T5X4WBQNRGJ8odrRHQ4qreH0ftCB\n5OSIfTj4CRSepvc6jVrMGbDYvgXgMrz5KGEkO6iFXSIj/KaJq8OQ2iE25nsV\niCNcYbKktLBvk9F1Oz8fLv3gDg8nCPV1bRc8F9oLoREe6G+qluL61KnRkygQ\n8IL2J2TwYx0eLSr+vS0oPXHjtNKxOf0e6w94P7uBGsVBpmU97ChnpYSzfDAE\nhtfW4eQQbjaNh7cfZzP8nDrV+5HMKl2sqGK66pwX5PDIyP6Uf77YAO7/QYMi\nTN8SDjsitutIxHtZNM0JnKaXxz1yVFb4iB3iCzaemHPZPjk+e0i7h2wBpD8E\nytwbrqImAnxoMSF9XKjTA38AwUcQrxMJsBbOJ9p3UAFavcjdiGWoh1B2//AE\nEngYVMXI2zQTRr/XT1cisWC9SS1iii9u5d1IBU06vKQUrbJabpPZOipM5cmF\nU/QC0gXB04fojUqLSxTe+aIuPCH7olhxUNk8piZ/JPrKZEriJLocnVgglQsC\ncl71Q2teygDbPbtRTNNIA9bD7CHYn1GxaSk+ZIpRyPvbjVlPTPDQQjmAomUM\neEi8\r\n=9MCc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f7431b4b45a3e410e9cbc1ae6abe69c3b00221c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f7abc7a43.0_1578508034388_0.053618554860499046","host":"s3://npm-registry-packages"}},"5.0.0-canary.bf7b4a061.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.bf7b4a061.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.bf7b4a061.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd5c74f17526cf5f43a729b77ff6bca3559701c2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.bf7b4a061.0.tgz","fileCount":7,"integrity":"sha512-HayITXW+I7ZSPxXluZ5I8MGIhBGGreyb1vYDpbQjIt7e9Sm6agSo3YLMWrweI2y4VFTCmwdwEbpopMngZI918w==","signatures":[{"sig":"MEUCIF8/MUcgKjUuehSYfvdRtUI7uDuBo9WY+SKLpszhf3qqAiEA3g88ZJEuqXpQPskimfEWilt3pr6/4T1YCWP5lRRk96w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFiI9CRA9TVsSAnZWagAALIsP/R61ZQh8nb2JhtsQXTOI\nKWbMe2gmEcXzLw5ZbnVT2HoOoku0liKbH8qb3JOiTeXFTHuEGvOQq8p2xEZ2\nI4vocYQ7P1j34QV8wyWrbXcHcry6ivC8cotrkzn+E5comgdAZP2n3Us8cqL8\ndgt3eFhs0lEpilSs1t+8zNAE/5r+NkeujT9xcF/3zDA1ORXB0/w1sk03aPcA\nIvfmm14jBI0Cy9PnLiYDdB/MCUNUtlCZjxEXdh7zttDmnqYZaIrwYUlWM6Bg\n+Ca1Ku+jNsQOX2kX+u/2MeE8M/F/h4wOLMsDym6P2p8ANDJz/M7/5PhLgMve\nJxC1dok4GVRHELXjz7zQz9/gvw7iHhrtnQj+kAdOBngHfG77aVrYA/aMlsm0\nLF19OXAoWg7GgjYGEyNqtu1BS4y435K+tWa9pmP0p2qxmGs3hgRaAUPKgDjk\nLhsFW5/L/J7BeU0VBpfLsHjKgpmjw1Q7R0UKC4cf/HrVCrQiO+vO5bwujLsV\nzdbcJfbpicl6xrY/OWh5gZfeXvjlSgoU4z/OMmgB7CszBi6RuMJ0hGnrigR6\noN946HzGbKKXdl5dIey7GEK+gOrCtxqIWX1qYCShz8IuwXV6OG+Ykjk6L+v3\nccPkfQLS3PMmSiZD07dBCQNjhnG4HZ2C4pBaSO3K3Y1gFi9RALUyewd1V+3Y\n/3+a\r\n=QcGA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2cbac03ca7852ef897dec80561a01faa8b537228","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.bf7b4a061.0_1578508861474_0.1672252225623858","host":"s3://npm-registry-packages"}},"5.0.0-canary.784fa7903.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.784fa7903.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.784fa7903.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bb52f03a532a41440a5d26878b2e5f1627eaa70","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.784fa7903.0.tgz","fileCount":7,"integrity":"sha512-zrOzQDdBRGhXPbDxUdW71AXDOVZYT2HbaYzW0T2dxedbKKkCr+bQqA3gfQYjMCxDhoU16Mvemon0rAuE8VHx/A==","signatures":[{"sig":"MEQCIBN21uNqzm8BVu4p6Ou3163TE68oralw6srqrGuBYvCgAiAoR4wIL9NYPTZdQfXlzSl51yHRnjDWYfDORiHQsXE8Gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFij9CRA9TVsSAnZWagAAa/cQAJzHQON/yUJz1etR0kMH\nvmR23MNdsxTJkcHoN2pMDLCJkWfErRfxcW5lWrBA2cx1cuB/FuUhvevdQ5xp\n9JgPRp2foYabeDQ5S6io5k7i6udtkN2D++Yyr/gE/PNcWPp6juMMaetKcpFV\njGKtJo43czDE0rfqQULJJ7dU87KMs3kJ2nIWYnZ5MNQHpggYYZGpF8LTIDAs\naiANTT/aqJSQCjiF2i1wG4Qxnh6V4jSd6tO0ttvkq847Mapwe7diNrip/WHX\nwssRFHsJQXuNUkWq/hMbq54HbSEUOZYjCeXV1Kz2+I9fV9wXf8obCRb280IP\n9s/usQik/U3OejuYrQyNNuX72VDpI0uommK4Oz7AL7QtbI7krHt3a/Gib7HU\nJSVlbQrQ1TwePoZ/z9v7NrUUXPw4Zxg4n1Ux3pVcnpgoc934BbIuaDLaqIML\nuwqTfLowPOetpitBfd7DESLzSJVfUUSiya3nSVeBLtYvtyyYADynchTopJaY\nypt0dVat72J0oKuPSlxojGa5sUnT73Fx3Xf8gArKbEvaApMJGnXPmEybEZEA\nm/bl0gij6Sy0bXBPR336U85SOYPWog76QHJHUbdD9QZoqINJo2TJ+f91nhg9\ng5PbtjLH94uKa4aF5OegOQDBINXcSfp+5LF2D8touKWqvMxh/poI5jPoDSuI\nCMHQ\r\n=D1UU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61b0d187c5c030042fb90bb59c1ebcd090186cb1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.784fa7903.0_1578510589413_0.6212515089643926","host":"s3://npm-registry-packages"}},"5.0.0-canary.823c050ba.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.823c050ba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.823c050ba.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41f06b887a049e9e876b7e21c6d9d4adda03021b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.823c050ba.0.tgz","fileCount":7,"integrity":"sha512-mVKwte+QPkLB/WXb+iGfHMumrspDg1T2AuGOBJNc3QDKtQ3YZVivIvo7SXjZFyi1YQdFqy45VVml2AUmFn9ptA==","signatures":[{"sig":"MEUCIFAlGMbObeY1aJWlZVEJ6T6whPTkuviJRvM7uwOSqNLoAiEA5XHvAeRmZ4NSNBMgKh1Y1RRwHyqY6jhjuaZNCaLwSJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjcoCRA9TVsSAnZWagAAgNoP+gOZX2pIUCx2mfirbySg\nM2xstg1qVGvyrPOgLKt8PbAAKvSh1vBBwtAoKjL1FiKa0hl1D3BzxugJGea8\nIr7lpZOrelJCUJSzzoa3giZWZz8/ozO2aX4GyLQ5rPO2kVxESPNXm76nYlXS\nomN/x07qu8PWPN98TeCDDwXGmLGrRgMBNFvwexCaNi43lNkYuDqXKx6yEFTQ\ngxB5xMw4GK1ok6DSX/wLHSIIsW2lhk7szBiLKT8f9Kk/tigbbIZRrkkvo+iv\nnZd2k7rl/eAoUbIaRM1B9uJdMONR/F7agk2VnT6+ARS86s6xrp4oy1PNNO2E\nJka5BEPx8BdjN4IA5vMcpR4Y4SoHY+Dx69ht7kZ1vyehxS8YXyJnKykaPhET\naL7e/o1eAzpkIwD/wl9TVxOVGjd75Bh5CBVzCdUR7qPKPwEQLFjBSd1+UrmW\n2wDV2Tf6qCGC9CxrJP2XV23WtxpfU242L1miVZq1SXfi6+yAWFhG+jXBwp1V\nLuOmZXwQIreRCjZQOAVqKL9LREZdd2cRJbRrXg+RWnwMVMi5flk/m4HoLfC7\nFKaViuV3RQehdzE1Mw5/O2YrSbnH20s5/aUcXaN+mZL/hDshETRPniZs+/W/\niRWQA7gEtk1o1PviM3VpwkT5HlEM8UBg/AZfkXtAHh/xVYSTFSpNJRNZdKXC\nW4XP\r\n=7JTJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b08bf7fb482cc6c0e80d365ea2bf510d80680bdc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.823c050ba.0_1578514215691_0.06648500139202729","host":"s3://npm-registry-packages"}},"5.0.0-canary.70c708dee.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.70c708dee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.70c708dee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbddd3fc1b03669b44a3f531612acc425ac7b16e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.70c708dee.0.tgz","fileCount":7,"integrity":"sha512-fsKEQmAV4mld+ouLHKRnTzzFckk2zBCE2srjy87tqw+dg+1HYisMdkS3PrxAmB0gDruJGh+Zs8w2jnolBdwiXQ==","signatures":[{"sig":"MEQCIHwmJUe8pNBd3JG1b5a3wrm3j6aWtKmKqmXqUPw2CGuHAiBsQ3wW5pCjMNsbhdYY+m8Vse9htOEXTcNdYLyjHyxeng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjnJCRA9TVsSAnZWagAAh7oP/2eg8x0o4vvI7hOm66X7\nYPkV1V1ndcoUGTHk94aG6A9HTH0yAIkVBGe5M2pT3GGU4wy1bWiO6R3lfo/N\nSJFQCQW/7+d1Rcbwe6RhNWNzRt2OWs8BlB2QgiHwXJD1wbeJyCLEXP5W+dFB\n5vPUVe0RRI13vbU9f7wcOlD48rEBkxbcD5dSdVSeMrehJDw4kWU11EVB5BZf\nW7c0UqM4fWbqLgYCYd1nJR77CpU4gxug8lRX63tylWJbMsKoEay/eifO1OCR\npFHHCVcEYdpz/y05oQ7aUpOnTCU5WB2JmkYodqBlicNrL2HZObGsP9UbJQ1Y\nN6V2fTGeCeuVDo3+3QHW6NlGZhTmnvh+Uk5uZ1YZgI8xen5gB36QDCRgvm1H\n1RgieA2tiq5PoGtNNIfqThNd4GsT6NN+2uFptuZwSh+Yhb19JAG2sZAOm0+1\nX4FagyJrIiFhfPTVggZJA58LcU1f3RV9bERGD4qaengWprrC4NnY/mE2rjat\nhnJQyiJXj1b5LKpx6lgyh6/5J8qZpYqj2AA/ebv5hR4T81s5hs+YifnUyc65\negdmBwy6NGh/E1di3xo2keURniF2N/5btojt2qySXJNkNdbSsGtaEBrrNBXS\n3KsmzNbRn5XqS8mOtcjy5Q3Dc8kemzrB65ah13Di6BOQGkSZKHOR/hg054kk\nCpUO\r\n=uFCU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"096bee7c4a6fa97b650100f3d0e0cb484db375d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.70c708dee.0_1578514889474_0.7605280337062066","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ed9d13d0.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5ed9d13d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5ed9d13d0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23b1af7ce0bba807986815a98d09c1ba918a70ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5ed9d13d0.0.tgz","fileCount":7,"integrity":"sha512-8M/1jjtWRBP2g0S5eZ5XXYPw2J5j7FCegP+x/JimtAfctzF2dqde40IyIdXaNdQTNxTWbXKWnuN85OlDyNEg7g==","signatures":[{"sig":"MEYCIQCFqIYrSli6ZlxkEo7KKCcTYnhYG8nSNdtniKb3cotAtQIhAKOB7re+LikYgnhjOVqf4NfWtjI8wND5WVcyWDkZA5Q8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFkyvCRA9TVsSAnZWagAAwU8P/0b8oJcnOoPw87cR3ztg\ny+prh6WsPkegFTLFDq8ab5/RSfm50aO5DCaUinQva8Rh1oBijErQmx4G4bbB\niUHFCdXe0G2n3zg4D6p0AJ3l3frrAnMixK1eA+8jfJVyApd6x4RvgUhU0zuQ\ncbWRs7uJqFrKmS8SSHpBddgjpbM/zWFxFwzupYMrmnh4FVPtYj3gd5ua890/\nPghTPHUOb5RcumEHaWXlfRqQ8kMfNkPnMhmETr5JwnYYOPm3nh2M4he7k5j/\nylhWv9SVPKHR6tRY6egJxzSIpJyYVnqJ07DXLOj0F4SWUtRR7HbVNWIZlKZu\nG73Vt0+Q/Uk85u7rYJOZTL2Xs/XW1pFOMlyDB4SeDARmKz6kIIomMa/VSO9E\n//ZcOAZYaJpTX3k0sCP/Zibhx5HYnAj25p8zWy4EDxAHGH/Rm9n6/h9RqNRa\nbwn6Y+9oKyyUflehtpHVKsX7nK/DwGlnA480BBJ/RcI6yK4RiiYp0y213N8x\nBK15aVnGsFroMEy+J5uL6mUzornTHgB660QyuPfBVBPHxe74B+IssA90qyXW\np+je/kx+/QApdx8+c99S/qldorll/pSm1/PwQk+zuJkc86oGEwei91yxSAg8\n/Y/qcK5y0e53UoF/w+Px1D45ea4K17VF1qkkOyViM4HmKdmKzuuLVpqiPy6I\nIlbE\r\n=XqFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3c9ae4313970bc3335cb0223b3e10f3fa3ee8ae3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5ed9d13d0.0_1578519727022_0.4898225477480309","host":"s3://npm-registry-packages"}},"5.0.0-canary.4819cc7e5.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.4819cc7e5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.4819cc7e5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4cb244f489e163650658418816a71818da5d251","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.4819cc7e5.0.tgz","fileCount":7,"integrity":"sha512-BaUbAEvEgT41NDNbcpRtTUJIKsW+WSIf4dDdV8e0zWf9MleZsjOCqe3rx+6dUaElBdFqjv2k1G5SHmxNP5C1JQ==","signatures":[{"sig":"MEQCIEaOnhFyebEcunmoJUzY8a8h7LlauuTbnqiHpYTrIb6EAiBcK2PdjaDrFFstob0XfTL/gV1fFEBYbTY+y6AXv8w1ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlBKCRA9TVsSAnZWagAAz/4P/09WTat9kicQ+pcKYzFe\nAhZ2XYWze/ZrBJ/s21Tr2qnwEwMRqxbPTsFPludS7X1cLZzPtVgOuV070ahR\nCFYPMmxZaYN5D3TdPEO31znfw73a27HJLPesqR28pcc+g0Qj6i6lECVSpeGN\nz8Fe3ITBm2mQk98CoVoaaTQfUrIrbRgbgWeC0sSVViCpCHZ5g4HFmA67oQ04\nRA0YkQxPARLAqQGqicmcTDzhLrUCK+Vg8AdSU5GLpuTOuiv4lx4LgSOzGYHQ\nHIqscBokTRBKrG6BNcqHHnhvEwiO2fGlV0jDbtCVRR4jh8Pf7/gF2PAf4Wm6\nQv0o0BsYMCVtY22qL6QNM4wtbpeLjrAPGDU+XqxtbjUZ9sMH3YbOrj1HLj0T\nkcQFV6wxWOZCsbq9zrq68sIYZRQZijD1W/Q39f1TBmKfSY0WvSTn+r4TqELr\n33uREFhwl9i+C4VRiR3JAiFk9Qp4DZbIkC5qZ05FuYZA97czJCybnb+C+oY0\nFJW+W16cvjd/whoRElsS/yK5mEzpikECOQ3fP3WOOmY1YU4zYRphBRzWZ3x+\njXli2lXyO9CsmXYVxxQfXkVRfaJcv6ZL+h17XvzfyKA51EgoHjU26faU64kB\norVEA63TcL3/hUVPsilyjIzPAFt3Pw5eTXrUXRnnIwFw5rkh+RUmSCYm00jS\n+hg7\r\n=GSjH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1cdb8bd7292ce5180cfeb2b5ea0cf8eb4aa6a931","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.4819cc7e5.0_1578520650594_0.19274000702355254","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe3ffd2c3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.fe3ffd2c3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.fe3ffd2c3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55f5de593bbc654ff32e8bf18c487a2f0da89907","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.fe3ffd2c3.0.tgz","fileCount":7,"integrity":"sha512-t54smou/k/3CKjSHtJWcfEzSKpp6T7yPcfR6ZzqpefCRnPb21HEOLt82yfG6bFGa++lQnNBT9Q6oyPJinX0SCQ==","signatures":[{"sig":"MEQCIBaJPk4iefLNDbHCGSiIfPJnd7ss08RRxToa+6H7baCoAiAn+oaMKg9MNKWSJSJb5beKlKdmejGjZtoMo70mjgOQ8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlSPCRA9TVsSAnZWagAA+XQP/jfSzx5gcc3/fpzt0WU6\np8cZOkAiT/Edzz5LYbHptCkFyvxW5PAMAwZvf3nUoC+UFEADde5rbQf/rqZ/\nWvBLIgIQnvbnVpDc2RUM0K66UDPvvljnM9z3FUHak4O+vXH2e4BR52byfIxG\nugp+jIXG6E6DI3VzmarqrIp0NXSii9yNIrQhhVytj689Q2ru1CYQBTUNE0NW\nH2vauAgkMNM3KyS0uEyTtihSoqiwXr4y4NqxDUJpuxPn0uaS0qYcBpnt1qxP\nEmFgrxQ1T4A56UqnNRrakp/LPFS3JTQz97mvMkfbMDjT7XZ3jJsnFEjIrAAE\n3Q4HjknzaLVH9zKzdFK1t3PF8MzTV/4RrT7Lp+V6zICjNsQMMzFLKcnNNkar\nvUk1DBeg+gJdFhzZSypjRozHC00enFKw8tdGtBwOa/W9c0lixVt5NW7lrJHN\nmvNL5IpK5M02BfrHCKI7vkx3yfxYmlsjBU2EUXbR2F4raqniG/tYs9r1oMqi\nZo5+KcnE/GQfGHxKTEzkTguo5tVJwktma/0JtEjkDE3q5u+cI3oE4AECCGur\ngAlxRZi12rm7TMCb7vGGDfLpl/VrD3c3uVMNcoVyyGMSTdHUe2o1iplhpDAl\nDJ501Dh/iVL3BFvcvSKfh88LR3hy1ssWvcMBIzpLpgjpTldrSXoHMoLiCZ1V\nLBXQ\r\n=0vTy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ef82dd049d6c2d6439fc79408aab4567780d26f3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.fe3ffd2c3.0_1578521743280_0.01668580164318545","host":"s3://npm-registry-packages"}},"5.0.0-canary.c0e850090.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c0e850090.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c0e850090.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0065090eb8106fadaf1e2dbdd50a760e390a7b7e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c0e850090.0.tgz","fileCount":7,"integrity":"sha512-HqtcfrRFgGeZ5W0qegHwU0gV7UC+GBWBJqytJkITs4eo/TcqNiPLtKcO7PgIpPCDuyKgWJFyf3SfQyS/c6TuDw==","signatures":[{"sig":"MEQCIAXs/gwqgYP8+X7P6RHa9d9RjaYxqzkh5/eu7KPmWlq+AiAuRkTAFTUIOofPS7rQuCUVIQmzEm44ACF7fsTFOaVrzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlY0CRA9TVsSAnZWagAAsigP/jNxTMhGYU3CVnx0cDyc\nK55FpZdqVkd/RyChIfeNmAZyg1DgdYeQQVcDxPuY6gLFFvHler1HnnOLIcMl\nsBTNnYh649tPrHlZfY7d1Xvv4TBjMFPVJYLrXSM1rhKjbIbktjUB/3jgFBaq\nuxiwRCUSP4QtftIWb2PRB3gRr6YrVECuD69SjRgyZOhmFIH2BrLwPbRLn/XL\n6UUJ6O/+pjInt4phur2wUMqt29MsUQCEDKpNjhY8dvKOrLDHf3i+qwYU5KNc\nEKWXamfAE58w8bfJrFEyQsczJt/+KXMSAScQ9YDzQAX35CUg0WRTW24NB7Aq\nY7mV4QPQj6XkDZbpTk4tEQ5ur1d1hczsMqyDvCi8TDf7gEVcldEdqiyC3x+X\n0owdMlm8fLBilAjbYAAsVuNSI+p257rkwcSwGOFvF/kgqEb5ZdKnLQ6qWqwl\nU5azU/aFUWt7QwbN1s7T5ekhuYW/XBTxqtpsK2+ZG7X4E3BSPydKnAM18MU8\nrS4nu2BxXsadLPMlFEpIcLd0BMwJAWgXIOXvrVgFWaZGYpLc6UJJXoaxHP0E\noXgWX6ViEMGe5uMcHK4oBxBHkC0jUHQsSoqZH+HU4IV8uehNXxcU5u3xX/RW\npnCWObNBpQMhMxlZbGJTRmA5lJNmb88ohCN3Nm4DyRdYY+T2GUjivPDhQ70V\n3a5V\r\n=ZQA0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"04d9e991ccc9d40d53d67d592c9532cb43e763a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c0e850090.0_1578522164555_0.816463076844254","host":"s3://npm-registry-packages"}},"5.0.0-canary.615f86f38.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.615f86f38.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.615f86f38.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20ac90ac6d2f0bc3fff482091fdd11e48aa2b2c2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.615f86f38.0.tgz","fileCount":7,"integrity":"sha512-Jyv1fqUDVbkejWjEh0GPqNTgG0JZxZoMZmrfMdo9/mTQlnL5x9cBQk+ep1wCQuCgitgXYCZp5POrTf4XN22I0g==","signatures":[{"sig":"MEUCIFSST756bwDEAIhaBLlqXIJMWWlnQp1ipkahVllLDdKBAiEA24R2ZbTispT51vQvgo5L0wS5NRUPeYEhCNyzX0Lo73s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlohCRA9TVsSAnZWagAAIMMP/0iJ3KEIMPXlEW8g0toG\n5gzDQPGEhrITphjK7zKJb+gOm7RC3n9EudaMFPQ6tqqXtQCiEdy+KiXdQZPX\nphjOhA6I1Bj9V2/RxlsMMTnn45EBFjRfY/iLsvhC1IWLmz6+lEcbshJLIYSg\n4ZP+ASjdoxV83mFuSCJT4LkVVUsOVSEllxzE0HhS4cnsFNUvOow5X6bDFcRu\nm287sKDmMGTjgbdCLt1kETgEuPmFOuqkT29DozGk/5gFLtv4ukAF5ZU7/oG5\nnS5tCHAP4eeXFKMvtVAmAM2VRmJ1t29q4eYchGgtV1TlIfSQDSRLhz9lQPmC\nyBVp9Dp5MbWgrsryKN4NLbTOjP3GmOTrzjCKVaukfXzA996KKAfXS1X36fKD\nrm73K8A9YT2rgo1gBvaM+exUwV+6M+0AmnrcI8uzJ3NM+CkjIBIZQk70n58f\nhCXTsLU7L2ifddIlaOzqGXmqsVNw0w3sLRE2Y3avVIEOZuvY4Bev5IS9+ben\nJRrx/ovO/Zd0WnDCK0rf2P9icNWzbWJIT7blOIv9GnL4C3tvJ3DHBx87T72c\noego7+hM3gM2QOosg28bwvs4v+6dJALF9G9jrBvhMjaPOjIe2bKbBKH4CFfO\nH63BO+uG6AeDYTazFnkAd6Ow1qBSIRFCryY06wgH3x917z6PxtaXx6O3QnoF\nFkaN\r\n=tN4n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5ae8bb946c188918a80b70e03e7d35b1e27089e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.615f86f38.0_1578523169000_0.7219728063877566","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb032637.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1eb032637.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1eb032637.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3fc326d762560327f0eacd214bfbf3c0b0b9fa79","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1eb032637.0.tgz","fileCount":7,"integrity":"sha512-2HSYo+NMsUVD8gcp1cxYSPyZ4fQafl/wYSu9not07IHYaQSSESvBMbMNExQEhV5A93PELCLNzkVL7KLqev0UlA==","signatures":[{"sig":"MEYCIQDAElp8tNbOO2ryzaFpUg/P6mnQGl51A86PcDpSTJaLeQIhAJtCs9uVuO4CxAVBuvrPls+tcwRwVJYP65hDpSnHX26L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl7RCRA9TVsSAnZWagAAqZgQAIvVwBrXIGvuX7kQCSJj\nx9t4CfdosVjgYaHTGvDdw1ACGTJnIfjJ6OyeFfOzVX81dQQ7QhVY+z8/UD3y\nCWEIvQp29wy7e/FyOA9SRZ/4kaK2Fl4CJQQ9iDmUj6CdEHQR2HouGQlOyRM8\nwsf29HqV96jXqcm4DE6p/FNvyZPBV0XbGOxYE9rih/3dXxtzmEGPlvuEeQyG\ngAgfo9r/GMJSQWFiTlCYXc17YHTzU3ilifRyeq+D5eB3OofWDhKsvc55suFq\nz7J38KK4cEM9VJFCXK7L8h9zY9qXa4MSYLQldjJ7D+5RXQS5THSDMOzRTj24\n4Gcv0gIiVkVlHFyso/v9tY0Di0W6J9R3bqesKu9vTdetdgiWLw2fy6ePBx5E\n4/4WTb88vrMNjKDYua7cHdSf7VDKmbpIU662BP7hz2JciySsgutTGm79S3zV\nGEoocd5KJFLiPKt1o2T/XlUP23lhL1NPaEVFrRIIOk+peJ7Tt/JnLnteRaq9\n5ihN4MWi1hbyvNQwaczx3U1R2Nn+N38Lz+ch3WEXd2qBRutXY4HwHxXQ+LRc\n6a1vioJ/deKF5YxVJfAPmBTisp4ak2wAtaUYam7tqwMrDIEVFE5f6H0qOotl\nbhlaG6Z3nQHaCqMa+1vdUMce/oM1jXK3HAqN4BymVeiKlBe2+mT9eHIsjpPd\n5AFA\r\n=u1JW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ebd5efe5771491e06a78d3b1ca6b1af49af8e943","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1eb032637.0_1578524369329_0.8400649510276572","host":"s3://npm-registry-packages"}},"5.0.0-canary.5bc5ebfea.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5bc5ebfea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5bc5ebfea.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b87b620bef654ff4ec36cf0163dfef54c8b6a71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5bc5ebfea.0.tgz","fileCount":7,"integrity":"sha512-Zg8ztrI9q0p8QT+cTRcuBSoDXLx2YEDO1AIrqranKP35CfUqarrIDYtQ5MA3Rm79eBCSgByNfqqEFfFjtG6GyQ==","signatures":[{"sig":"MEUCIQDiPZt8iMwINtm5i2mnRBoJiv+GcPGmKm122KnTTPD1xQIgR+xnGrkqiBxEF6tXldHUW1PtMZNEEZJDDTuI6jjEHe8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl8DCRA9TVsSAnZWagAADo0P/2L+bGY7wrGvi1rkaAOM\ngQPAMenaGVkJyQolLz9Ajhu/ajj9AOxu0176bNPYHUTRgcPGTfhuosorL8bV\n89+mTvXePNSFwGRuOzExIN1fcs/qiNqdvqLAHEtYmEbTwrVq3vC7L19IidY+\nPdQvlEv7NXfEnK6MAORvOY7Jz9cQh7Yg6O5G3n8yfas3zsk9hY2Linb1Hfw8\nBQDD0AzI6tu5cSGft60RfMLzKp7AuzfzR8nvhmw26OfRiUx0KaBDdcw45kCx\nKe5NwXjcSlLZXWenRyR//9fklX/+troAUNjeu2yPqVpPOBrOmtkWIWB2JrKM\nqaBsJDH7kaLAe7QVvjkfYvkDPptgSTiwNFrCYnmALLq+tmVSoaYnT8AfI4IZ\n7YSVXIuXPbKWcMhUp0wWSVH3IEqlfk0gbYlHKelr8wdHq6YNPkBju9VX7AtJ\nDJsKSKl4rSUCpCtuMy03OXAU5+3GuQ1wNscmcKXhyCZQU4MmWw3YBkw3ZItW\nTtVtAKyx5dXw4ph/y/SZMrQpS82NMeiideuqN3s90okw3EFykmxZvUWpTtm3\nT79COq0IFKuy7flDQRg41EwxyBi5s40Pq8o4hlj/ba8ogzzZUq09gPhrMYW7\nagC7BXqPcO6zcRLp/x4TZIqPCfdiyyiIogkwxaSPpYYTVv0Ex2hNOxSyyU2y\n5qYu\r\n=Z2Nw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8d87a9536a0b9e4af0865ecc4d9b558a6c193f33","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5bc5ebfea.0_1578524417961_0.17653581259488504","host":"s3://npm-registry-packages"}},"5.0.0-canary.1112b8def.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1112b8def.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1112b8def.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32537edbdc4e01c1d1e881a974cb8b570556dc23","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1112b8def.0.tgz","fileCount":7,"integrity":"sha512-Hb6x6H0kJM1s2SuXruqZnOOqd4O7lnsU46LzpQDu7BsQOIk+H/CH4onzuF5HFGxljaznRWUqPiyVrLLHKJwEhg==","signatures":[{"sig":"MEUCIAov1Q0C5e6UYVuPXASwDVUFMcR/FerUy22Y1jlcsyTUAiEA2UZioLPlV9mUxM8VtKqGPWv7TySRb688LhO5DQsaOc0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF6SeCRA9TVsSAnZWagAA3aUP/0yByIvgLyXe+/FYGVvX\n2aqPV3c3qk1AemULjGZBi4/Cl7kXBVfm37uV7sYRZ/614oqcOqNvlYSdVNxU\nX/RvBdayKEkS3beYvt7Mz0EpffWEbc/iIVpylRXZEp752AO1ZKhhcPXuR/jZ\nLmmhNbzDktQBBOLAJgokV+h/27AZLjjeIheG7B9HQjZKeIxLtiZfAfAaEzZL\nCwGbasYf3ko6FWlnVIKogQMzQpN85shPtu+RehwECZYh+BeIT1pXZ5X92/1u\n4FPOCUNx9A5nZF1kmcze6RG561i1/ZTzYgiGu+5cDS53rSA32kmxZ9zSH2uy\nqQJCroRivMabqIc/RPftgOo2RCHsZZXsJUPqXMK+Od37oA754AlpdCZXbIjm\nV6LZTBODHjK8EY3Y4DSHAEzP72gR/Bn0JmmD/XKnj2CmrBqILIOS3kz4UW0N\nd7PI/Wcdfisi0rpNxzid5JESPILeDZY0xLF5mlGOiHEv5LUKmGo7NAQlwlqe\nSZQjplJSBINR44ZQXcVDSVG8qBQP0/eww6CmHRNU7czCKQzgTTw81IGZbtJm\noXXVX41JKD8C0exdlTtMznitgqvg3EnQZ7IqVcNf3dJzPwDKK91NhPlCF9sb\npfVi3rDU1jUAE54U8V6kF7I+tA7XvGuC4vrB+k4zs+ZH8NiUTBlNih5lQaKb\nLv6l\r\n=w2YL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3fdcad176780c1976528d217d2fb149875bb4b03","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1112b8def.0_1578607773934_0.46500651508820456","host":"s3://npm-registry-packages"}},"5.0.0-canary.aab102017.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.aab102017.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.aab102017.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e4e6fbf850fea62ba4f2346bf404194a4429706a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.aab102017.0.tgz","fileCount":7,"integrity":"sha512-C/ERbNoCprc6SIQopNJGhAsKfqXRSJ6o0O3UcacIWSQJ4hPOQ/2bKAXMAXMAz9IHhDGXOUGT+UKGI7mYPzlahQ==","signatures":[{"sig":"MEYCIQCusMqOxivXDfkspd/dM6wkp1rO3QMPHfWcLNSoDNr8jQIhALEoRj0BDIXjNfsttRQtlrIF4bYE5+txDdC+ozW0VbQY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF8FFCRA9TVsSAnZWagAAAk8P/jjkuXVRRR/8CTQcDFXf\ndFc+mR0Xl2q5a4SV/W0V2Sv4GjvQEUEeCITtLCmjekyOpjt/hRy7RLXIOoyZ\n8wndCS1mrF/4pwSTaHYvnrnsWN0yiWsOmno5xRgh1ozG6GXJV1A9CRckYpzk\nMfjSI2CUUeirWQ2RmZrQZxI67WmCEzlaCADlQPLgC8tGITVb4N4qLd1YaFtx\nMoCLbCGyUX/Sk7Y311ycfKqfyyOzqo7nZdIe6ltyKVtLryJCT9vNTidJCWTZ\nteAslzXICkzmhDVyjVy3SBg0IO1RyCCq3H0VAC4xL3keTvhaj/F0XMleSLFr\nZM7Vweb805+rJHh+1ez7Q278gTkV2J7hs76Mrwr9PPkUUF+e/FggXvsaQ/of\n/IwYF4iK7mzgZYzqI7fqG9pa2o/w9BqIyAq4tn1tUiNnaaaBdEAG3iLb8E8x\nDCxCzwajFVqfvxBkXvC3sY/fxHIthNM7ofzpX9Yd7kwJh3l+MhZ4v0LA+R2c\nwI70i91z/PyZDAzS1W3v7F/5CuNG1lmkl5aQCO0RVAiV2pfg+ZKsk8Dv2AaP\nZuG4NuZZmObMIr6Rx2Dr5Jqs7wvvejW2SsfdwfLbtv92vhsIrdkOp7kOqt1u\nBtgHSim8T/OwUHAm6uES1NchG6iH027d93BD1a8xZV+QuJpIImJhS4aNIJKT\nQRUQ\r\n=QnmU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3f5eab02080f0c4fb48614a44647ed55d55eb9fb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.aab102017.0_1578615108932_0.256153582068293","host":"s3://npm-registry-packages"}},"5.0.0-canary.426913342.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.426913342.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.426913342.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"82f6784e4cadbd41b01043c8d021801188190edb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.426913342.0.tgz","fileCount":7,"integrity":"sha512-rtV4V//5t4cvp36lqJ7J5f45ZD7T6sNrF+uOmnp6+IaMLP97TzyK8IxtXopsSKfRJph1MR3enZRpZTyTQs+q8Q==","signatures":[{"sig":"MEUCID8zXu7tthD20WXVLrcd4ZZVYmpPV4j5qr1OflS2yHGWAiEAlJH0rwVoPv+BVnTztstYxBYDh8gSGZijrElFttzSXbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF9bNCRA9TVsSAnZWagAAx+AQAJ3dYb7QG6WlwT7yFplu\ntWq6heQJy5LsHQLifZeVgcWJk4jnNARqH49wfJXfTpqOd9xM42ldolPuxznj\n5Xvauua0sSZL50rNIwIZ75DjXn2uz0gsrm/C9BEITUQ04H1t+mCnKT77fH1N\nXa8gGgrNW+LBZnUkylTonGUEcyMHQezOsUjPdzUhmf6rPcRWSi4qgH2lksBw\nGMF6n2JMDm+Q6vTsxCIeeeRmbJbtF8upxsm9ehweUEnFRxO45Q4UU47hek5f\n7YE7VTPUAhVqIUVmNtnwW/3mWoWPPzkcGNRq3UuhPCwdG5G6yVfESD5vH4ey\nQTv0vONLOZuSR5zgI12FkMVmZInJ1EvnUGPKAxxa34oK0VxLIL56bOl5tAB7\ngzx2kbmg8YL5QIaLYQ3q9sStaIsIlOo9eLHQ+QKQXHVUpwmnixU+3z926YJS\nvXAGVg0MpKWUVzDl9UarPczBo52HzmAWxjCLQ244B2FlXIe295hX+Uc4POus\nNFQSIgTozUk3p0+m+eT9wjQBBFhE0NxhDsGswg/q2o6keoNgPXfFfALAwquc\nPq7NKJuYEln/yT7sV0FVrmwhchFDyMdTiiPAq1GlW793gwLJ554PvkGZL4go\nuNe/g6Nln0Lqem1nuRhFiNT58J4zL+8GFiJ53BHDbmRPMEt8eZk/l2+Xz88c\n8ULY\r\n=YHb5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a6219dfe8ca1677971694ece39ab423ee8879b3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.426913342.0_1578620621126_0.18230029162292238","host":"s3://npm-registry-packages"}},"5.0.0-canary.d4ea9a706.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d4ea9a706.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d4ea9a706.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10727d115c4443df9dca8a2d4dc70aa292d5e002","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d4ea9a706.0.tgz","fileCount":7,"integrity":"sha512-iclSnh8L+POKJ0crfJl8u2mMvFM3X5Re/ae9uE2oYehKosxnsjJAp6UaKPI2D2hdlt7SS4jWNJ6BX3aI7GfhIA==","signatures":[{"sig":"MEQCIAVSx9FyclcsM6wtGyJjVqh8jXWCnfxQLHlqHBco0vQcAiAm6QvzPdXdFWLoJOY/IbfsK3086S2mpxFoBDo2Bt7vow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLNfCRA9TVsSAnZWagAABRwQAIFM43yTuAYwD+1Rivsb\nlC+y9iibq2ISBwnHna/hXeJWwMoSwsr0ZkDwthnHTDY28xcBkpT0F+VHkwvS\nvmmPm3bgCblBwRuFnLE97QiyBw2nNxST65NuSBzUnQGaef/IGddZyUP+QY78\nZLTpDg0bSUmyrz+L5phBtkgbmn7CXsJWLiuul1ZjZ/96r1tr7qLkHwqtcOck\nkrzEyDQ9cPa3PHUsKBbV9QbtiFpfuHTFIZoOZgG1eakI8m6+1rpPgOEC5xtU\ni/w3j8umRES73lb0fHen5L1cZVWntUvvVUIc/lHxY+UbifQVdomlZwDLez+f\ntYMizVbO3BKvx8+i2Tn7/Gc4zHy2qrfQkm2u+XYhfP0XA8B+M6DQdznnrJ0F\ntos0Pf1q2XgpCxEM+j7CSOnYxZgLM4SbGVbJiJBATKkbm5VxhdCpHzhFZ3Aj\nPGwfoGHo77SMVg9krYTEX/C2lezFY+Y6inCdBHIRzdEEy4nrj9IG3BxrsmIR\nZ3ZpY75r0QcLEUvu3ttEuA1QenoVdYJkrnE02gFWPxuKH4B5EFTYYiGFsiY8\n2PxfTE+qOkyuRuS1vtU8/9ExOAwIofoSs9X0Roy/veb/bunep5Dt6gJcvPlq\nXIUMYMblEht/b3R2wISvSYPNEi33MrVyXPiJz8viXaG7f3rtmrTVEoa+7vZa\nH1Bq\r\n=UfOo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f4f80c96af6c2e34c34a3ed8f01c1858ef738935","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d4ea9a706.0_1578677086779_0.6275110929978276","host":"s3://npm-registry-packages"}},"5.0.0-canary.7d4ee2996.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7d4ee2996.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7d4ee2996.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0feff57253acf84c3c21c563b97ade14b60fee38","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7d4ee2996.0.tgz","fileCount":7,"integrity":"sha512-cqxigYYiVjZ7/VBl+mUl4Kq40BvDwN6yVv+zcgTA32pqUOb9Jzua5G19ATq0unQ2ZuYYFGS4VcqEJTLxBOCn/g==","signatures":[{"sig":"MEQCID2DOjENhAPfI0XJGR0iTxjXz7JL+fN8pcyMXmYwHQygAiAXPBe8QGMocoUoxKWVlVXPMTnlalHtJt7Tuj8+5PexuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLq/CRA9TVsSAnZWagAA1FEP/RtHGxqmuBsGlaGuJ5OE\nZAGkCgyh3kNvEdJSgd5U5aCXjq98T3s+syqpHu45/LMaZIa/5y9Stm+pMhJX\nthbgYtef0ESOLt9YSNNuWj3jrntuyeVqhG2BpMkEoybsvQF6fa996TsQF9A8\n22/uu9xyZ/i9HoYF6crroBUf7yMGTBL9jVhsphErANy9ITOIuX24jS8Sh1lU\nxXt2FTWUbyfHvcSQQReNrJeiau55/sanqYvpwnROnYD4UhXFdWQ62NJWlba0\nwGL38NaFnOBMrgG3/8Mb1mE6qaQ56hOyNwji5PS8GrFFQZIZt4Xamfvxqc6Z\nmjt/qOAEo8gTJ/aFgC00ovwqIBzkmPVd0I7pMV+yuTWb51Sr9fzQfhnBVhpy\nsLh1rZ7xATdhqU3jgyUH6ehszK7rs7D4RwJDkxkrrks3DY43+mjKvsXYszcS\nzWOigWaZbyyBwZo8kQ4UcJtv7aw6OIb2kwdObczHKM/kXV3374rtMPvNEoAe\nnI5LTwILhobztpG92YE04/NekNsrm6EoVFdyjNqOXKL5vXj3RgjAtRfsWxjH\nIfkJK+ww/BgABkdv+CJOmzzE+b9Vt/9kHehDproGSPE+NSpKDiv2Th7+4UBW\nZu/VSddoY/uPrxN/8nN4ExQzIgwqYtFOszI9eIMpKQlTDpZqEVj1PNsYkdnK\nQASQ\r\n=6m69\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"32cff7b459a8aa1e335c6ccc84213cff0f6e66a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7d4ee2996.0_1578678975267_0.30730733386701714","host":"s3://npm-registry-packages"}},"5.0.0-canary.981ec9b6f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.981ec9b6f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.981ec9b6f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed8883831d419aa40b4449a4433881bd55434431","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.981ec9b6f.0.tgz","fileCount":7,"integrity":"sha512-/atHiCsmBsMvhVyC2ew9yIeL7bN6VinBbeOCimHvKR2pqsbEj8GAdTMnDpPS1h3olD05DWfsfM88ZrNhRrYhzQ==","signatures":[{"sig":"MEYCIQDRI6jO+73qck0d12k0+saFR1/onyjf7Ga1PY489wVxRgIhAK2sIeoRNFXHTSbYk56bbDOtfiw+RgT7k1Kipk+Fewwh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGM/QCRA9TVsSAnZWagAAn4gP/R0rK8TTKCtWuIsgwDyO\nxPfc43yN0k0cTmh4tPSk2s0U/UC8n+p1qmYBUPdxoXPNqOY5FLcmylySaRe2\nkDHQdFeqh/5vbyQannGUseMmTkVf17Bnr5x1Bjh4Wu5+0WKRAJ0Ad+hXcBws\n/0Ktegikfru154WxL8VJMf09s0rfu6wGbNAZKXBzhKFcWabfBE72groNwHjL\nKyA1SISbkTYxqyJh6zeyYvajhyK38qxFrjuHiOd4oCh47oqj/1QONvM+GsHQ\nqNyaZWy8tAO5RrWEESh/i2oDqOliTVNdKRzk4SbLUTroL3D8vazR4o9B3SeC\nqLOqOibXCfMArz/1z27a7knu1kE1lVtGVMeyffyfZy39HDIFHFS0dGi8bzAX\nm8NyceL+uMY+5NbaQELZf4IDmWjZqy1euX7apQHqUeD1+Reaeow/7Afksmdr\n27SOUXRVb2+eg3NjL4Jv5NP/iSmf0jHu7fyrXJfbrHETOfH3Cn8AwbXAggYH\n2UBiYKugpOJ094rwXp8QIQiHX6n0HnoEYBJmgItadjLmwgFn9mutEyWXC7Rb\nc9QRAepNnh9xDUKkSM/72UQLDdJsErg2CwyAVG0qNBp6q+/4VlYVgpyRGh6/\ngc/RpjfuwHExRUMroPBnz/BR2R0CeQZKJ/c5rV/lYf14Ffg23NNZXQdQ0Yr/\nyYa3\r\n=SdE0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e2e9ae33775d14566dd45608f66087b2761d454f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.981ec9b6f.0_1578684368468_0.8874162172036664","host":"s3://npm-registry-packages"}},"5.0.0-canary.737da83fc.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.737da83fc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.737da83fc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d892b82d8e53dc871560f796f439ab9ae0738be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.737da83fc.0.tgz","fileCount":7,"integrity":"sha512-+zYNI0ckAkFilmxJPsXQX0Ih5uIapjXrKHhTO2SGTmK5ZrySTA8ZS6pVCrSNGkdiq48iyATSwOUQJrrC0oF3PA==","signatures":[{"sig":"MEYCIQCyATBfqKC15F+g60aEAcBzXaFubX2e1h33YzMU5mzWaQIhANL7hZgNvt+df/O8BdN/EKgDoUyyG5lxSjyCTiW2fvms","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGOoZCRA9TVsSAnZWagAA1uQP/icFTJujpNJvep/uE2jV\n5rioR+cpbkNfI9nH6MNP4BFzjbGJddeSbsEPYjz/LwiHxI4gAwVfNn+g0oQv\nY8JRIG0YjwsHXNd7Drc79QQ/1FVG7BYv28m4rKIBvw7RVUkdl1oiNEtx2JuL\nDfZNAfEqY4tYz8fJm9KOGKvCR0YsPvvvijpC1pmhg8N5GcNbAISQbT9w//f0\n4FD7YEOA/0WF1H8UzpoXnLuPH61yVs7ghDDs0GtxwPutcQXDChDnAp/NBgfY\nmrqh6eXgDj1v5JeeJpw1/HmDEsFeWsoXsZnmOSZG5zgQckrTOv4z9YpRMnh0\njrBxg6PP6JgmOZrH2WjbBLAT98+3YEsEUJYCbXRb0b5h5FLhpm5EYez21pNt\nH/UZf4zSC357rL5mP58zqUk3rg84LG6PiIAjdff6J9StOdluDUCmulITHPD8\nmHFYOF2kWs8HDd4EYshlSIvK7sWP5SK6iOd5CrhtBP4NspcNDCGYRCwGc5gQ\nBHbJsHUkN/z0FiwLL2BboYNrfwSXGzjhwdEmTGogXWc1ijGTf6LomQBBJrGL\nHxlBlHyh5hQVXnAI8oao9wuxtT1TRdy3TjyNW5VdXdI+iPOG14CyQ4ac5Ub0\nXG3BE/++eGSfqjTA2WGeM06rFQDr5Z9FxNFkBtBstcDCp8r4puUHdv38NJd8\nZrbl\r\n=9+ce\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3ea8f6e8d81e688483ab007855dce5cba3b72015","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.737da83fc.0_1578691096751_0.2742334084269864","host":"s3://npm-registry-packages"}},"5.0.0-canary.aca8e6c18.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.aca8e6c18.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.aca8e6c18.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a74092df740a25a9365a44177fe5095d7455143","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.aca8e6c18.0.tgz","fileCount":7,"integrity":"sha512-EmnGMoO4ezGW5VibqtdRVaiNw9YD2Toj294lgwQ6oy6uWcgY/EzOdyACEtNlJ6iFAPNftKG9b0Y+gAP9/9kDUA==","signatures":[{"sig":"MEUCIB79cbKwuZqCnGAcqkYklhYq6vJ031kfFeeaq4yz6EGFAiEAhiBPhjKu6DEv4JKxxFvZdJuWlB8wguz6jDKDwUMEYeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHMV2CRA9TVsSAnZWagAAVS0QAKKqt45cV5q313/ho/b6\nOp4vsCllOX0kamR9CCzDBINhcTvqXwy196YplB5mf2+dHdssm+65ty8Z1WZM\ncPWgDN8ojguIM2pR5oH8aKEsEC3bBt978NTGniTkCZkCR5vj7+i4gVj6sRP6\n+I5xz22OtVrYHvuD6xNNtH36x1WNMUu2JtEQ/DotVS04h6IgU4+1aLGsDbHq\nqIBX3YriWRgxquaau4XhNZEUglOW5U/OeKJT49Fj972ng5VGywCkXG9yHC6Q\nAtCddKuvOm/H96nOuAsQw0uHiKbUBYSvI0J7gj/QcUaya9JA0L7NEgIe3+Ww\nmqPY4xmKf2EUpcwfDuuzfDq1e6JQ20+8hcx4EpeRK17Dc6bBhjt1pp3TunGe\nkxRlJRpMj95APC4xCCWQFuvleH/hxwxTRP1Rm4xhtUafI90K6mBiity3WR6h\nAkTTEK9QncjWwx36ZBcegAE2h//4QT0yctMYdBUis8I4I/+gE28s3wUZ6MxH\npZPb32iilHqPIAEzQQ6DRQiOo4PuJGG+SR4JvED5AlVMCnYWgQABCbzJxpjd\nGGYe1CdmlZCeOBB5ImN8RJslY3W6e1w71C5NCliNl6aOmiE6Wize/OsPMtVp\nvK/i86RpYbrCwfNOwpxVhDYZMHhFWFIVE00s6S03rFdZv49dXXSZy9yEvEZc\ny60r\r\n=jAVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"47bc251033c39b1b8f816f8ae77c888c07b20fee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.aca8e6c18.0_1578943861611_0.04542635370456294","host":"s3://npm-registry-packages"}},"5.0.0-canary.c38d84e21.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c38d84e21.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c38d84e21.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7abbd331e95d0aaeada04d358f85b3b7c3b235c9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c38d84e21.0.tgz","fileCount":7,"integrity":"sha512-jYh378xV+6cs7GBdnvgZPDVU6kBpJDL1vLuJ3uchmTD7K/y00TMhZmr4aTMEhidrOzd96ywzQr6MpDfHEARmRw==","signatures":[{"sig":"MEYCIQD0651xl/wuxVNLKFLnrD9bdtDV2R3JcpBEKdX0R4VTaQIhANW2fewB84ncdoZe1Wy9Vhb28M39vxHd7U2f/gdlKITJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHOtjCRA9TVsSAnZWagAA3coP/0aMSSgHnbqrb6lBrI0a\ncVGGSphbG1HajDIDfktMx+v5n6TSYhyqdtiKmalVAVhZcDssKiyzta9RVOAL\nXLw4wWeub81VIlgzUdSyH1FyXbJybc7KOgVk563FeyALg0Wmp0CHzCF16WRZ\nF6ENOMeIUULJzQ7USUe0U2LH3NYWn2157vH/h2NrHpDm10F7N0InE/7A1qle\nLbFuC6heDYXAdwzJw3KJ9nAy7m5UGhBo0jrz7jrysyymGMQmKREdGfkcCzwu\n0BYPm7QIq+3UaqQHFH4iEpVa7nEnCWN6pkqkzYcFSde25w7WPqJL0xAQxxoh\nIt+7ye84FEMEgoTogtXRf2EscAS2wIPseszSCpDsqYioBFttKdxaYbTu9eNn\ngsEdYLpDiye+xn1+qWBA2ho38oMNs96BA2gxvJf72rJLBtdlTnkRqCu4d+o/\nQW7CkeoggiYUtePO9yFINIoVtHMGqmmBrW7UR8vKWUFE9FUzN/5DXS2iQuKd\nN9DHqSTlHN3T84pfdC1UrokTJH2AKJEw3GeGnl8aumlmMxpvgyg0Vja65t3M\nPbAd+O07Ylyjzen+/YoWbn1il9cMwpPrGgzZGXLYHVTSS0PGxVNttZpsz550\nS9VjLGylncHAohkHH6b9HBMZXJZ7nU7eHkp2BlBzqJXPWeS0KHCG9xS4tQUa\nxh41\r\n=+8ED\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f283cfd55cbe9b1863cb96e98011fe4badbb1fd0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c38d84e21.0_1578953570642_0.9763101342595124","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4db5fbad.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a4db5fbad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a4db5fbad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9d74fc22c764ce307cbac22bd8c70edb0512932","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a4db5fbad.0.tgz","fileCount":7,"integrity":"sha512-MHddVbtO1tQFlqHLdFT5KgDojzqx7O2y9q4edD1OLZI4tZDM1iwtYb4/Hgkr7n/a1GASwp8oKMLd9h9cGyA3gw==","signatures":[{"sig":"MEQCIFfHXLMCDEYNqdFrFN2ndIkmDUNQ96FgShQrKx08d8waAiBRO7+waVj0MOd8S6eCZi6B1qhf2p+w4cFQu3d2x+xSZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHSQeCRA9TVsSAnZWagAAtGsP/RUZr0Og7hByIJgTqYhk\nzchoEvxZCr2nhN4lsDDF28qlfey3GKPb8hGozcKJne3r1BHgQ15RTl4JGILL\nWHD3y7Li1i5A3p1rf7EOl11UP5YsnUdDjRnR8gXcMmsRRtuEyURhrSGVwtlK\niB+Sv0BJTjpuYYFV7gpprszTV5GLEzQ94XgzbkM3CggYZAlaemBrVLxDP9OB\nynQbGv2xePx+Bk3oMhs1VB/xjeRvCUhzAaMjmQ1F6IX9a876QX/MSvevfwFU\n+JLaJOh2BI/NHMO67/93fUycye51zO8p8r1pmIbf/azymSk0KaxCZSBHKUkV\nzXGraTIRHkVcgN6yvUDelAKLJzdoP67SBugQEFfc6A1nM3rU7PMDC9OHId3P\nN36B1l6SSdUsJBf2ED16srbynghz5BPRDzEyxENVE/BRRXlYZem4wW5GcWhp\nERaVCiGNSNVsc4LmjvmtZR+/4GTr4ouDtyhSGBGq+EeN8JWddLA5KsF0W9QD\niEnBjc4qFw83RXfAQJx0qpSvOtcCpZWeD/YznE+l8puAhFrwIKXxTWF4PajK\nuRl/4WBJNPZQbuIyDr00ee6TrDuJk/sOeoW2pvODCwZcMgmb2VvFoktcBxqP\ng6pAqLuyvd42oK9uNKTWv0ZdfsHXXVUnRTzY1bX9WQAUKk070cWZvLeVZGkF\nt+jF\r\n=fP5R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bb5fe141944679686f178779345a5880a89943a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a4db5fbad.0_1578968094210_0.16861059604929673","host":"s3://npm-registry-packages"}},"5.0.0-canary.faa9af310.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.faa9af310.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.faa9af310.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6789911de8c76c01e6e2632b7aa83f46d3d1cdf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.faa9af310.0.tgz","fileCount":10,"integrity":"sha512-8DEDjBZUcrbR2rK4gNegZRL25mAhh7LkT3kCEr3haGgLpH1gJpTJCj3STxTQOXQ9s2IufYulZTc1SvR8ovkOxg==","signatures":[{"sig":"MEUCICDwiQzexw/iS4YFJH9Px8lmU4pARhe6qrGLOqC0H31ZAiEAuuga18QP6jOAmeZ8F+OfL30FT+I0AfP6TgQzeOAqeaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHfG3CRA9TVsSAnZWagAARxUP/ie9/yxVmGL17mYl5Jfa\nqExousOeVoO2MmQDXQZ9OwwLEx3O7zzL+pvOb6qcMPsWSTVwlrHSiXX++kgz\nYE16C9sJaoKL8wU9Ksie4Gj75Qm1hdMCuiCcAfosdquKEWt2H+W1V2LWsMa0\nI+tYVUH7fx/TKwbwyBpwzs3aq9YJkvBmbWAhYi+a0mVHo/YIUa1x7NyPgN96\nqepsEjcL/rekxVwfNg//2Wvxx6iooi0m+rdqTznFrvKF2KT/dusCVOoQaMt8\nGIkrkbNkZY2AMPDz/MlWhkHLAU/BUqK/Z2wXiL8UmeauSBEBwS13EcwTiBfa\nqIqjozNzGucIw3K1vF9gBQrpMh8eIKqlaLqxEAcpOl8bFu0BGmDQxkhuCVyQ\ngDslqicCeyITDO5pp6Z96STEVeq4cS0GkUYH9gWTKTcdiOEMZvxAejnpooTv\nTVPUr6WJ+XMbOo5T5VC/9v4tGcJcCLF4dWJFxG+5FJnqw4sw4eEEGxKZYxpR\n/TL1vCsvWBAER2um/FebbSTTNZ56u+KJ1soUlXGBFuQErCKor5fTR35Jk0N0\ndZZDJXatsFuQ1UmmU3nT0lJFe2FCPlPnA9lYg8D+Uv6cDkQF46Wh/dAJCBMp\n0jMIRVUQ8m7Czqmu74wQYyMSrZwkFdlFWg9Swb2PlXBFjmsM6O9GRJzjCpYB\n70Uu\r\n=X8Sk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ee374355df19027c59f24bdaa809bc18183453df","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.faa9af310.0_1579020726687_0.9079811940100702","host":"s3://npm-registry-packages"}},"5.0.0-canary.60354c577.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.60354c577.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.60354c577.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfc5556a9382e9f47e80d52077a609a2bbedf2ef","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.60354c577.0.tgz","fileCount":10,"integrity":"sha512-lI3Ayr6wtiEQ/d+RULOP8JnNJ0u/bOsyv45gsTxTGmCQZgDpUzq+SiLlAGVGsVSi8OyKYsEmYuggT0YYWjq44w==","signatures":[{"sig":"MEYCIQD+K1U69mDJS3JeFoM4yz6/v+gkakvyiw7Nl4MZnWEX2QIhAICi4Ad2dW6doP+1mA5i/iPRaXs0uVfxt52WuAHn4K/G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHkSGCRA9TVsSAnZWagAAFnYP/0yQ/ymROb/UEfMiENEF\nZpStfz7D3Nplos9/SmmMNNWID6Z+HsQEI5m3nVHqfQjDOr9XXUE16xWpAkRd\nq+NWinUt/xK53h+xvnV+YNOT1Ns7ccjb7K/XEqT82HkQDdhn3gQoqnzEhGTF\npqJaYDSohPz4HX3EEQDBTUaRN2gA/PfAZ6n3lquxZ4lk8lhOQnE04qaubDhi\nLa4jqrhcWbHPsTxQYzME+NaTaloHYb+W7TbIIQG4ZBuAvAdQeC4gv9NXty1f\nwTKAaRBn46bGkJD1ffdRl/lCkUjU0mHiDXHLSFubhNHeWYRjz05QFEB8qwBj\nimEtOnm+9rXXPeyQjs6P0WG1ugRFhsher/EkHgDURH4DIE8bMBBwYR10ha3Y\nPbZLgUmuYtEZ2zVou9wzXR3Lijo1yc77CW5KYZm5O0JKJOxm3+VwI6DW65sY\nYOT8j9osS/K0Zx0316brOounjdGT9353G6OrzihbUlRHe1CtGpWfF4pPdc0i\nIHxFh4R4HQIUlAE/ChdDgAvg4GzqIpE9KHe/kYVvN3+KnNx+ouh8oyTlof1y\nJzi5SUVNgt7xJ2JQ72wRh7R1lKCwJHbUAHg7LfU6PB3vYQMSEJmmx/KFjcwm\n7oYKPDUrFq5EpHX9uLdXR2C78kLU3coZohW7rni+4d/3BO5EL62G4EJ4xb+n\n4xsI\r\n=ijFA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d9f4420da446050561084fce698a543b0dc6b543","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.60354c577.0_1579041925924_0.8772611900802993","host":"s3://npm-registry-packages"}},"5.0.0-canary.d07c78daa.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d07c78daa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d07c78daa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17c0c1bf9a802b456fff4e9781d0531c0e330286","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d07c78daa.0.tgz","fileCount":10,"integrity":"sha512-P3uXzGEAJ0Mc2GnlefMqfzZLqIIYBZJ1lnTlv1395HxmIEVU8QTfCywcm/urWhrSL5G0pHJqbqnjG5vSLasSDQ==","signatures":[{"sig":"MEUCIAOMX1FiJoDJOlnZOQBN1zgiUHtYDy3s5BVvEwdlRyyRAiEA9KzAT6lteDuTYFHqWsOIitJ3lg2Ia6AOFBhxv3nuzSc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHlDbCRA9TVsSAnZWagAAgcIQAImaX4kxXZCJbA8HyTsv\n7LKWbI9juRaWCjajAsIb4iSmZBZw0rpPhS/TpMoTivfXQEMdmEdzFfE6DnyJ\n3dqs4UQTeoKeQO6cHmamV0shTPf6krxKG4LoFnI0NCEsLuyTbV4DdCe04UcR\n9J/oIHBnpU7KsjCUCHi32sTRBGWlerJfMDO25HGUiLaAb8Te+hoXvREYqHHu\nbv1mpb9UF8e5GINKmpn7dgbG+OC5zXWh87a77zX1HuZiR7lIA8YZWWoJrq5f\nB8VWgxV+TWOVFkxXdk7zAJUrMq9dxZqfrZRaCHGXb4WQpxmQUReSiBT52U6D\nz0NvvqSHnx47ttjKoSMwib+b1u81Mn7iOZVweR60kjvG+Q6HgcKkytx3UV1I\nlgm9m1Fl9IRIRIVxgm0Bdk9m4M9YMkl0R1eAuFcesZwNYcQycxD+5cTCSxGw\n8Pkq8O2oBto5yNLA2Ct/JCmTrx1SQrea6bAqbRkmEmgrcX8A62paFizryDtO\nCKQ2989VAYKVMAGkIq7H/Ah20iFro1yiNBz3EG+Qj8YVlNUSFJF+ppEyrRpX\nP77Y37rB4A6U8o7R0tcW+uEVs26G9w4SkeGli0CkaVOzpxKbdabdpkMfOy97\n6JIrtC+oNNY52LzV9RlC4rPzMM3WNo50cenGeP0q1MbgxkyUBhR7f2z8ypkX\nP/4/\r\n=H4Jp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3657a12b1a5b9b1742b2749f6991e06a32416314","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d07c78daa.0_1579045083307_0.805948810349606","host":"s3://npm-registry-packages"}},"5.0.0-canary.8ddd5c6dc.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.8ddd5c6dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.8ddd5c6dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be01d18343f71ba5dcf03428c0df39ebb8cc4b3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.8ddd5c6dc.0.tgz","fileCount":10,"integrity":"sha512-SAl5MmTj+fxRGA9GTh17Z2qP/ubX62Go1qKoUTYBuhbkj4KBNRtzz31HZEAFlWLr6l8hL8WasnZk33fdcGdc4g==","signatures":[{"sig":"MEUCIQCxVadLt/w5AWpRxOTLxIHB4hQarQn664Mffss8/XUTkwIgMxnhFBo+JeGa70Qoz9N2Pi+3reYnjZklNUKL67bgvMM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHm4JCRA9TVsSAnZWagAAWbMP/jUpMrd3dhLV5O5O3Vkf\nBnZ4vV8uLXK4odnv4F4RVImiWt8cSO/pODg2tVAGGvdp7tv92oSXV9HgNaNW\ns5PBNpAmx5JEafKHXLbte49nA6mMvjy3KNoBAtEyZN58Vkvyzy3//l7INW0Z\nFr2UgWSsPvkwAS74s844P+QFYQ61nEyACboWT2f9vvXSMzsJ5V+B3k3GYHED\nwDSzYzOVl2vbuNNi5U3S37cO6V+GG4MtWJOG0D/htLV8Y5jDWH0uJ1ahsrcY\nY8CvXanKcy7luF54+ebT0By0Bi97hPzucbUcJovPYM1T6fSpczJJtVMsDl1m\nEHFB0AA5z08MwKRGTkhAnPS3k4c8YT9jd8SXgOCZ9t4x0SMYmVe3FE83Kjnx\nnzKah5pvSi21Pui/ZJ3ivKrMkPrudO/vMm5RbxYNe9phjKds/ou4WLN6kTX5\nqfbxhoGy5KZ6jI83uxNhvRfYLot4Lo5e03PL6BIJSf9faFQ/8UB1pfeTLtpW\nbQK5Uuvo982rH8da6re6iH6TjFMRFNHf1dQcLy7SN9iw12I6pdpRMRf23h8F\nsedZsIAsw0rmuCSEIEu3TYFyzW6rM1sfQb4Qdi1jNHwsSq3JsrtTSaBte2Ab\nAsg88MZIB0rUcs7nX8b/DCO17RR/AxppzzABbPJ++QXETV64J142eiIjV4yW\n+zrY\r\n=KGLz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"939fade350708e559f107b53d2ab9d27d6f84f1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.8ddd5c6dc.0_1579052552907_0.631877078210713","host":"s3://npm-registry-packages"}},"5.0.0-canary.a9511d870.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a9511d870.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a9511d870.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3ee0b87e9db90e5d661901ecc7741662d3e2a09","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a9511d870.0.tgz","fileCount":10,"integrity":"sha512-ymWNBleFpAEUVOhQfJjrVHUTxkw7e5qIGK4C2pFaOwxsGTjYi9L7zSklbhc6SCh4W9Bfn0GT4eYGQStYsl9XTA==","signatures":[{"sig":"MEUCIFK9+CC2kUY8gBz4SOeFNw1eE+THek8LweKAxvzuxHrWAiEA1JYSrwParntlc2SDCsSva5byzoeNX6gDxI68GpX0h/0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH2N2CRA9TVsSAnZWagAAjNYP/3SIbifkTQEvO1tjF5ok\nOW4iG728cwc+eIU6X5PcBrJHwwmHXm/ovxzUzP7ofXMD8HYzm4bzajgEp+v8\nVhw9ocMi2p+2EzCxFvlAs+F0Km3pUEqqcZJdGETui4glms1vIbn/ih6z0eg0\nkBsjHeoUijQXvv9Y/fyXoiDB4CetOIz81PP9n2GcXa7wgypDYNzeeFmtRmQJ\n0UbKrW3ltU7RAYgHUBRLyb+TMASIPwDfBQy7ZGhP3tvpqUJJxVcWVH8tkwb7\n+wt4ZeH/HhVANRVAZilmFKXkKOG+0evNt9pyXjHU/sfcVMCNscKhpnW0ajHK\n30ADwQqg2z7X2aSWaMrNIHEd7qULPNFVwsYSQpf0Aa+Dsx3wNgp7la69/RuS\n+G1c8RM/DUwvd6cd2xZQ99NDPNQurHICSrAw66MMGbS+4np/hIO/oMpYEdlf\nOpZ/sqVutUfioc9Ywfzsx1XfG32oknLi6p9JM8A+wAcbm/tG/DQEFtm/yWne\nUdjHSmDyMZp0FgCzKA3RDoEOE+WGMKYyVRUJ4sLo9dsNth6kTd3O0+rs/Jlg\ncabZxTXvtlxCFA+Ae1/0XjqR717GYFczS29SAk0T86xkJvgNFyh3Hs78zi6J\nzPPJiH1WFlhzANAr+SxADTwP95JXY0hQMflZOhoNufTxbti7rN+jyTgi8nnV\nMiTn\r\n=69Er\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"69b4f620220b7e580f5273bb82be01e5990b894a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a9511d870.0_1579115382222_0.9863139291088678","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c8583c4c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7c8583c4c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7c8583c4c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a6f7fc0fb679cc230d068c4d1921388ac63e53e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7c8583c4c.0.tgz","fileCount":10,"integrity":"sha512-LTw2Bu72tS31aZp3wbscenvVFvi90RDm8AO3LHCkXF7W1d8HKBaE9JGryYN+g/yRXJCUb0AljLFdxx6g7tDj1w==","signatures":[{"sig":"MEUCIQD5Oc+4N/+TyyKvUZrZ/CMXXRTJZhSSvyDc0To5REQcMwIgKRoQT1wWQYLUkt1e293kgiACv4/Hmia8/AohTGm91I4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZhCRA9TVsSAnZWagAANiwP/1we8gK+TNYk/Ywwtv9x\nNeMI2WW77A1PrNci3GHZhQ08Img2jTAmDZGaaEF3YimH0RQp9v1Xf//w8faH\n1Ho/yyySWpXF5+OEQensEy35ySuNAU3jTet6TdFPoz/JFWPrPDwc3ognkOiq\nrQujWujMuGtATaeuBkRwFHoFIzTlwiiug+1UIfpUmONfBCE1phtFThorwa+R\n/3C1yw4IKdcSwiZYDZgGR7Gu53HzxJvo6o/BXmA59AO2yN23gUyNNEYUWsI6\nnB++1IdfsmlYxd1L6efqFCzf0IBnNHsXpj7YGrezdnFRveiagGDrss1qHUkS\n+NIAWcUNGOtDTop11sHLWVKEHgdEiJXosFfICmJ1mYzdYw6SwLPW5jWOfCx2\nv7xSqGjgsU+j8bTdxjx7TE2lWsQxb85AaS9GZ6DX/wF3zmDoS1o7CSmQsxuD\nMGNGY5cQJ2XYgoseFZCMKoNosfkzkbkpRNuKuLEcjr+gULn+ASxHf69ZLgag\ne5taE1UpJG2fGvt1DiQsE/WT4FpcNXo1rn4vmvo7N5yIiZqUN4IyXX2ppoNH\nwIu117mamgRpLNnY/yM6NREOtjl2Kd+WDG2oEMArLQrypmizqMrW8mDYj0Hp\nU7QiL+vO8fjk20zKh0bORqKvbPSJKYmHEvB/rwgqTIpW72X1cRZvGBcz+L7c\nRPd6\r\n=hJ+q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d89f2d9150d02c17271eeeb692f29f456fed4c1e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7c8583c4c.0_1579128416562_0.30966110098766864","host":"s3://npm-registry-packages"}},"5.0.0-canary.5d4b82bac.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5d4b82bac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5d4b82bac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d76917edbfdfe46527660a8255394bdb999acba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5d4b82bac.0.tgz","fileCount":10,"integrity":"sha512-Euy0m9MpxiF2XsYbSRZ6+wvOtpGrek4Oa2PDMN/mViI8DnxYEW2szr/ac2MXn2V1eIhEi46jp5jQX4J17z8jBw==","signatures":[{"sig":"MEUCIQD+PqnTbnQs39yCn/uptXu49Ucw2yhM05xr5cqtTeyQPwIgI0OAKYwmRRMIEFew+RcT/d1COY2QXuTdpOVVPVvVAgU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZrCRA9TVsSAnZWagAAxS0P/Ry/21iaAQKnfZw9VcpC\nFzbVjfPcealXTRwYR0SO6TPCyv0j0LaFMPHsIzBFsv+MJ2rfvqHtor00fl0f\nbA46zs4CU1oSHt93ex2yKmFYDiWC5yvi+RHQjMyENKJDU/XmkI3F1edZ/Hqj\n+mNfz8IElmWw2Vaqoph7OPG/mMz8rLewKk9EfubbngixWE4skE3bNnkl0aAO\nsoNxCQbKmF1Qk3mGXGhh+DWAfeViGPLRqO2vIoEToopRUCVWyb9yobUpc554\nLZoYLSF4XwfITsHsZka+TMYFzkkpDPddKuaUlGyoGPdyswlvTzFDE8JxNioy\naKp7iwxS42BoVjJvBprpdBdWXGxuUES9W6Jz/tUXc/GZBO2jdpQYrbRsNxEy\nRpCLXVU00UA+VKRw3GiwXekPR7Ji1A6bQjbzYl5jzUvIJIdw3XGdguQCrc5Y\nMUhLjXXsyCdyZQLjZqLlHO8QdbifkiWcVt8LsSgTOxnhmjQZ6XE+SZDYlW3p\nuI1K2rn4G5u05h0g+4ngUg2VQ98mFWM82jipqa8LKHuc7l/yJC8FP7jBjzzy\nqqE/T+FzC3Nc+Ij3nhETca2sVQTg7etBod6aPbAfjxE1KHEsG4y2EVAe+RV+\nquNW/SjzcpDs9auxGxzvqgS6ZDkRVXLxX4KmF89VG6wS3/iiqUHbp8BTbr9+\nS7mN\r\n=AB6t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e679f52745cb7c74219ab22354c6da39a642ecfb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5d4b82bac.0_1579128426982_0.7844529433036977","host":"s3://npm-registry-packages"}},"5.0.0-canary.57d0186e4.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.57d0186e4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.57d0186e4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1654968f1253bba43e019f2cacd5a63f0e0f10b8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.57d0186e4.0.tgz","fileCount":10,"integrity":"sha512-3qV5TntqODC+Rsx25veDSHlU2Vjjl93dfdB8GbB5yyU/O2H/GaVZtXLg9OcrY8VEWEALiRQ/JsugFcUHrOwb9Q==","signatures":[{"sig":"MEYCIQC0opZ6AJ0czV1LyBvvi6PlRAbvRZcbapJsjSTQOi/K+gIhAMDya2f5DmKEEQC3u/bCw5GuSVkFoxOocb3DZeFlpJuE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKiUCRA9TVsSAnZWagAACcwP/3dCkcuSv74iBjdexXCg\nBDBvPtoy0mM27VcVC2lupb4jEBuf/UQ7uAJzyw1mQYXALHwvYHGd8MfaNhoG\n8kWlIIUqvIPK/YOaMi7qCEvrX74GdKCtiev9Mtjyr+iT4BUlD8OYBf0+l+hM\nQAgFCbut5Vdxb1TcEXGsBu4GhRD34vlKKxXIPElXfz8n3t/nEqLpDgkSy7PT\nHTdqRLWBPznl55XK9uqSkjxYGUm9fL6wliULLZLszljiMh105MNQ0ewh9fb7\nH349gaud2Hs7Xd2MqbTVY/OVRNyO9vuDY2sSYPKFsJdhdquba1HLAY4wUvNk\npmPw3VNNEn9DeKjFq3AvNauaGkrUHBIm8jDzau+v5NZsGLYLfdP+TrCrO1LN\nyEqE0VIlA7I1mYzK2gVYthRsG+3XR2CIO4nXXc3FqwilCp9xbJjcm43VImF4\ni8TCxgKRJAbXDBB8BXuHriV05t+0LdeW81TflT5kpHy/paW96Ym+UiSI6kHj\n9fiG98zY7Pacz0PiWuU4Z18Ys0iQ00BecVhi5t1TRqm/B9kYOKB8Gl9rZhNa\nTy3qKyUUB98u2JwAe2JsFC3ub6nwIo/shymaKQP8aMKngo2mJeVqEsmCJIMs\ntW9GPCr7m0qUYNllaKzuS6BV7lS5smB/xDfU0AFvR7+8nvqTGlMaBhzL+R19\nd9L+\r\n=w2Pf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d0058bff117ed84df93c0a71b3aa8c8d6e34cb6d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.57d0186e4.0_1579198611480_0.11708398883704296","host":"s3://npm-registry-packages"}},"5.0.0-canary.071a6ab70.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.071a6ab70.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.071a6ab70.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9af2212b09f778178662178eaa58bfbec9e9eafc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.071a6ab70.0.tgz","fileCount":10,"integrity":"sha512-io7gToehKQa96I0jPJOd5+tSPa3XrkleB3lPhsjrOH5zgDMllLJf+hS5Sbivpn7Okw8VLNWxlSNraPoCZPe5dg==","signatures":[{"sig":"MEUCIQDutF+n0YxdZuJ2B+llOiORxfyxF02qfEv8v3+BvuzJsAIgBd5e0QHAZu5YDBQrozAVgGVlXxuVaCwsgchbCMMFSS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKobCRA9TVsSAnZWagAAs1wQAJS+GYa40zzpO9R6ENhq\nWytJWUFnrlxOfprf1whRQQZyp1d4k8IHzFbDvYl1RODOlX8kriCcrGYhyLHO\n9O0H+0h4YrEEoeMuWa1HyKojMkPgqw9hKpcsiqknbOiaqLiEQc8B0L5azF4V\nxj7xiJDRK6yrNgjL58ALn57cknA3FloKMToH3TxO3NNkEjq8qRCnTfN1kcYI\nsd/j3MVGa/06SW8LlpyJ60kiUgueVA4NhdYepeb6CHACcRreMucgbvGi5EW5\nEiece2Y3f+n25hYSFQD5XoRs/GTFOOORDhqxvaFcKM8mKfCJ4KG6eex73AIm\nVtBgTndnh6I0ihgVfP1PXrp9b/jEaY2Xl8sReB1t7e0pGVjvCV1urJmDpO2P\nrxOLrxKqziNgNVRK0ZBssIDjBIOX1Ul32MlAC34w7sLiXi6mVl4GbXaUvofE\napU6Pcc0nFIlz7Q4ip2gD692MJvudqReOZIYFIrtcN7pfxlZGUvr3dyZYpsG\n5JXs5J82Vjxl6c5JiU49bDCWFxLRZzGWvoC7u9Qhy/WQ6RNJGqxG2u8TXT0k\neXNjdCHY4PCS1saYjmVVAFkTOGtIo7GzGprsG4tsW3PVXNah7qS4sHKg691d\niGpcQmUslbtshmALHSHjYSuUDmmgLp5H8OKw7uXv/xSl4u7o4iMmbM3sK2Op\n0kGp\r\n=MGzO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"40ae26c99d00481950066e41e33aac0545186659","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.071a6ab70.0_1579199002841_0.6098967305185592","host":"s3://npm-registry-packages"}},"5.0.0-canary.22e0cb618.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.22e0cb618.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.22e0cb618.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28d7682618fc60b3681b75e6f7cd4f150d4e5bae","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.22e0cb618.0.tgz","fileCount":10,"integrity":"sha512-JHGBGVsluYoPzgVN9DWhyRtGuB6ZGyyKz6FPkgWeXRulSKjYzGhzIZ1luGcUpuj0QJqtU72rYx3pCVHVYXobdA==","signatures":[{"sig":"MEUCIQD5Sp4fsdSL2r0uJ2kuvbZspv7k2wPgix+qM/SHrmcYlwIgfLDoYrhko9awSbdkl1C0VhChIteEjR/z7KzbSrLy1no=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIK+HCRA9TVsSAnZWagAAMGQP/R268c7u738OdyxKqrFx\n0Vle8r+IkhaX2GIZNaNAx+W4FJk9/sLULa1bJY6AeakJ9UiNeF+e2gOKLmcQ\noGd4veHNMtD6+4bss5Cs5JH0tK6+cy2idzFCXi4T7lncHUcAcN9IgHMvCTxD\nyRJBw1GTOsUkVvImMd1+zUAZZrjtjZydEW1r+SV6Z2OhQoSBb8iNRH0fzgJx\n8hkZzTt+lYoEj4VDjcEp+4aHgQziR/wZoLAshqxo4knJhE1bses3i41/Zi2i\nO0uImniuaRyUDZJZEW4EvcRjyeazWP1EiYw9fSKgDc7Kn3IOYv5Hqhh1V4Xp\nhzaFbkaxYWB93OsAYpSfuMuV/nCrADKTCmugAKjf7BeMQOK5KiKYzxHsYSBI\n9yGQwIJ1wQc77xkFBgzRERzwEqqHrOVlRLnQ9eipq3sEBStFkvU6o+B4nLGa\nWsX4nDhT9SEFAHg91UEDiFyrZiTVCMO5K4PdRha+ZDkH1qQ3D8itrWOnA0wc\nhqYidmWW+Tg/bDwLZHka4QcciTKKfuv661qr+vbJ6CDsiD9xE43PP8QfzmrY\nhlcy+nCXBOHHVD9p1NnMMCfxRo+bH6E96Kkk6CSlOnKl8H/sp9jxT8VWgJix\nA5ZqqhIjKukP4XG71RZZGXjx4gVU5SDpPukxwIA7yOu4MLBSTkTPo8J7UaO7\nQwEB\r\n=O9lA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2ebae5c07da66b94270b07b137673cf19d6d344","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.22e0cb618.0_1579200390541_0.9546245567889216","host":"s3://npm-registry-packages"}},"5.0.0-canary.f16f15b8f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f16f15b8f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f16f15b8f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7966624ebf81fbf56709ff3a9cc7535106a7c151","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f16f15b8f.0.tgz","fileCount":10,"integrity":"sha512-T3uIlrprntqQE5pMyPkVnMqIWDeEMV2dQkJtg8D4hKwO6SGRnr1CiqwGs49GkF6lYMs4ehCLpWTZOWg1CkHUhg==","signatures":[{"sig":"MEYCIQD8RlCSmTUqDD75i186Rm6Y+SdfUpeP2QipiSos0IqdwAIhAOHYgshjJ10si0ZIHS4VNSaGs/vVIeeHSpGWAY5LO0pO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIPp9CRA9TVsSAnZWagAAOhMQAKRx2VHxFSOcxaqxJsQ3\nJHmba8Pbu8A4JoPLXtyLLOWtXDKV5zehmC4Al4od7Rv2rDfAbNl1jLA1hUwm\nRRBJ/L/h5+iNTOwNL+BMHYezVnv2vXruN8MoFx6q1GD5qdbJViad2MWYFv6V\nsJUj7rniFAROaTP95+Jn/rAAqDBc+kMLecc5CeKrE02bg+hhYQcRQ9QFT0ku\nOm/bW16+4O0WRBq4PyPZ380WbgnMYvUzLVsfvfuo4ObUOElhPuZbE85qFFnm\nzbplb0VPaZQvqDuhyQ3cB/+ZJdl0RiPNEIP5DwTXbST1Zj3vIcLDxToBFTLP\nqXBTH5MoDJ6Dez/PcNaTfPOs+HTXcqRXh/nnhoX3RCHtoomHGGubR4i2HrjH\nz+knU4dp08znAz3SAMwDyjORBPRM77At0euwzVYHR9HgeesapukWuCtX4VAa\nRgwY/PEhRHgbLe8IVLoSWAOcC+BgdAaR68H1NwDm6LaIpxWE0fWxmrJN2t24\nm2xpVmOze3tds7L1a8Q6LnrxGexwQ5guSujuP073CNDVj7ixnX0pQ3kqOkpG\nVC+OCs8Pnk6Ii8uV0H+Zppbkeid5C6Ssk5aDTPYkJmvsj0ZqlpFFNix3piJD\nWBbUnpnL8SHoRbqslmUE0ScqWuFn+xYdskYHPYr7fzQ/GiA2+Jyd0eI9Eqg4\nbauH\r\n=3H1J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"edeb2cce6b325b416aeba9bc6f4598eb518f8b24","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f16f15b8f.0_1579219581451_0.43950843633325687","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa8e43e9a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.aa8e43e9a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.aa8e43e9a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6add8b0393c205cb5c9e27aacad6a4f8217b6cf1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.aa8e43e9a.0.tgz","fileCount":10,"integrity":"sha512-UP/+C00yoOF9EWk2prBpQcfJa4gBWoiyNhG2ftn1fsOQGxadJggwAkidEUYG8wXv84jIJWXGP+gg9yg9rs28QQ==","signatures":[{"sig":"MEUCIQCnv4QCNkJZQk922e/8vBVYPgyp7LnukjQSlSuN4l9OsQIgc8mY5ug+QNOBXO2Caz0Uj5qmHO3FT+5NVnIT0xivedw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQF+CRA9TVsSAnZWagAAvNoQAKHh0JOfaesJsdPSNSV8\nN+fwHk/RjF5W1Pp71MSZP7jVcXrH2c9KlSmCpTffPVcBq3Rd0dg6B3mbvD7Z\nKKoCgNxEQGnxcpo2DFlHWQ4fMfGeBZB+DR/+WHomrGJtApUIyyt8QSzDb05U\nSWZ/DqD+BW7YwPEVpKXh7hhpgUC65A2TUX2U2o5xokmF4vimiimrMpua3V5p\n0D8pSuh91FrSHSOUL1ihUxQLdJMstx30b3c5bjx1sRZ9GaKQqw0yhTK3GPch\nFQ/+7IDychFj5YzA5QXGhYFOvVUAxSpqk5T2I/4k7DDhvsLkuE9Hm61aIcx0\nE3fIm9nw5A9Jz9JwgciWFCgAtNfknbtN0Tx7PRoM/J+Pwn/H/yyQmeM1jzaL\nFx/o52wG34VRRPS60yR+3+NAp0mdO02MAe2no3KL7QXruN/+fwMrXS/kOZ34\nLg9Akq9wqFmkwDMdaI/uAdmYGsMYdiVT3/XKVVSvAkPPpY9p/c6bx86RPsFt\nZfbnHi6xeXh/UnTUastoZzdsul1WIPBHZoWnNM+RR/YFC8UDnAUZduv7Oe/6\n46i4UTxEEadT1RBdVHSSqQgUd1ZzoFug92PAEIVA1MdQ/XUa35EZjc8eAo+q\n1VNuPQXoDNBA2arGlF7NTRmHsgCTDIY/2lSlzdVOyMvhyv2q35QJazyEWtNE\nEGvr\r\n=wFVU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b95162346a28c58839b2d3e52201e1f8c5fb9789","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.aa8e43e9a.0_1579221373792_0.5940694640519735","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe1f3ca07.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.fe1f3ca07.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.fe1f3ca07.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb4c003d7033d6c81372d0d91ae88b1b8202fe7c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.fe1f3ca07.0.tgz","fileCount":10,"integrity":"sha512-Rzbf/Urts1DsOc+Y3mkmgMro4Zp82Gu2r21J7JpboKhS4WSTL9Xf9HUBbq/qq4oiycifmQQZms3NB1DsbWPvJw==","signatures":[{"sig":"MEQCIFSirL6PVbhJvVOv7woE4geY7C7DmDGkYU66C0GzzsKVAiBHMNXPxEovMJ3cSOaMpJ6meX66p0TMtoL3BMrdBhWu0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQb7CRA9TVsSAnZWagAAsSEP+wU3wOZLbL192ZMz82OG\nfL6thiMtYTWuEUTdcPfkMMj+mXxz959xd6qXrw1cLWb450zB6Jufqff0JYOl\np9EaP125NX1rItNEdS/Oumyd9k56gze4/hyO3rtR1cF01CushMtqIGFWExvr\nXRza2Gpn8VV4NAPS7OqHiOAaTUZ7XU27sWj0lAzSW4yu1i297voyV+A/27j+\nrDtqV0Dwrh17DGPT69VP89HoTh0WnJ4rEgNkwNqDZ2Lyd2f/pqlorwNPaiWF\nmw9GroxZvXAXCsRKHE3ziplC3UmVPdQl2Mgq0kLe34RpY4CrXzeqpsHI1RMP\n0GrP49lPBhpHXYMa5Xes3L+XCKmUoCR8SkZsqH1ftb6WlHbPBea1An5VyDgM\nIElau7YgMsrKedXjs8uc04gSPYYPb25BzUtfLyVdz72fo/L5obtv3j+mTMwp\nC5rA87DFuXGx6+cYq3tov3tCrY9iVj097xFKHT9xoTLoHPyp5UG8H1rXbJfo\nAgfPZ1PtmTrrOQgmgrqqd9he5WkZi8Ko2alUFHDqBbQxwgrCnXQSVMNFZejt\nj9JmrhXyxgmAvLrAeL4bX3j9HdafwuDatXetZSOH3fgLKzFxOJMdn/QtKIki\ngC6W9YtsvLn4GhrZimA9ZDH+v1cG6wksi+MaYuVdztpi4EiHMbJS6TuQzQwb\narLn\r\n=j22L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"55fb21a2166199c09c2ec1273c4d38c6c3eb8cb3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.fe1f3ca07.0_1579222778748_0.5681268294915829","host":"s3://npm-registry-packages"}},"5.0.0-canary.d405af26b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d405af26b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d405af26b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fff5baa31b4fa870d8a35e2d3b9d5fa11dc25276","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d405af26b.0.tgz","fileCount":10,"integrity":"sha512-tPlv+1L0zbwKfAc4QjYcZVT7lJtOpUvqYOFZbk1iz80fGCLO9iet0tXAwfG0zDjHH7fsw5PXnh4su6E8S5jMyQ==","signatures":[{"sig":"MEUCIDBChXm5PYud2R234lWNgAkx7Z0HiTnB9q3GcStCHzCXAiEAy73+LAcHl1H/AtgPgoipsrsarhGBkJwpb7wExXM5UXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfn+CRA9TVsSAnZWagAAAGsP/i+1aNZqMubmeutMNv0Y\npS3umJUczHOva3PV+Qc1lEUvGs71n6c6Y4Bj9u+HMKMuPPRb7UuYyvif26tT\nzvqJ/1ZFCMJ8TgfYNwF+mDjAAONZw6bFpyTk8VXpf+23d6fASB8Vcq5q32OH\nOYGK9Iqvnl2OLBEZpmzMpHAq4mrTA8fNfn5mCyJXEjW0aLKsxuGfyE+jrb9e\nHR2ecOeYiPbUYfQEeU2cgfi2xQz5h8UErRLbBmjxR3WabgJS9SxZDqxDVCOz\neZFHhyvcn8W2ia80Pxl8yiSok0w5GaAYofFbuDReVciGGuGHVeMl5NDiQ8zt\nv+AzOxgvuce0UGJK+KNT8TpwzpW4GuRsJm40uylY19iefOE839dtEeXJy45j\nvPsWdm1YYKG14H3a7S0MVqvCvEBueqkLUgnkatnoaj6jCa5BxVosQAaVGUJH\nhrnQ9gc5QLoyVrdqYnnl+jAq92diAvhzBh/MH1WmJWFjAclEldoU4Lmur7Ql\nSIm7KhZEur+6dIYYPwNVahoL4wSNcejXhI2ecak6rV/+McGqu69oNtOWRKZ6\nykKUTTlWedaAkcKJidMYUKgFy8mJyZ+e6H4qbs2qIFIkGOR79DCO+a/eOaJf\nKTwRmY+Pt+kmRsGOG/L5oWWvKpVattTuCy+QQBA1mx/wfJMmAym2aBAbX7/5\nzlbf\r\n=Nl3G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0520800061215f99c3d58fbcb661327da2b8c126","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d405af26b.0_1579284990420_0.9266858054315281","host":"s3://npm-registry-packages"}},"5.0.0-canary.6e857aae2.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.6e857aae2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.6e857aae2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9924f7e187c47efff4814305d198d6c02bb602d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.6e857aae2.0.tgz","fileCount":10,"integrity":"sha512-PP+Ls6Nnxznv5b+Sh2H6wu7+u/JQpwCF6eDYEQ26TVvPZPc2ivF5pzQhfLQlet19C4BUz1i85V1CtyVy9S9OxQ==","signatures":[{"sig":"MEQCIGMiWB/AmHBygSEvJoAR5XvgNwui27122manwspSQPj0AiBuHDWw4rD6T/ONtNJ5fDY5DaKCffHOfE+o30YRRFOkbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfrhCRA9TVsSAnZWagAAQsUP/AkBnA1LdM9W8u5gepH0\nCz3dpKk7Aw3g3YS6ukN6LOGrYOs9HN0wSVCyygYAMQNNKZu/YDyoRPKBPX5h\nXMycVDqxZ13J8rsagi6w02k64j+kwxa0w6DjMhtoqvEm0+XSACODDYPX2p4K\ne9rJjoRZi/66So4VIJkeiEyWohDaw6ohh9+e3IAOIqf2I0qWh7XYic+zBAnW\neKgOtjC/KIFBbnLTbaUf+tG9BV+cETzcL/EYR4wjiSy93uNym5AzhOAF31Oc\nr2W7Y3+kDK+nS74GOLun5lDIyJlC60H/3UdeQRRs2C/L8zxvaukeSs4WbGOR\n5X3tAiaZ8wPqOnDTCA5hm/Uk6P7FXrwLrMFV90Kf5y+XgqbvNiQfS17wRw6g\nee0oCS7DCqh4OWkiSApyYdg2uqa7do0Mm5rU1HqdWL1Xn+rGFAI49UoRBuf8\nrFadk6WXHQETFxMrRvnMhl6DrjybbymzGZ6GXsef0VkDEvADIlqAr15VdxrG\nd8lfXOTsxGbeU06FIvecYgZVTr697P32Lm31YBoUHkF7nfJzdXgNaNx0WOvL\n3N6ykzof3LiYu84LdCoOV4PuJYYNbLUqVv6UJgT5ComoquP0qKjDLfEhRyYS\nhfniny+JN4077OZb5ByD65g3c+uAKr6aEsprchgninrPKjnVL2AMgvItsgyE\nPUt4\r\n=dK9j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2a53aa5d8048725819709e1279ce78762b8b6170","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.6e857aae2.0_1579285217420_0.2692771768283362","host":"s3://npm-registry-packages"}},"5.0.0-canary.e2e764f7c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.e2e764f7c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.e2e764f7c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00393d826ac0374e8705c518a5fb45ad97fa991c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.e2e764f7c.0.tgz","fileCount":10,"integrity":"sha512-7uU1AXFJEGbIrIxssglnIt0Sid5SIBU0l+VeewiG7TEpNowVUeTM9hORgnwHnqNMjaTyFKu38F256nTWvZX6Vw==","signatures":[{"sig":"MEUCIDlisPHtXXz26K1TzhCIbREI6lR/22lLjkD5Auvbh4qzAiEA4mPWiovya57ZbAogSKujANGTHW+DFeMt7UBBiuuTado=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIf5wCRA9TVsSAnZWagAAau0P/ja+vwedLRva3GEQYSZG\n25PtUff+vj7NUkcWq+QuKEdboz7LTXlc8mTWNxe0fxwvbvP9YkFFiZ/QY5vj\nf4w5oOxAxDwuL9IsIaOHqY5lY84l3mxk7wTydVd/AmQo9elVnl7gs7duvSac\n3qwkINO9PCWSSJdhzI5RKmFkhXQ7F5KN6ET7/eC2mwaEaqua2DWXhCD/vAkZ\nbqYjF3kaBg4yA4tzJGc+/m5QqhtOhXLx6oBUT5vxMJsd7egv6kiVbP39+2PN\nweU8h1W1KfVxdXWnYlndEWCycPEWI6M39IJ1GP6UEXSxsozQH4p6WZh9jbcS\n8NZ20ELrPoMLSdTC0TUaTedSmq8blL5ahzzJICHfF1giegYtWRsf5oWfH+kS\nBjeERXdw3YclHGhR1D7aJioC1IJ6hJMXaOxKocWhZCLLazTBXW6DQW9jO8Xs\n8RAXxOTGfLnBdgsGgPYvOR5GhLY6S+6Npe3hJG1quV9YmJd7L1BqQvHFRfbF\n/bNjff3Ur36Qq0ERW6oY/mKnuaRfqmyF5INprM/Vs3mG87DC0I+EcgMEG1d7\nxBcJBW7i140/HKpLTlNkQJgx2wspuhzCVsUjrsFjrOic9NCIF2SVZIBfwa0K\nIql86pp1jLygn8T68a4XHELJof0ryD5j5Z9o3EYaclH8nVyGvAk5CItOcxVm\nnvRH\r\n=Yha4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9dd6d44ba7288e1e0e80905a629b922c21b54e37","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.e2e764f7c.0_1579286128551_0.7245503572417451","host":"s3://npm-registry-packages"}},"5.0.0-canary.7ef986a87.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7ef986a87.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7ef986a87.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"728ad1f33778669c01c3d6757bc5fa31ee08e220","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7ef986a87.0.tgz","fileCount":10,"integrity":"sha512-TE3bcINioA4/+N870M3wr6NhA9d1sVsVDGb3YMPJajBBznr+E5w6G9OE0ZsHCjOx1G8o89c3GRT5BTuz1VGQFQ==","signatures":[{"sig":"MEYCIQCcZyDQud8YhF+a/K5eDi89U3jZmpZYN8cGsLirHkZl2QIhAJVo8w5dGq2MCWPu8yrVp9sQdOIZG1ed8nP/Ij0IdBx5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIgtICRA9TVsSAnZWagAAZNsP/jWEl1iF2H5QcoGlEOp9\n3KYNDBX5plIX54gMkqlm+PQzKrLQtDDvnp1EKH+b76y8JpdvyMBdnuhTRE9E\nTeev+yK3QSaNbNQxvHp8wOLfkzu6rfK3dIs9B1PgAnJDP7zYIkeDF7ATCJ+H\nv176Vl1NmfatAEjOxJBh5PrlfbQ8A3d3IMtsIrMOHCOM3sgvkvskJPgN+DXg\nI/mGRRuOfCghwWPwfuOLtAwlM92pY9lM0Fq0EZATVsVipAobVRbnEgywxh3A\nV3rp9WtwNj1u5o+3g5dXq+P3rSpMD/zex7ndx3xABv4BkYAjVn8CYbQ3pBZp\nIihD/nKQ5gDUYTi52wjz55XolC1GKV0HGp6fSl0OEwvmQlweEA3KFPeouJa8\nCemVefM1/OfEskuTGhWHdpG/qdEEgoq3DnD1dczeXxly2P/z5T30DwMNHMdY\nwoW1LAd9f2zwvrTGfOywIka2ZJp0yMvuiRopT9cegaHm49+0Dr4lGIldAwB4\no5Cu7JwHfWcOn+0pVNoIwgnmrJ5/i9DAoZXvhs75Raw+qO/rC6LZOHukOV9Q\nI7uH/WkcmCkInOtp138MIx0hU4mAsg8GicVvxGJozUkk+JjEK4uZMZTp7RwB\nt7XJTjpEINdr+7xcks/4IePNa/YWz5BbYAdrdUHvRwDAx0xx8l+tDbLh0HIX\nu1fM\r\n=B/MG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d18e160fa2a4eddeeddf0a07020cc2cecff9b573","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7ef986a87.0_1579289415545_0.12891983582071576","host":"s3://npm-registry-packages"}},"5.0.0-canary.29402e2d4.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.29402e2d4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.29402e2d4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9893db3039ae83096b0cb4594d672c9545856192","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.29402e2d4.0.tgz","fileCount":10,"integrity":"sha512-YteHycjByqj28xpggxbcNn9jDIINjT1FhQIBse6uwM6CyhwBp0sX5X/CyjRZv5UAS1jiuVZw8ckTLtOcRTYDPw==","signatures":[{"sig":"MEMCHzwkh/6nbcd4CqHo++/wyPQ7ATGkfH90Nc5hA0UX++MCIDxpKkQSZf6DG9kcCF07MI5sOf9ef2euQPpHG/LdU51D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIhtqCRA9TVsSAnZWagAAAj8QAJrPxrWl3wIoErDsaq0z\nNNxBSy4loVUQL3yOKKx4sUoMEGaAhQMovJDwEZEIpXdNeLkD3unNhMdFy3gY\no28WvAi1pHPZLV7d1G45AEwUJRWMnGE9ULrUbm/1njY48Cf4SLXl/PgUtLh9\njx/0V9Su6qVVln7H0gnrj3paySDqAH4oYTLIwrGrr0EFpJ6BQEXdzOy9IUcn\nBPrfK9e1efnX1JghFToKAzZGikPCbrJ1kQ6Okr55+NZtV9CmfZk07mqUsA3Q\nL+2iu4tZN8CHCtDuAU5WgnIq9I0PZ2T6gIWrkzk0I90ayslGz0R1Wzr9LWAY\nLczPGmZZrmUtHRvtNIBousSNUyck9EQ2ePWVkThqqICH7CBiH2+C89lx1aTq\nTbdGDn518xw3SsgRJsDpb4SjXGes1KPL2nbnc4//AJxBYpJ+kBIDCKWLNq6j\nZhifCxLB5JOl/mPXxu03T3uR+CFg/hZqvHZLkAE/adJ59+MtTCkjRsEYIGRK\nui+uFGTWEi5Mlbe1GkU82UVGB/8Oz26NXtAF20sXsiioSBMKtmjOOXN73flJ\neQ5DQgGtxkAM5QLU60Qzksg8yywpjSSphmJ1jFqlgvlSjLehAf7EnnGrD7Kp\nsz1zRA+j3vcUiS6943ZLda3kuKKTvZDwb9hlWl7xoy3Q+FaHSVYFiYVeFqjR\nNg0a\r\n=SS8i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c6caf45e8fd759ec1c6409699c53250c8c41f25","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.29402e2d4.0_1579293545586_0.1865005923038523","host":"s3://npm-registry-packages"}},"5.0.0-canary.2b3ec563c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.2b3ec563c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.2b3ec563c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21cf86b19842e103b30f877fa581431d1bf3e0ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.2b3ec563c.0.tgz","fileCount":10,"integrity":"sha512-T9lzpC8+TvsQubRfCwK5BGiaz6vylk2HpjsUUbugl4GixI32y9yAvXnl9U2p5vszS/Zvr9mSD0hCu9x47kEg6g==","signatures":[{"sig":"MEUCIQCUtvd6ZxQxgiSb5xd3pDHcT16vjrZcrLV2k+ldOLMVzAIgGiYZj8J99RlRvX3TsRrYhZPbhwFOhFsrtd0dvsU/KRU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIj8BCRA9TVsSAnZWagAAqRsP/3SETG1TsxJtHceHmZ+d\nRYGG7EtY4IiZfAGOCa12oAML4Lxlq1OsBdw2PKmtp+kmO+AoovksN8vL9o1a\nW/1B2a5VWtm+T8S4OTmgTKjnlz1SOyAfYI1Ar0IgyFGYdmxX6LFS+cVBr7Bs\n7ezIYB0ZkHQOVNQ/okA33UVw/AnK+bW2/su1ImcEb++88VQawD3nAkN/XwKA\nqxQaeTpkbF9vXZpfDyLJwvBOD3OQvg3MIJS8K41zzeYdz8IbwzmMyRxVzITi\n5LA+Duwwd8g8dZQqe9PP2cLgEj7Cj+fsiQKMfHmzzI8Xqtlap95E5uBGN4mT\nTM/p0Az0LrXVT2JcO3Bpo92o3mbe+6OFziKz81+A0negZ8LUyFnUcjEwMfrr\ngSNsFdcoLzRU/XjWHSIWuEEc0BveEqxa2L2ZFDO3IftHtUYOI+iFuF3AkHMO\nErsHuswzl9wi0KjfMKZViGAZbOT9RinqQaslkmKofNBpquvXA4J0yuK1fdhC\nU/a1l1DdYeliesZjCn6qviWjwxBMM/KTy/woIcZIJip0v/559BWyEvt+aIm4\noIhE6VFFspoJN5HOs1L6wdxIa+0sYlua3/GtgGBmDjZw93PCX6+0/a8rsWCW\nRCNuNOksaTTOgz1Wu4lex0lzpknEbENn7k/0seNDDkXhTSuDTpK+SLI+lfbW\nnP6g\r\n=HE10\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0de6399e32c2553a23c71775c8e5b54fc527e5f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.2b3ec563c.0_1579302656603_0.5092543806587242","host":"s3://npm-registry-packages"}},"5.0.0-canary.e8a993677.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.e8a993677.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.e8a993677.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5faa42cd27bdfd3187ec0365db138c007a8eb02c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.e8a993677.0.tgz","fileCount":10,"integrity":"sha512-Hn4QOS3YaO36KMOyBxS/5VzNtW1y82oA7NA14j59K983pbfEXJvNOeesr0+/Fsp3cF6gG6+jqt6vPUxNYBvb/Q==","signatures":[{"sig":"MEUCIC2t2T4djVCZAwcM6Pl0xHg3uUaBFAZ3s/9cFzjVP8jEAiEAhEGWoCu/RW5m42KVwEvWLlJlGFznsc9PHqLcvZLOibI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJyuCCRA9TVsSAnZWagAANxYP/2+vJdYNcp4SR0K3FidJ\nDwtKAIf8XlteDQeliTHlsk38EndMBzbY/vjh2CiaU0E0bDWR5vivah2mORXG\nEXhr1fYdTJmh+69Z/3hksimlNfvTTfT1CFqHYQDXQ7m95aVFc4K6m0p7WAGV\ntuYR0OkxR7WBgP92TVE0PmQS0zmcbujrc3RQhw9rEQLiNbtf1C2aWfzdUb54\n4US0VhHUlYuoijlwO9d/fNIW3OGP2dqZe1hSQpMlZGNuvfjwLr0I6/bM/dQk\nIqpgHR5RlU6nSxGsf2pPtmQTp0T8zc5H2ys14LLePHa1xj0/lpKbTpZRk+Iv\nWnCIOH4hYzJmu4ZV1giVENbzCHzh2IXJBA1SN8/UFGrg2ns3sjanNa3jcHuA\nVl80zxHlkEUMVbHAKvvy/vSFDcuXyCPuJ3IfdJb1uDDaDx+WZppjQrslPYon\n+bfRzoMF3v8n5UvgPLRjhKLYys4lZbyLGVp+Cde5KLj4PSxtXjbwqHImtRTQ\npA6pt2ohrDxrnVsBqLiyvlRZhigGAiWQCs1Q0K2V8qArZzwUSY3c2UUIRy8i\nTNDuTiyd/Nzz5pJBVJeNl46RrUnc7j4zfhB42ZR/JT8tCVxK3Iw07/kJNTg/\nOCJLInUQNn9W1cs3LGX85why8hw01/d+mJ2eAlj3eJpsyW36Z/5kIldyyZ9/\nxmbf\r\n=BHpq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"653e52310f90e65950905e8fd8fca6f99e87ba63","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.e8a993677.0_1579625346211_0.7178538962643841","host":"s3://npm-registry-packages"}},"5.0.0-canary.cd4903304.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.cd4903304.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.cd4903304.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be36f736486ad2bfd5199ea6739939dedd21006e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.cd4903304.0.tgz","fileCount":10,"integrity":"sha512-eZA04HkyWpooVyWFVBW/olRyaGWd+q/6x9SNhjJYxQrayMEDZ7XekUZJAEG0qx+xP7pIOStHKtBRp/V2GDeyxg==","signatures":[{"sig":"MEQCIAJvXebDd/Jng6idw6hUOupO/1mL4kyng/PY2lsGgn4TAiAr1Ps+gkj8eKIesOUiIVb/NgRyXa6THL7Uf46DUfZY2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ271CRA9TVsSAnZWagAAgDsP/3AtvE5zgbzvbywBYxia\nl+t3S4kZxko+HPO1qX1UNWg6XWDmUyClCJ7Nm6bSxhJTVObphTUKOlgmrWEf\nY7Rpsz95MCl3l6NrTjJjg+d+4aMK1qPZfHHz1YElMCilnejtlwR1izAqjU3M\nhkJa4mqaTQBdjkNhj480PEDjlGLHrFB+86iGzmQqlgZt/B4hRQBgd6FaWthJ\nSir5dOahg/QI0eg6gSZbfjFzEdL0OTAvLyboV2SMOXbr0bSNs23uYRRG5SG/\nEkanjlwhF8WI4tfF8Hy9QR2ewpFeb5ZwQTGd7bEn6Wt9HDpfaZco7tiJQizn\nWeJUktUyF2Y64Ho31mJMUhzsGB3UOlQnOvN3v+h+j6GqNT9/lZuw2BwOT3NR\n3O96HbKAtSm74Vy8W68dQGQLcQU8UPiBFTKrN3bc4KfohJNcza5sAIInOHEC\nFK1QxGJoHqUH86XXM7lIFpb21PB1fiiJJ5RlakLKIiErbR3+nlLJEDFvUIxH\nxZak+kDhrwH2zw+1+IVtv4eui0cbZlaf1YcOygomaJretbHhyIepvJsHAzA7\nBVSstFfRoO7Y3vYG7Pi3vOCthdcoQIkGsifEw74Bn0poUBUjNeZUdWBKmRnN\n6LLewt1KJb91Jwfen0NQ/OJ7g9zJBLtD5/NuxmX0LLJCf3GiRy2c/D0aPt5W\n8aa0\r\n=m/SX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a1f35ca90587cb380a06e8b6eb8650279b9953f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.cd4903304.0_1579642612551_0.18044854700254054","host":"s3://npm-registry-packages"}},"5.0.0-canary.7e4b04b25.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7e4b04b25.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7e4b04b25.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d5f178c6c3a6edef4c7849fe0c733dd7e8c8753","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7e4b04b25.0.tgz","fileCount":10,"integrity":"sha512-P9eqmPl0/nTrvTR3j2mGzL4wTHKwQFOKJbjeDSaK8jfvVv4EPi1vVo32tDE6IoMLi7imY1peveFFeDqMsDJkcA==","signatures":[{"sig":"MEQCIGBVLgO96abJF6Gs7tDxo32/Bj0BVbCfuX6qRlYyIsIfAiA6NQTpGip19AMB584nFO8HwQZQla/+z2Hdju0r4GsKeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ377CRA9TVsSAnZWagAAqfUP/228Q0XL/2j9fUlvvJsO\nmCpbO+OlqBHBO92kHQ7IX+TY8ffMCivSLErT/L9kD4WJz/Z8XuGTeTd6cccA\nj2S1y/IMCqD1mPAka6y4AfObdmho6mCXV+xZUPYW3AfxIqhmkU08mqHqAx14\n35SdAwXMXxEPwFJrPscDJM8h/IYp5bHi00WwclkCscgwaM8aYSn5+r+2GvlY\n80je1c0DTe3GSULGC4UrKkd9WWgEKnHBn7IEETTKrxOqUazp6EtGdg22Vu33\nV/i1MW+GEbOA2wuTcJLQ3TuPPUB6/7Cn/onZlwComrUQrbiyy3Ns/AZXTOll\n0p8tDKhjxk3q59/M4P2lJ0CkE6q8KvtushnB5k8X+fJmYWob1ZWNDjdvJ00S\nz+6lqOu5F4nPt7ZkKzS2Ts55iT13/OTTN9kLb+YTpfQoU+nfttViENJIC6GI\nsQu/iCwvvaVomJ3ev9P9fjGmIx/8nChNzwVXX8jtKspL9PVfApq/F+kKZAV3\nss0j3Ky2azK2kPqAvKePCj3bnRgkjXKemYnL8QCi0CNd2k86L1mgFAggslmy\nz3A5BDLN8N4HoHZU5aP8cTg1oZH7n88u5HEI3P53m7bI955k0+LjOf9Ahuib\nShF15LmpcYudEL0iJmQOwROKuW4DjN1n6yGXJnaugGJMrAp4SbXb1/7ogjRP\nrA+O\r\n=UptS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5ce556593315b470008c9bb156d98d7624231a5b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7e4b04b25.0_1579646714885_0.13821947283141633","host":"s3://npm-registry-packages"}},"5.0.0-canary.ebc296937.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ebc296937.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ebc296937.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fed97fadd9df8babd6ae40ab2329e1c37ae3914","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ebc296937.0.tgz","fileCount":10,"integrity":"sha512-oH4qDwiy6ub5u0YsDiJcTMt7U/FD9U0SF/5OUsQXZYHBPkvus173+9gaTCTAEdAnlifv6PMl7nmHCEzMcPfqvg==","signatures":[{"sig":"MEUCIQCPrV8eCi4Z+83DTHWsHK2o3dlQU3ukN0tc2xeMVdddRwIgQFf7JmyaDH8KG2ZyveU4EowbZjWeJm8FwnCXLqD2Th8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ4zUCRA9TVsSAnZWagAATNwP+wWZ8kVE1jbDagcEpCn4\ngLE2fvYPXpS8XV4F1ERpnrvluT8gYtqsgNLV/0uCSTOhLnLwSqFjPamfUdgK\nXuK1bVgLsRE3YoZIOwvMXcWDlPeiJXp0L0OLRY6xjiPDXS6y89zJaQd+VBU6\nCmuEDhl15akD1u5B8sVLmWEsp3IfSHVi3Q4KFU7EAS39+zmTF+fnb6OszEvp\ntBF9zgGXge1uDgSQF58ZLk8o6yyE4Qk2bfSP7z6MGKo7ra69/IoAYmSamGZW\n704xt+UGqkisJmy25tnFzOh3lNDfvO2QbGRE8Zyx2eJaxRIb0qqY+ssmfIHD\nM8AGxR0+nd7j1Gin8RcvmLaDvqA5Flnhop7ru8XcaD5cE9oba0LavypEkBNH\ndQUHhrPwc/zg/ugey9cm5UvWhlBTRW4Gjbec/AuxZsjQl3zFb2Fisus7Ue8i\nU/ROtEGfFx6g/yQ+7qjC8HBQkv08ZCgnMU02sO56usbINfaLCGXTQd4X9aS1\nkCZYxzc+VJmS2qRRTNCNfzToEXg+y2G5I7S+UDp1T0KQs7Tt2qmEi7T4BrsQ\nGkX9F5lI3jyA0vQTtmmVOorV1MrKthO3yrmUZqjAxuy6H96ff24KN/CdE4kH\nfFZwuyH3O96JpuvF/+ZO84KF7AWb0Qy2ph4ImGrWd2zW8/8Q0bawmFilXrAV\n8Ygg\r\n=uxCT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"56393bf41fd3e60f82b11c9571455b6e0b0f2025","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ebc296937.0_1579650259724_0.34241558790859417","host":"s3://npm-registry-packages"}},"5.0.0-canary.cf33f113d.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.cf33f113d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.cf33f113d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f45b03ac8fd51f181adc2a78c22aae88797fe8c4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.cf33f113d.0.tgz","fileCount":10,"integrity":"sha512-nu24alXFIvrI1kkON5cqa/92WOZRdmge6+7i4P/GcfSHqfNY86nSjVBnGNkii8RHDXxHOXWjLsD8VGKJZMpz9w==","signatures":[{"sig":"MEQCIBOBeg0a+BfVG9rGAyEY4TxRpOERj3d45CkBNoSpl/tJAiAxrm4l2VbiXywV8DPcPzxKJt8tOomV9lvLpSzSp8HJdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ6OlCRA9TVsSAnZWagAAVFwP/iyrc2WWujaVHX/b3VGs\nhieSJ6fycvXAPPiknh4ts8k39d+8AJfwRQZacH/nsXrgHlHP5ZQLttzcpsku\nRais6lGMAIuqF/fHCvETekw/nVAEC1F/0ka9l/LwtU8gr+vJI2W4bMFHehR0\nuwxuFYIg0C1kY6obB6mafPbXlH9BfUpVR5C9QAY/Df0HNkOl83X8teLOGCem\nDM8mYqr48E+RsHIOTY8AlhTpPIyk9k3spuXieAc2crN+wyAU4kYYVrN5Iuqt\n6v5FEyZrLLrpi7uG6D1EDIVHyMmXmUg5N2IB3WUzOub+WJoC08rRJtlxZbhy\ng1n9aTGqTwZcllojnpFVYSHWk6lYqZEae6AxKx0fqNIoFxD8Z702KwLkzXPH\njaPmivV7ebCDS6Fw2rM1z21F+wd1ZtjRD57uAr4v5iqxCl4poiSLu3yfn9jm\na1/ircr0geLAbBjspHnERRzljio2sQhkiDhtJVMuTehRqm2nuNeryxMMsg4J\nQQgofD9qjZa/Fqus/vlyVwdyW+ydGMKxsJwUIrh0ScGGhFEkhF93RIhoPsFL\nFTO6Q5XlugQM4JVWGD6o/uQ84hiMLswV1Q7tvoMVLCXpj8LA1nNcFHkei9E+\nszbdhF4Nq53vH18zpkP3yKNAQkbxEd5bO8v1hu1dx6mB2wV6kdKYYn4i3q1w\np3g1\r\n=o5dv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"337736b1343fc4e03714756c4fc2ccfdfe1e5537","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.cf33f113d.0_1579656101367_0.6189577542057372","host":"s3://npm-registry-packages"}},"5.0.0-canary.e1d5f1be5.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.e1d5f1be5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.e1d5f1be5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89f3b0d55c4b97ee9a715209e7ccd6200f9edd26","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.e1d5f1be5.0.tgz","fileCount":10,"integrity":"sha512-EFTGFnD/Ga6SNRtBKlNsgzH8444JBdlgwCpkxN9inhCMryuAKLtCUdHmRKVfGFB9HZepPJeCzWmlQIztY+hi9w==","signatures":[{"sig":"MEUCIB7rm5Gwj6V+l7ZBSqecZsCh/4pmR1kKLZJfHq3bVkatAiEAuYIv71/3368ZD7CtLTbqTndun1/jPV7eeQt33RUnd1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKH5OCRA9TVsSAnZWagAAOYMP/Rbugc2W/AZH25qTV+fP\nJ7yEdzqmX0c7OtkAx3Jwlw/TBvi0L9DEgzgxL2Mq7NkbBLq8Zl4e8yWIpAsf\nJ3bHm9jZTADrAPZnuGmR48hrDwrrocPzMSAUcMb5Vqf1oPELO5N+RGFvAvY8\neRqXQZABlb9YU/EP7XUQGSe32OFQ3O+ozIUeBqPVFTLbn8gJ9XAyYPSPdn37\nKwCrGLRaqlkfX45u592S/lesueVw5CBvUhDKD+LNr8KZC+NYqWhP9j3x3PeA\nVcczHnZ7VDPQLTsl58/kNLhbst62bHO6rotfMYfeRwu8HVDXmAgGD879czJ/\nSQtSLpYXPe9/sv7ZQQILzjRXBwiQ6vC5eJWCuyn7KwUkd68V5j8n0HN/zlXT\nOdaa/lJf6Zal1Dk/12kqQmb2pEL52mfcNAgT5ZbSx5cca2AuzurxKSjvOLQb\nQhynxgZYEuzdMKUzcecc2W4cgQWjHdLUQlIjbfZirthNrF7luCVvrr+Pnp/c\n8PUJ+DMnM95YFQJfNr5+GVjoKkNkRjxmhkXt9MjQMdoHJckqI5Mgm5lVzXYw\n5tS5MgpnwlqRRE1bf8MQog2oZmmouPuS7h0hgjgGv2im+xshqBds0cENVSvz\nzOooRAjuNFy7wisvAPVocVQAtEsuWydyJRDfTFctzueLFuEIyAtjoBpNnjFV\n4kv8\r\n=lAlQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4726896d58f0dfdf4ec6ed819abc20912d43f2de","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.e1d5f1be5.0_1579712078571_0.15401513029610459","host":"s3://npm-registry-packages"}},"5.0.0-canary.6b6a4ff92.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.6b6a4ff92.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.6b6a4ff92.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b29140e4d8d19fcf3dd1a86cc71791a9b8326d93","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.6b6a4ff92.0.tgz","fileCount":10,"integrity":"sha512-0+DLE9nzAtDrWEFOVzVQjpHpddfAXViD8m/c5Un1G2ZE0QNIFrN6zK709zHa1enlkqxEKDugNZjWCYGEn+dKNw==","signatures":[{"sig":"MEUCIBTJ+8UCpl8ep8Eq+WIhwZpJSVanIBKgVM7YPTsBVKLTAiEA4qh5ojl7BwLthOw3zNHy4kmMhP/p9uFmL1ou6SZR/BU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKIzsCRA9TVsSAnZWagAAZEUP/jsMna1RSnMTqQ1PXROj\nl0YsTUefK/FGrSFxZ3gUkljGrg6buuWtpopsyEFgpYUTOFB5+b9EU5xkzOyV\nrKl+0rcXH2HyvRykzewQU0hc4RLOAlh8aFuCZ5cFuQ7oaZNlopiwqfhYkKXB\nmZVn+O1udpbYWPanfqOGBjoiWyvAHOXu/U0kA6ZkSSj5j/hykPsdqtseRxqm\nD6g2FCfpJt9UiT7ingqMSu8NwnCVuOiJtbvWNHy0L3MGR9OQF+xdM0Gewf+W\nEsokE5VMKbBK03Si5tqwCEi4zlIwSOFBkPhLFJ/uYF+synNAaZbsZj7soJWA\nhD3cU1z8eA3H5B26/mwx5WuC1eY5qPiC+vJ0yZYZCRxXhckJdiksiNLYPPGd\nNXCXhvb6wjNet+yaXHvnhmZCxBNlQ0D3m03mLMLUn3lJKZa3mc5jnHrnHrz8\nVSReczCGWKIq5I+4fxWGy69x36zoYVuuTbFqUj5eDtU5xcS3kCV3A7hS95N1\nHSszv97wMd9qRxDTJcq99O8ocKtY5AtKmFs0cCQUCesCzLyDBeksEAuRsogQ\nDphBXfFYLkZBB2h+/pgFKTLB6fqyVu6k8QlewK7AywdfnFBej1Z6UCh2fkaO\nJdJNurbWoBdb8i021Ku22GcajGOfuF8WLZX8zy6wg/GVpm0mFkSP+V030gOR\nZV78\r\n=49Mc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4307ced3400e7b61e83495c8903f219bba0ae44","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.6b6a4ff92.0_1579715819702_0.15163058981359656","host":"s3://npm-registry-packages"}},"5.0.0-canary.6092f71ee.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.6092f71ee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.6092f71ee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c547aac2532ab5740ca0641e84d3850193cdfa4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.6092f71ee.0.tgz","fileCount":10,"integrity":"sha512-NQQFvKYNTPwivduzMkL0QcCoyljGN8Uu10XjZ+M5sFLURUbm3ryyE+zHUuQHAzl+U9hSqvBi32WfjH9JIdN7Ew==","signatures":[{"sig":"MEQCID/lwgea41tHtDsV5XTHGwQIiydT97P4PMu3RHW4Vl7RAiBRFFdxbouI3nVoZD/kUmQyHqquakY7e6xoPw02uKvn1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKLumCRA9TVsSAnZWagAATR4P/RtYWFlH1ZKiI4RyDBRN\n3OqGX/XVXkyMzeWrWUY11qrsvojcj+ciRB5eXKAdpudS0YkldAmzLZwoGmGc\nPB9IlIQwh3EsG1U/MUvsU6inj5/OeqV/bvP/u7PQMgvgaNDO4FpnSMiAJrkh\nBqvTqwpM40cmU6t9RRHTvpaMk3JWti+zp4YICd7v8cpntRXXPoL+RVvWcT6o\nIX3q/pOgxJjzBKEQQ3yi5IJVickA5W6413GmmXxs+I1QesowSG41EwkRYVHr\n1KIImQclycyNJ8CcXZ30Ke6ESlk6U9qmLBfUJagZnQ4PFGc9Su/N6uD5x7V1\n+5OT1UieuzG2VLD1axp0iP2rvDmFc5qhhtukN6Hso+6Hbdhhln6y0e5lMFD/\n7BcS++vcH14qKEbGYdYS2Y5D1nFziQqsUbnWoMR2i3N0QK4AdYJmSb3WU3Mg\ncL+BNSOzd4ygvthoXreFSd0P+LkgpeyhMenRj7crEiXWHjjfWWjirvboOWLu\nK8UOtwtLQzjl120y0Gl1GjECjGHvejvzeQ3iDdDNpfM9HqO0QdmX/Zo/Z87R\nTzCow56XGM7BSCJP9W0t4APj8pFAsDMkx5cTM1HEukKv5GBg9rWYEoY6V1OS\n1pVvj4pDd8fk4uLEXNfX0cBtYxHxruOesa6ygHwOxzvOLUOzM3Ralo7duRNy\ns1RU\r\n=YF+v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"da5d9e639c767fd3f9ad77c867d990afc21cd359","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.6092f71ee.0_1579727782073_0.27934410837755874","host":"s3://npm-registry-packages"}},"5.0.0-canary.d8d95020f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d8d95020f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d8d95020f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea9bc1b6950855a4c09f97b3af2b8db0a5d2a75c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d8d95020f.0.tgz","fileCount":10,"integrity":"sha512-2ptGQgIMCzJGQLFpNv5Jd1rLUy/G8iB9UfVP5IQXr3VShDnmOuVzeKVaWD6NyqrLnqaKhOUgowaHdVqIz+gunA==","signatures":[{"sig":"MEYCIQDDz1SGEOuZWT4PxOsuPuFrcb8Uzr/y96c83F81r2PCEAIhAPAl8+AwMDDgzivzJ7q7w0Ew8E6ROoyURl5/qxIcFLnJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNYLCRA9TVsSAnZWagAAvGoP/3T4k51853Z6Cv7AxmUY\nHQ+QFKQiBpk9VwTZxn42QklNJNQpw/N/Gwh0mHFnEwbLPO1wf1OPWJNsl5Fz\nJFohWe5kRBz8pXoA7rlW8Ye+O4GWnnCujdBq0vrgMVpOMJTCyqTnZr8NB2RC\ns6e87VpgXgneCW+udTEIrt1omxG0ijKH5YrweXbGy+czaa+oPnRfOA7QS2b4\nIejK7ty/V4+YTVomVasPRFOtXCqNYDdo2smi3PyO0r4iPH7N/LWa6D3bPze3\ny6CFL4Vc0Ed3SPTfeZ5SasGdECstwN/ob6T8zU8mCqu5VgjqVd/wiHNG/wkD\n1RkgMu+pme9MP9oT/97Pcg/9AqNibeo64SxUJBKUgy6n78i1H5ZOV0O1y9Ed\nwKxQd1NFCKOqNAB+pkNBFCoZWB3aQElkLubPQTtdM9bpYhbJ269hcxCavGLF\nbPWzYBCxrNs4gWOu2P9Y79nIQuA2meQ+jHEx2xS5w9g9Rn3/tpHsSiF+Uoip\npDBeMMkiT4fZQ21qY9YVWFqnOSD50cjtMl3EvGQq9ApM1f3fA16+QUKR1mWN\naj4xZxlC3ihwvE4dInhDeIicP3aenIu5xTp6tUl+N4i9aekx1Rt42MzXkpj9\nduPVDkjKRaVkRmXrZPwHUnxJdii6v0fR5C5wzVrVyOXEmVUwG0a3hWp+WgJr\nuBdX\r\n=rNcf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6360c5189134a77fd45542c27776ac2f86b16a49","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d8d95020f.0_1579734539578_0.4212213957373594","host":"s3://npm-registry-packages"}},"5.0.0-canary.b7facc628.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b7facc628.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b7facc628.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a7d05af1266859b2639794c97d95c9cf8cdf382","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b7facc628.0.tgz","fileCount":10,"integrity":"sha512-jcUocrmHX0bAlelw7ZMj8gosn2qgeLiVUjyHPQvoDozdDGoFWXNHOSrpnXgtfIVjsGE960+JrllqmYJ90iZZjQ==","signatures":[{"sig":"MEUCIQCXf32gAvLeBtM9cOj+XS+dswY1Kbq/1rLZ7BOefzQrHAIgODGgXEMY9ifJuLHEPSG/bEvNmGq0pM0wSNfNPite0FM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKeHqCRA9TVsSAnZWagAA89wP/1YesQro6obCXCZbUqzU\nkKOv92SXGDydqrRYcXDcYS4zHSrR7AX7Ponrm8yfedq2YoCI1lel9sZjhsmJ\nGrrnuBVp0zFs+FP4bJdzsoGhzoxctw6s3LKQDEPFLeNbAIhbbwD/KOBN0hk2\ny6gsKhbJg+I3+LPT3gR7q1l6R1j+M8qe0eOtx0VcuUy/AXqwvxyjD1OEsyrf\n4NONYfm3Cgk/E92yuvDLQ1FpnJYcpOlm1veKYGcI4oVamt7heryqMP4gc/Wv\n9bzxrn2w7bCuEtRcBWu8RmCPWrhPjQvLmDQ0h3s1qV+xRg4r5F188CRFztEH\nxe6XRhS/oy+E449NkPbApNPjcTl8ZKXTdxS37VoRmtpS7laFkyB8XkfDuoYk\n8CTpISzvWyuR9onUDf7Y7BPtgiBJEFfFc/xuM9+0haTRhv3oEUdjmBWMA9I8\nMAtCMk0/3vX1B6awpmLY9MQSl22Es5iQnMIQn6d75qyGKdNS2oUD9m+CPSIO\nm1ROqak/Fdrv9aRFzNeh23i9VMbUC0fYznQfZVh87ZzKHxBhJ9PJQLCuyCZv\nyXt88RqivdUTO65V3/UG6g8ANecJd/nCPAxyehF5J+tWxBuUfdYfHd1ne58s\nn6KnOqKYAl02FRoWSqeqeoJ7VUR5GVaVY5cSVwneF96wwtGdPdPu8lSMDkM1\n4Ela\r\n=cM+a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"265b39c05dba4587f44e16eb788b56c1cb0153a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b7facc628.0_1579803114391_0.2347864909760231","host":"s3://npm-registry-packages"}},"5.0.0-canary.63f357dbf.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.63f357dbf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.63f357dbf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6363cea3aa2bcf910388d777d2483d78f1c88c8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.63f357dbf.0.tgz","fileCount":10,"integrity":"sha512-vBONfGUg6HmqgR05xEhn8IqsSzyO8ePmDrl06aGenni66rhaqGRjY0aZWJSy4kFGr4psxddudzjb650Vykg4zw==","signatures":[{"sig":"MEQCIGeYO1h0+g9XYMrf4sUiTNqzni+ZkBiuGvQgGArrZ2ZdAiBOlaOKnqmAgxE6grGCHBKQWhXG30sp6tuzt/ZTxkXULA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKhYmCRA9TVsSAnZWagAAC4EP/RZjg1e/XqAYjhA+EIla\nlLTvXWwi70ZdbNA9ij08UXe+9bC4zV5yVIZ3Cx2OSQJ8z6cz+o6pgGVtx+t6\nJs+e952h+WCz6VA827LSq2n952w+czd019D1se8r8ZnmZdpE7qmBwd/ZdBAo\nlqnoWRa3G9Sec/85X6AlJ7VHyCV8eM6psCk/AeYVSZdckM1gdfNysCy/7Di5\nnDuxyQhOfM+RcrlL065WGt9Kd0slNqjq4U4+w1h4kEl5Rad10BvFEbEFtNOP\nJZJ1TND6izsEhlMASkmCk7wXlMGeMq2SU0KbZxZwNl2mHfgZo7Lj6nCXqkbl\nOXP8qnUpKZNmfDidUX9DiBYpahBCGzL2Pf8UzbqMrO5wNZoC6CU76PuuQkil\nn7a03SEAHFIHfwk79cCIWDg1IcfENxfppurRaL6CqUz49mTYJB1dVj2BtCoo\nhjdvXq4Fhxw18a9VWCrZ3zhrBDLSvgy3FbnLJ60ktkcp3a2wl0u0oGtcDdml\nvCIJI0CXK1J4XuR0rmS1c0NX/vWEv3NSXzLXA/UOTfEEKAUaOLMmAKKDzWh9\n131Z8LWuPZ1IRdmLIGwtaDEw5h+8kt1iUfm38RYEN85rsOdG7anG+Z/I0dj/\nvX+Z8vWpuRuKGMSTu6tmng4M1l2U75mvHwzxSuo5lt5sPs/khebGWrg7xPqW\nssHP\r\n=HZrC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eeb2b38a1cd8ef32c66d35119a666a4b01da6d7d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.63f357dbf.0_1579816485353_0.40832849601191756","host":"s3://npm-registry-packages"}},"5.0.0-canary.f2426d26e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f2426d26e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f2426d26e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78942465986640750530ded52fa505d97628e43e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f2426d26e.0.tgz","fileCount":10,"integrity":"sha512-4tpSIOrfmEh1rT9RTGkqA45cBw9QjjoYvNJ5JJPHrdEcubvXlFz4NDEDF/eSSdtrNoUYuS8zrGjwjbk6sSj3/g==","signatures":[{"sig":"MEQCIEMH4U/X5/GXAd59h/kR2zaVWIb78Z3zgd7qyaj2yWEzAiBPV34vzLMzh9utb/ATGRbtL1rVK1XqF/eQ49mLJ9GL4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKjJFCRA9TVsSAnZWagAAbwMP/3P3JqNr1vI23xPaaIzU\npIXfZ+qYGwqSFWdu/oIBrmoah+iXjGEzGzlsONGlGxk+wc1aCmOagm48QJgf\nkH1wVBCzRcWGSNzz/k8D+M3BRJzKTtG0TNDYqfW3OCE3LwqbXlzFU4J3dQIp\nFO6Ln/Ui1RZ7XocAqfUQbC5kRtHqHxIDFfq8+bJxEwPyWNLK2k4L4zpcFmff\neKKXUDDUHxeQ3hnrSwYkEeD4ImrNWI7v7pr5MS9WGbyX5pToAz8eX8QIM3fw\nbVVrSbJenroJy5xn8wg/pdsz9h6ay5Uc0nWS4csicN44/MZ00a5muY6YXcY0\n8ikd6tYTTXnvCap6WfssMVQ2UBw5pb+mQT8A+/iFjm0oP4EH356Hzb5NVYed\nKTAo6I3w8ZzCbO+qBmY0z6yDzw2rVrNttrjdti7wpY7uSyk5MRNny168pTOv\n07pCpb6PHKCPAG66LEvc5zddlKTE/qX6cYtzA288hLyu8zCB31zPdsaTU6t8\nAsN0NbrG/O6KasfZ7KkQRt/eL/vlQXSlQKFRozXlRce9rOMwTex1E00oXPMY\n82eDsAsMLbnPfrq4EIiJTw4pejdVA5Woos4ahIfX/H8Kk246YhdcdfXcPLwW\nxTAs8GiTJ5I8MiXsX7e+cugatwYl7OZ2dHF4+to68Ggp9k8ruDbTW4DVsvZs\nsOOa\r\n=zNCT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f25cc47237fd4889c25ddd16c4d80cff95fe3c91","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f2426d26e.0_1579823685249_0.3423346036435304","host":"s3://npm-registry-packages"}},"5.0.0-canary.7f5e0c23f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.7f5e0c23f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.7f5e0c23f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f11aeadb01add36b3b1ca1358cfa04c0cd753fe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.7f5e0c23f.0.tgz","fileCount":10,"integrity":"sha512-T9IGzSZXOFsMcELEhGka/8jfC9G8wiihXw2hSYr5eQo/HIipLruOJ11jsZhP198D/LaZnupAsVIiRPozB0kQRA==","signatures":[{"sig":"MEYCIQCLqBU3i0Whi9D8XnyOL6q5r9tMT/+tJOV+ATdXV5r3bAIhAKCWnIQR9kTxpMnyJJBZLIsHBptXYGL9WsrAbH6yM9PW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKx+ICRA9TVsSAnZWagAAFyMP/1C29oiy8KKFXigc8v3j\nyfQ6tEUXrmWQeu+24KNxhWNQLs1nk3GhjedHNN79Nv3Ir+X58t0gGxSX1neO\naa2cWvYGZiest4a3wNDWhZip9ROMnAOjv04tTHPVa9ElRfDRUPf7LbWkD525\nTDxrKAs2HwyHt0m93PgLyblzyEJwXXgDilZz5w7WalWfOUxEWCWkIL+JQB7b\nTsW8QjMIoc18rymAIHc/6a5S0PphfCW3evHU0e5Z9UmUG/9PjA1xSqsWJsv5\nGXF/VzkX3qwFgIHMM/g4fWhU5E8XxxVzFz2ITeNzmIWuFtvMC6OIFica/Ww0\n7bc9Cgy6nfTDlaVBeSPJJVogG197iYfHCJ9VJy+YBbYCaZJBisMHHyZfV8jS\ntOvOW1gcTEkdl+XTvS+6Q6ExZl7SU+3ZaeC25fWIupFSX8GzK26KDSqKm/t1\njZlY04BVZ7YeDTc9wmw4b6zuAbNeOIXBt27fqaWL6dNlatkgMY3yD6c85EgR\n4/qIlGs8QVyc+cG3Ywj9s+JKAQqzZ3T9oqh9ql3fiS/P7Ihi9q5B02K/IkZz\nmcBkkkql8o0mTgMFql1ig7hqd9QKYbbC1P6xZ3blMqBg1wy/DNLSOkmblpdO\nyxBVFWfFMnOMok6NNDeLeseIGSNVAcfXdyXMGC4oHZPkmR0sjW8Xr3iW/XKj\nsI2N\r\n=kuYK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"619b057dce90a552f56e341228cfddbfb7746acc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.7f5e0c23f.0_1579884423899_0.39078748559419285","host":"s3://npm-registry-packages"}},"5.0.0-canary.3fc3ab520.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3fc3ab520.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3fc3ab520.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5d963be0235ac4193f9f878fc596a82b8e9a627","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3fc3ab520.0.tgz","fileCount":10,"integrity":"sha512-s9M5n0/EzEr/TY9BHBUZMj32B2ISZ3FNDak53g9qzKwb9c+q5xE3P/lNUnZBEBYDFasfLyVRTzkGswfRAffNNw==","signatures":[{"sig":"MEYCIQDsIhRrS35zHLXFx5ZNaVIeHV6j9nSpP27vNt3QEYGsDAIhAM1yuPLOXHVftq1sxYhOgFf8ezWERehxM7ev3DtJ1yBp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKydOCRA9TVsSAnZWagAAOw0P/3Mtkg5TF8Ps7cw5Tybd\nqwBAf//7SaGMJIAakMQc7aNVaNdkPHLtM9SF8xLHhDFG9kWItmdjcnaZMhIv\nENABJR4Hvxlm2kC9eBIOqqFMqWFENRS8fQrODRoflHbHQSzJ5t7MlE90RYY/\n3Ppi4+sgaXmB6dkR3F6EEIyUehbvhtSSu6+7kb9DgUlZuQO+Rr4/PfYD9uQ9\nZIafFYn9NmV4U9WXKVrVatoNG1JAHwQf0nLoTFbAKkLf553AV5kEwlB9lNrR\n+8CgE2EfVkUToSSBai6Z+k+S+KN+PCpTeT3gnm10WLGGHXWu7arFomd5eKtL\nQ9hy4yJuHjqj2u4oaNcryufzC46LgBn1lSQICrD4q2VYfNeas+m/a+Ht+rZU\nM8VAhHkX5xRrapkpkrbtMf+MzeNfuQ+xNif1iiJbKrVjmgVWz5mGONFYTx+U\nkt1CQ55JDcvYtgDR/46xj0dZ3OiZYaI0RXoYHlq2qm1kZH/5b9ps7to1A21g\nTRYpAtak+x3RTJKkcr9wbJ9554krOgVyIuJnVlY9kkYiAC6+hlfJkcQaf/+c\nepfmM13qWjUdUdZGsPIx1VYEJ/CYzHXuhYgUbknUSpdTkSH+z8sxE9P9JH3H\nWryAuJkVIC7ZLcPweFhT66I0uoL5wSxlXJYIdq94458P8FF2fhk7wRA0JwrC\nR/aJ\r\n=nxms\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d15050fe97c7130fc9607ecc53a7eafd2b9c58ef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3fc3ab520.0_1579886414538_0.8294331069133674","host":"s3://npm-registry-packages"}},"5.0.0-canary.80a4d326f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.80a4d326f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.80a4d326f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd21c258ccd86e70aa93166a19b0429dc01b9fd8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.80a4d326f.0.tgz","fileCount":10,"integrity":"sha512-yTQhT3rzEfHX8bmkEtWOP3G3KZ1fZ5ufwIcROAvP48m+GD3KSvelyAiKUnf5MZE4EV4R27XnAgumf79WK9DFfw==","signatures":[{"sig":"MEUCIQCTalGmT8I313hSq7svCzEdhnLqL5sdxO6ExAoGQ0RXuwIgR580gtyZbsdJ2Wqu5awm163oagcB8pd5jKX9IUmblzY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK1daCRA9TVsSAnZWagAAuukP/0sPmuR8EKLGgK8ZiO4l\nYtFR8mW2iOmT845cs9codX9F6JGH9wWmvihKLSav7sbm6Rah87r0l4Waohnl\nq8TC9ZFi0xtpz+8DIGefsK5PkE6jCWZegay0lQEydrdgSZFN0LusN1JHVPfx\nIbBks/lJLhst0lPfyJoXLz4RY92diWWrDX8FdE1r+Wku/tPtXtuu42xLKlkn\nzFtYgLJGgbW0cDFLb5c7TFfcbwCMzl+GVYG6ui7DFbh0e5NJHefKzsdd5pts\niy7+xNK/bYZ5hbq9hArXPb3ULIJUgA5w1hUBmlHzBTX81FDBA+Ji9DBew3mS\nb/wYlWiZbMvVfRy8d7U57LwqJNHKSf19Svb3YwBSs1LsQbv8BYYbuFJJeiZY\nAann3aunR5BlswRvZHCWng59o1WVotnTrIDY+HxrFVM9NSYysXE+dkerpoZm\nFSth2odRNgI3ijhqRWNcLFnroHLFjfEoWOLmj3X4F22bNStgE9XPskAenkb8\nmfMlz4bw3U4SQ/f0yUvQ4vtuFwrMUS2KfYjGe5+2Ukhaoqyp/uDcvMcWzohK\nz1Ilfxvy4KE8qD+iUbS4RaHwBSzkoMlTCXwxylfq8HvZZdHmPaH5LbEYPqi/\nQImHn2xQAeOCd0qNrpAStOOjPCAUqpfQtnaP5KF/OoKfVJIicnBTibErODnL\nREGa\r\n=+M8s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b0001f5c4ba1986c74470e492e82bc13e15e2ad3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.80a4d326f.0_1579898714511_0.08925423916980457","host":"s3://npm-registry-packages"}},"5.0.0-canary.ef7de4def.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ef7de4def.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ef7de4def.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cc0a119b8b4105e059c8726c9c5c8ad8f317625","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ef7de4def.0.tgz","fileCount":10,"integrity":"sha512-6kuzntBDsK7rveJVMuvhm6PKYlwbpzpADHvjjd/7D9vb3q216XhMXSF7Ko5tcw+YfC0DSf7nGICIO/WzxDwWkg==","signatures":[{"sig":"MEUCIQD1PBkrnG++4Dt4Ms1Ru/g0w2CykJDxOxBD5R1TmrZpUAIgYE/Y8geyD3CJ+lLN3ziz4iKCDw6QbrE6f56lg3q74q4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK2ItCRA9TVsSAnZWagAAuPcP/jFliH/K+p/7mkPx2lB6\n6JwwnFmMhljL5Fh2U5YzWf2oPcF70b2AwS78oB1rU3FRbqLIWFveAqcACtDE\nAvOGbe1NfKZPRZzxijYqvVLHfc9HgL/pDRn+hJ5ojxIctK58Z2C3k+VhTQOW\noWD/ANFdYd46Z+woM1MKby+00xGulgA9VDeZXEJfC+SFijzFGEgFSN4ZONG7\nKq1jeh/i6EPkzDeoQDYV4IIFdOsdVtLSQi60CElGut0UKNC1X1yvMfDP+2wU\niDffU+/AjW1BVBuk21rqOJoXdJZx7FflBMaRcXiMYW+9ixln68AC2F7SRQdy\nwT7G6gnt7fVUPKes1RrXc722Lpm8SLqVPZE8kBSCRmlx+zOtwimtwSJkl+bl\nsvYgcsKXI/K0HrGgo+NlGk+WOOfdTVT0ImB+XNnNAqH4YVhCmgeVxYF+xpez\n7JVURvSoPEm/g9ByFCViHTQGI/sgXjA/xDiLlXDnRE45W6YgVzqUQ0PPq3uN\nms3P8qBDCHWNbQl690gz+0eqY5b/jV9DcxDh2EssS/FSVhoDi8E4+GMYK7M2\nQhKYNxWDKtGZCAL5iPJEVQBNB8Dt3WtRpY4CuImmtc6UYxYWQ+YNIOEq8KRk\njlCA3T0RZhz57JrgC25avnxkk0v5ZZl/CvETWbW9BLYRID90vLD6+uh/eg51\nWhNF\r\n=gmku\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1ac98da12680a4581dd0427e23f1dd1b95a939a0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ef7de4def.0_1579901484957_0.8407585478427848","host":"s3://npm-registry-packages"}},"5.0.0-canary.93e2288b6.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.93e2288b6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.93e2288b6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c963892d399117ac4491a1489eadc76401b3fbca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.93e2288b6.0.tgz","fileCount":10,"integrity":"sha512-GeViLmVFVvVzWqMbUBmx4ua8pGtAKZKMjsa3Z2/B4hiVRTODARusuzZLF7nhtxCJApR1nMiNMNjYbuT01zY//A==","signatures":[{"sig":"MEYCIQDHS0PwqAqY00vR8L2Jk+ZRiFuJyAqeZ3eAc5sxyamHcwIhALSerhNRyeY08IVhwSsu4iqeZhzCRmjxQUskX0AOstJI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMGdKCRA9TVsSAnZWagAA17EP/2UuKJlEiYXCL3V/969h\n5Nvlm76Ii2dIze0Z9iGpYF603H1tmcqZ2V91UYgPHCaOmFYVaz8WmXawZ4kZ\nId5UvKBccPA0H/XaQlHj4Ce+eSZ9pwqGFcyxsRmMey3i+BrsuAwb7L4KcEYZ\niFZ5MnbCyk4Eiqc971PcZtAsfI8+uVE0cOK5gf05PIIfOae01Sn5TNeGg3lB\nBDpGPk4El82h0SJ5jpC8RS3beozdFOb/glwbaLrj1fCNhsdlLIjzSDpf/Ck5\n9v2wKveeyvZPX+EgoL4/n59hDDfexvwe/8C3LsGx48y3qaKO5gvJCvkF9eNr\nEaT/7N0hbPECAkepAOoAxtWc+im9ns6thXGt/Cq08xSZYOj9UKTaTG6QRHpl\nx7vSQYcdP1dbgRICVhMuReGeds9cXp9Z9CfSnoH/piiFJXjMrV3TqzlIYG8/\nqDTgRaGHYLVoLctXvHSwmGZ44lv35bW0p3XZ4qdPKmkeq5OVmG3zi0maN1I4\nO9ZSDBbu2iOKDgVvDmBf3UOI3FzCraGd/uNB6jx8bTRVP/ksujFYbePY2b1W\n9fzaHTF13KwJzG20v2x9P8RZSpP7nKaA7HbupL9fx//XdWHQ17iy7+xGREJI\npNJo4U+zJfOIVMA1c+FT66EnksIwh4jlFV9ZHtepVRrnt6sHW1QC7EB3wN+L\nCazm\r\n=p3ZE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00984d219befe7ef5ec7c042cd975979249ca8f0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.93e2288b6.0_1580230474252_0.12685754920846537","host":"s3://npm-registry-packages"}},"5.0.0-canary.34ef15f67.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.34ef15f67.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.34ef15f67.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"043a89068dcfe7526c2f471e8384a735e3ef46de","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.34ef15f67.0.tgz","fileCount":10,"integrity":"sha512-fsN5fT4nZKhcmwIYpDgetbD3FUARgdf0t40OJiszsWiP6xTzAp6SYXH9GsMJlqRiMweBseefSA0CJJSkHGXuGg==","signatures":[{"sig":"MEQCIEU4Igm4kU2nPFUwy2f/ft4yPH77p12MgGtGbB3mgAlpAiB/FGQEMRKXxbfiNkohHWJba6kwj/5Go1JnyD8G484G3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG4QCRA9TVsSAnZWagAAOE0P/3tywAPZVl6Nt2gBWhv7\nTYdN7abdG9UgSos3+Q4iVHnR2RpWwHr5IiYpbGuBPOc2fvGBBIRjzg1GwIby\nJELTi6c2jx0x0AO+cEZBdshkpyHWanVcXkJ19YmJs88v/jEcMoGlq94j7k+d\njefPJs+Lhx4eaK7euvZED4MZ9vm08wXQTw/HuCYm5/iaGgMvFz8QrK0gqoL+\ntjMsHtNxD7uKTKjYjegPFfNJXLw8LW84Q0Ph1CFFV6OA3ofDqRC94bD6uWBf\nRuNXDV+6TDZrIt0DAZq54tn0rYK7OphpmDK3z3jkC8LWENZN/jEIAlkZ3Mgw\n5jJLjF4R08Y5sf2hKuuJiDXL6wLYTosGRrA24+lMuNFDIEdu/ikCP7IHXKTM\nLMSV9fIR99EN654FIR6Txbj95ze/U5C/BAgSanIy4zCw06A9Q7BdhPyrd7sr\nK0puygxS/efgcu5w4BA/8hz3oQ1+FY5nFOnhDJeFG2G+Eif7KKQDozgCcEA8\nr7x0YmjQKQTFpvb049uW4bQ7mtoPJ2TKzDj2pqSGoOYbT80+DUMCndLtByeK\nuoHl3h6yoMshgpNGeodfnJkiHHyBWDS9wVGZKHaNh9FaNE+DrWWMgKFxuUVG\niSCL/atoipJuFE/Ro8QYuGRToarNXJTcvQDEJwGdHImD0xsL9zO5g3hK22YF\nR3yW\r\n=En89\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"21f8c61e71f0a9c48eb2042e25093b7a821e30f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.34ef15f67.0_1580232208536_0.015279979786654962","host":"s3://npm-registry-packages"}},"5.0.0-canary.d3d176ba5.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d3d176ba5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d3d176ba5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6144c3a21ce876a4de103b3d123c3fc4c15497c7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d3d176ba5.0.tgz","fileCount":10,"integrity":"sha512-iymaxTwUoJ1AY8A/bqeQ7OgBFBCkURwicRBTPEAN8AgzefKCjKnsV0S/ctejVFnY+ox4ielx5NzT/yqGbkijSA==","signatures":[{"sig":"MEYCIQCaWqIgi6ugW3PlWvW7cFaI91KgpicHGWzdmO+vteMo8gIhAJyGC0V6sW2XIMBnMml1oBULHPj6z0Vx0MDliWsivMk7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG9SCRA9TVsSAnZWagAAuh4QAIH0hdmWrNIPEm0YHEjP\n9cTHp2OO9Q+KsimAUc8/mlPS3N/BBSjL1SMVFXcrwZJOwq5BJZCiVQuaAQtC\nkiwSnrkcF9UOsmNgS4rBVh+lclVbG1/nzJq5vvmEdHqPZ6Ch/S6inmQ4jaad\nK7x0a0VY4JrUq6vPS4DVX2X7OznYGcdFJ9I+NApiRSlfedu8E52kCW6AQcN9\nqXZx27bdM+i9jBqB/xo88rndt9+1RjZQDHy9ntXxHosn9/83e4SacwPLgcI7\nekptd2uKq3rgp64aE4f6LXj3ABvUj2x+quSOmN4yg8um0BvcF7/eT9uLi/3R\nolpZltofKuxGGOIXTGZJnGOWCU93xc5ONxvqe7GaS59LZrDFzCl/fwYd9Q11\ng3WBMFpQcOYdDHAK3ipigrjssqPyu33I6cv/phMYjrqha25dNHv0MqR/1NKa\nkySn1Tt8YmehBWVe5BhbebToZN3iYE45soQ+n5pIB93z4l1EQz76Qlqmu3YB\n0f5zBl121bOdjijksUf53awCzO6gfn6/ZxC8d5LtXgVBDrn2wrgI5hwgd9pe\nr5M3JvwaZI9dNpJi7Q8lkYF7hA7495ZwE2njOYG5JZtLvtvjmCCclhHBxuyM\ntAMr+UF9RQ+uV+Onqr4h3/WSn87s6jaHeo+ULLNLukORobspuFsm6omuFLXF\nkGM7\r\n=4T10\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"218eacd6961bf740e059146072cd9e6c710dcdc3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d3d176ba5.0_1580232530463_0.6814963076173961","host":"s3://npm-registry-packages"}},"5.0.0-canary.32c1df133.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.32c1df133.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.32c1df133.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"700e362df40e72301e612cfa7dd1a0657d7dc0ee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.32c1df133.0.tgz","fileCount":10,"integrity":"sha512-qGQF2LWvh9J4LOMdVa4AydSj1Nn5/bwFKB3038D5I1moMnGvtLnO/wH33pqiOzIcxEecRugjAcLuP4uASLcYMw==","signatures":[{"sig":"MEUCIFHBUIGR//v4cddL639nFQPrwirEEIz1yR3/OdadkQ58AiEA54QYRrq1N420+4HJJGWTEhnORLZrcBfCY9Yn6EHLBWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMI63CRA9TVsSAnZWagAAOUoP/2zwfSJKGIQ+j+2Ggf3V\nD2ndQw7M+vRjxvRyr8+vaUl3JnAWwZs0QfsEZajvtLjyMALojDoPlhrwuSAA\ne6FekipGp9DdrQ6LkWL4dojikFCc+DgBmIP8RQLIs4IZ6+nEKh1yhvzGVtI7\nsKmabYvQ+il0jBi/FgZPueTMK04KN9kv4joUO28utw4uE8MLdAtXhd29jAeK\nB3iYVaLZFbOhKrtyeicUlkllNb8Y/q4OSSQCOMxaOi01saD7vA1mCYRjBlQj\ndmx1q2fdJyCAKAkO1MdT9EvlZ7XLvBkRfJfNELBEnfSypSCDQGFo0pI/tt1h\noOqqtRZIHW3NY9Rsa6dDcqbiwQULq06AiAFoRd1rO6J0DSMsuypUA5dC0a2N\nDQzfkwVzEXKsRo5b/Nw1bgitZLL56HrQbitTYmqNcGtc7pHGYnnaFDj2SVJq\nYyH9Ov1pelExfGpnS7+Vec0kDizZMLNOcAp1Ob4SZCFsJkSpx+xasDrq9Q/G\n6PZa7F+eIf1mXBG2dMOlSWN+Vjcj2F5BpkzHsrpPzsiG1sJ1hQC1N/jq/BBq\nRHq6Rhxx9uSl0GNhIXeMo/FmDPmOH0IuqnL5BP5TOCs/ClSz/JgFIYTXcHth\nvqVxgnPvCJ5pZMkSP4JIJhWxc+NSqyJxG3MF8Ti+r8PekW47OC/i5cnRna/1\nNrCn\r\n=GDQ4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f36bc15da25ecb33aaa27693bbcee65c1d56eaa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.32c1df133.0_1580240566668_0.03498892212632754","host":"s3://npm-registry-packages"}},"5.0.0-canary.f3adce86f.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.f3adce86f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.f3adce86f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01ab45c1d44d05fb70d79be10b9316d2b4e4d993","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.f3adce86f.0.tgz","fileCount":10,"integrity":"sha512-pmN5b+h1PjKcCSEGjOKeXHaZP0U7FJffLRCbwtNbXjd7f5HQfP+Iri7r7p1ccpoQtSpm5Nkhi+KGvc3ewkxEDQ==","signatures":[{"sig":"MEUCIFrCdxBNzN1DUWwuo/M3KHHs98ZHIpD4shzVIlisHuIxAiEAj59o5hhxxgW6cPVBC/4YTCnNfUpbqtTpvdHfrOCbKmE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKwjCRA9TVsSAnZWagAAAfQP/RRxM3K/g3IgxiqwNl9t\nEpTY86jWAUEv3NsUIcYdcZhd3765KPn5QwcXlW3nI3ljTtkR3tFytieYHy1a\nadCy23VowlPHAqfzJYPiq5JvtxhHFGaCEYXe5Vlwqw97dYcMmR4avB83Xzpg\n8JA4t76Nofwjx74BN+dB/oa+ZPWOutFGDKLs7k2tPlTGOqa0kY60gRfwGre8\nwHrf3XrIZsUodNMEnhE87iOyjtHtNr9FZONhrArMUo0NLo37wHnhk7TpnYxz\nRsBFDaAlmQO1xOiiuYkm7TCmOF16Jd1lNqduJSURUzM/HBeqXU8kH8y3N58t\noibzGQYldaDbNTKOryiW0Rpzq1puGOZAfa7HSMu2lJwhGwwWkxyQQGU1PqoB\nE3j5Ac0r49U62PxKBDd5LRsWnfFM1Yz0B63cenUffYvFJYXHUNrMIHLkomAJ\n+icWczf5LCq+oiPa+S/ic6VPR6gif+d0AbjT2TXYrzj1lsJzg4mQ3Odz8vUj\nuHCpp3s2s74Q26alZsPROQqiYdNHAcoeXbjonjCPv3gXVKRgbE3gymPQ6bng\n16YuYgrXI5bvnHEgitQuZeq1ajWzfeIa8K9hEDIkQWXBgqUjr3pw9wlxf6cw\nAlk2QO6YNKxmib4GToetIwSOfGwAI2XV2DpzZOlM4AzGpsFyxTNIfHrMMs8C\nBlNh\r\n=mSY6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c352913b9c3e29f7b404b08db88a506e692187d7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.f3adce86f.0_1580248098898_0.018349654589515874","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4423f890.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a4423f890.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a4423f890.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3e5fb4c80179a1bb9775ad9947c27e0444e65f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a4423f890.0.tgz","fileCount":10,"integrity":"sha512-tdlrUvMSr08phVZk9/g7AGKIy6OPF46Fg9j/VIQnLvq0brURI+pLBrZ6B4L9eshEc/lWxX8pm8ivkvnuZqUrwA==","signatures":[{"sig":"MEYCIQD8epoe0iGiiqSIH/J4rS7SxQNnezV0dD1MdwK/x5kkogIhAKtZRWxEeBW1svbyNQz1vwzk/rJ4mP5qMALWAyIzr4h8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMfRpCRA9TVsSAnZWagAAppMQAIsRC68v+ueAvyAMruaX\nCH+vWQhvJ7e+zCMyi+OCkbWHDcJ7gG88wIvyIBcqKC8Kyux+VvO5QzyGylPN\ntTj1FKdLZVaQQF4Nez3sgRCUFDhM9wZx1fm8wl2p865WPt1rLGh/v4L3ztLf\nkv0rtlrGp1CbQJ8jWWmW01bJOcmaZ6ubjfPwcqR/qBqcuFErYhjLcw+aBb24\nf/hdC1p/8zHkI9Lk0iwafmtF0otinlW834OneiaQBoyLcCbu9hmY12pAOaAU\ne7cmtgE0YXtYP/Sm67ix7IYofQAJUmbrLEdAmxBlk6VpXiO6XfzSFBWIEEhF\nwOncVZVFaA8GUBAbKuZ8MNAzTK25lRAHbZCGupaB2Lrq6CXaJ0adtfUi6cB6\nosuYAIqizWxAq/BVp8Ao9LPTuwSqYUKFpQbZdibEK4VsAngtCBeWkKwYEQ72\nJBUFX5RuHp71roUp3Q5NcPBM6H/fhWuJHAMIXFsML7j6tOeNlTiF8/zqmaBy\nk9Ru0sAkKN0OWKeawKqVjIpzvG2qtUsqculoi6SpSJH+eoXXH0CMhOyuSr3+\nsFcsHA+rSbUnZ9dw3yWuJARuVQAD3WRB4hedFH1Zk1iywW2mWrotts9GKuXi\n/AQSkS0JtVtfFjFpMFApnUn/hA5WNjupjAauuzMy/PMJVp7zuRvmzGLjveZx\nDX/1\r\n=zRq1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"981df6741191636b0a527b318fe896f47f74cc0d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a4423f890.0_1580332137103_0.14363952976231564","host":"s3://npm-registry-packages"}},"5.0.0-canary.9351f167d.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.9351f167d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.9351f167d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa0593e2cae7af14c5c423d83e44240743117500","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.9351f167d.0.tgz","fileCount":10,"integrity":"sha512-xHjvmHf+Pes0tfGZa9vhVp20eYbxGtTuFFsH182tNBJLzWwAtcXVnZRMmeTJStZFhWmPZ9s96JcPIxu6Vy6v+Q==","signatures":[{"sig":"MEUCIQD7x8NypwPFMBw9WPXYoHRdz77KfAkIg7BtOeI+hPcomQIgYoEEpRsSzu8jrpX0Nt7TMR2pmGx3PVKB7R7h9X5ZFJs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMf8vCRA9TVsSAnZWagAAsrIP/jlakenz7SSD0/8CpNxa\nhX6BignADnH+/gQajuORiFy4JFz1i8XIWnX8MFUv1bQceIXk0X33kTxp+lsZ\nsFfbl/VTzGl3Bg6XXx04yF72zCXwktnXTkXHwLcJzxdYwC2T6GbPgmHwEhwP\n8RImH9oxiefHWShkNvSrP5/ysKKyx2aqqgLYqVVmV5ezynjKUOhNjwg9Yt5w\nZJ1I0Qajcgn1EUy40jmKgF7D24rmgO2nyqCmXsdJ69OQhSX6MsB/icij/rRU\n1mrDQvLFmJrzTNA1lxYP19LkBNgtEFTUcLqZ13/O/sPtYqu5r4ZZwXUqAfkS\nw6cCoI6vmQK74HI6uQhEtKlgjcJMH42NcPMg0GDNfy7uRPCtxwbNA4RR4ZCC\n7dnRdf/1Z9DuDy+heUi2MZtSCE74FqICqenXHVcCfBx+SQjqcqJnhWvV6qWw\n5Larj2EK2mt88LOJiFa7e0rNRXeN0IYkDz6hcwoVj3MNZpEJIBb2H0mwrjDa\nxFsedY8BvpdVVTNDxrot97T6J2GqjAa9OxOUN509iSBapT3kT+X3HisyelK3\n2t8nHGT4+gA/PgeN4QYaDFt5YGyBkZ+Jx05q6iF2ebUaWy8xGUELwPrEagYP\nyePWq9Oq/39nvidxSBsF9UvpBTy3/uayoYaNxjmVch7EKc+KQay95CDQC0XF\n8mld\r\n=dpFD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c1a50ef6adf8852f326e285227923411e60a63b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.9351f167d.0_1580334895533_0.553798190796559","host":"s3://npm-registry-packages"}},"5.0.0-canary.29b89dbc1.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.29b89dbc1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.29b89dbc1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b2d830b32a6720a889c6356651bc582c5c9cefd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.29b89dbc1.0.tgz","fileCount":10,"integrity":"sha512-+g75YQ9GGZo9iSejYK5F/Ca22V/DID3yjNPkfNj5VyrmDLKBxwGiytsKPONX6RNP8r8dCuuuvudB7QpVE2qM7A==","signatures":[{"sig":"MEYCIQCQ/F+yi0PUD0B/fHPQeS7jPnhD8JcFlcAyyuxAKRp20QIhANj7O0aJ+AVbNATu0zvk6aWGCHkOsFKOZ5CkZUw6911z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMgQ1CRA9TVsSAnZWagAAf70P/31K/afaKjTbDnpiEoII\nB5XvGc+Jz6fozd3xni1RLzFnhRNmktHSszZlDwA41bb8K/tyH2Yv5J7e0T6h\n15T3TA/Zl6aWTMhI3C5B/Iv1RU0UglgKpLhXlALG2lvuhODa1nodNRu1Ek12\nbY7KYnAOzW9wFK4RWpkMazNMTLbd9pY6mXzEivf0nJnKn7ce3tLrMGDN2Xtq\nQu1sIqRepsO5DYvI1lduuZqDUKylsFgoUk2ghnfbcT2HD6FJ1SQIW7+yE5df\nAJv8yA2VlwXzNTPueJWtRW/RnvucGyVnsignBgHcshrkOUSuo5PSMrrs4ZZC\noptDtB4oxcnIrZIuy/Ftzx9poaOuAVtWMspFm4pXpzYzAFqWoA3pzeNaIB+T\n/4NA3VJPr1Zz15nrwI4Y9Ub0fC8t7QF/QGJKS1Yg6W5ctLeZaZinMpwdDjX6\nyQIVOEIDPzuwUDJ8PlsgK+D3EohOCjPHTWIHCywEvi9cx/NCb6MTLZf1QJX2\nc/bEBhiSh73h9lfpgoQOK+bPQ0JauVfddWVM8BrEjHOFbdNy5spR19qSbhbu\nBbh8hsrD+dSGXa5NjIW/SIMr3eG/JdtLyqw/+kHyAWaBnVS6m3PR4A0Mp6HK\naUmVrPBB5CVCVX7AJhsrLN/JLSKRbvGs2vCI1Pli0i3PPKZh8bVz+lE/hNzr\nBUAl\r\n=40W/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"662c3c36b5ac6bb47c841a10193f2c717bf9ca86","_npmUser":{"name":"patrickrodee","email":"prodee@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.16.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.29b89dbc1.0_1580336181547_0.6834078737726716","host":"s3://npm-registry-packages"}},"5.0.0-canary.45985457b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.45985457b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.45985457b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac0081c9359cae38491b43247a41badbe75fd252","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.45985457b.0.tgz","fileCount":10,"integrity":"sha512-nWN+7gwJqB9m6ILEjTubbpUwNGtiO45m35v8b/00kb11OUI1VzjBAbpVos/gAIKSsCTvXD8ukXH08tustUWEAA==","signatures":[{"sig":"MEYCIQDRMb9bwQbcLGtNk5eHOS2TpPLn1SNF0WuXUpmWEeh9XgIhAOaU/mnc4Hjpl2R/Pad42ODo6qEE1kiCg214gnvQ7ijz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMhX9CRA9TVsSAnZWagAAr/QP/itv4M9ZmUcK7r5HPcQw\ng63i6Yx3jHT3LYBMpl57d+ZPETcBF/Viox9LkZN8zAmuNtw1mIB71fYGJrza\nABi7uH7c0l/mx6lfPG5163doRyAbEQoekG+f13LFqHkZo6kgf4E6yscerKnn\nx4IEDIakR5ZMOYcpKLRzjtYn/2t7ByPbqlc8RI6KIWgJBAmkgzHiV2+Ql08y\nSggt8+EZlpfF3t4BXSuAhjJ+iAoQRojcZQGof0wF9GSojNjpeUxcKALEZMFP\n8GolXHb6eMC/7vSBuHJ2BEh9/PWUrczfolErX82eC7EHdtVSgluZ13PLKXT8\nRajyJ7dChZ16CFpBwL90FkX8ctWXkmH7ILACXR1P6jnGQSjyulgnPrbcwKHY\n/mOm8Z+0ILDxlIz2/lUaKlYWlKOgPZ4iccUmdLcKKDvRAjenoO4VV7Ebp06J\n+It+z3/Gn+bvknL5MpZAyx6rNHnvsZ7o3xMZbYQsFckk9Bby2dEER0srENXH\nvkoj3AKFNa3o51egXgMhkZ/8k0PGy4/2IMl0e6D0K9/AmcbjhsZxCBgHr1cm\nVCURYK93smYvRaU21ldXuousLEWplkgtMDtMxjR+VgYEnRr8mrSVnFjxijYV\nzb/78JTPUHuuV1qLFZpn+ScsPXZe96P4HODFRtNF43HnV8fyLhKl7g+0eFVP\npDJ4\r\n=VxJv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bfd13ab23e42c09d1390ffc6d7cf1caf1a237485","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.45985457b.0_1580340732804_0.988575318410374","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1a0deb3e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.a1a0deb3e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.a1a0deb3e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e3f830877bb27ce9c032a720c4be073da733a0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.a1a0deb3e.0.tgz","fileCount":10,"integrity":"sha512-TP1vvgH2ydFZwuKT2uWgv9ZC4E00J4qTqpVw1cpH2SiAd8V1dkEC9Kz6q8bY6k/6j+dK0Kl0vqHvjz2AL+2HZw==","signatures":[{"sig":"MEYCIQDA1wehq99yB5VzicFHDofle91pEdXjPMRb60fET8HhGAIhAPIN0fmk+ddPrYQdXdNQjhuZjtbmFxQDOIHpCTTsDsex","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMxQkCRA9TVsSAnZWagAAv8UQAKTQ2Odsr3BZOyvordSk\nViqpmQsBHaIkM/U+tHVu/4tLQ2KepGgzjyoYscTzJLK2lwC2f85yi1l2JXxt\nVm+GeKZ/dkJdpA4r8W1JD5O56PrEPW4BA/91u2NM865Foh2578uWahVexnvO\nSe3sw+m9DUqH/cuyDEOA/EF0JW6dUMApp1tMut24mxOAvcV5i9j/v5BtN9Ti\nFvW+Ecyl9s2Q4BmEAq/1CrSv0vn/KBb+3xwjiV8tUF686v/dIqReEKDnfCm0\n487TQNldsXt6VrypbZDjbHOZteWO6b/7sT5FT/x++Caxngkmxet2k+HhP7MU\nrozLMJ6VJDK4E3X6Nm+f7LIPn4LlC0yrdQ+HMBYYKaQAHv9SFCuPk/Qh35gi\nJT7fsgk1jj+lgZffPamWSuMkaMagkdh/VLJtp/m3HYIIszC/VIZlL8BVlm/8\nFl5yziIAV+ErZVHWzPJY/sloqzOt28sl95yg2I+Eyv4hU9aiLCi5mn6ye6Mz\n3pnGWNjKYBV/SrFxdkAw8KcotrojwtKB2jGS5h8sPOaHI0Cv+WEieapzeg5p\nEMf+Y2+emVgNvCb+WpsmUYh8vcU0NnTnpEt23oeN15tWKiFExdIYecqOE3rL\n1gxnGRvlMga38EsOHw6/c32rXjmRNf9fCoszL5p3XtKwIz6Q3wJsPkKlw2DW\nNFBR\r\n=nxkv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"515cdf56b0195423f7134244b26cd7999b647d68","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.a1a0deb3e.0_1580405795698_0.28957369246472364","host":"s3://npm-registry-packages"}},"5.0.0-canary.181486643.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.181486643.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.181486643.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f71d6006fdf8566676cd3939a3a3e4a4a5d85d47","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.181486643.0.tgz","fileCount":11,"integrity":"sha512-wjzC1ys9oTpD/f+CMsmygdPM7PpedwVpYgzDz0f1q0/JkP8WGY6OpfuAoWUbwPwG3ph/eDIqUN6pFccP+ZClWQ==","signatures":[{"sig":"MEYCIQCLy+RaiNH7n2tBpuoLdIp5SyYnQSb8tZhTurvkAbuj8wIhAOx/uKD0RR6jO6MkWJpQI/VI3Ki1aO8mM36iqA/rxr8A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM0K6CRA9TVsSAnZWagAApUMP/0CVTtMnwXGzyCimD1zJ\nfoFjaRPS8P9q0/17U6LVHgVWsEtm5aNJIdOUwSLtdJO1tRTwH11oYNc4grcq\nFBO3p+WXIhL8XAy6vecYe0jEOpXDsBRvPDxBjhjVzakWPKgG3God7Mj2z8wy\nTsPnV4g+P6M2BYYeOgO/ClLSoTbRg5BpS1y0pyFt4pijI1el/6QteTbnEXtI\ncmBJIAKyuChmTKHTeQZqwxhQJ+mRt1TPh15iIgfv4tIK0jUhs9ziXBNIThIy\nUYzO7WzYL/DrQu7nKpEHmsxtPAa5wvbtxeoT9lhQ75QnBXcTMTsx9UdgUERU\nZ2hl1BKeJy2eRb4MjmPWjxCdL4ih/QJy8yh+fFqpf4JTuBXaLxCQ/WWbXy9Q\np9WdR4ZP8FSWyY1RXxCzCx5/i3I4X+3XDA8EbUZEvVEm3PWUresehwTlSn8y\nH+st48l9MVoeMnff2Jxm3QaO2514I0iq16JDAUahK73Yr/+jaXCgeeeomAYw\nCswYi24no2yzShuqVNQZDErdwbAGCxa+3pCbRbRJP4D22KtyHT7hOhTLW/Sk\nIgf3wXL5dt3WX4oAopmRVrrjdOsXDVw1eFTrUFByxzGJ8xsQ3G6ojeZFXMmM\n4TAGPexyFuIym4b6l3FZYT1Ap1IWAQUxi18syaLt+wuJfWs5PPB/Dz1k/f0j\nWBGR\r\n=/ZPa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f29e2225089ac3fbbbbf9e1a64e9773ce276236","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.181486643.0_1580417721895_0.5984879151955","host":"s3://npm-registry-packages"}},"5.0.0-canary.3a85313ac.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3a85313ac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3a85313ac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0075f93dc06575660dc8b4afa7335cc78c31b4d1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3a85313ac.0.tgz","fileCount":11,"integrity":"sha512-VcETVFWJyOHnNvQWMy+xlgq9XTOhrIsUP+WZDQ2PQixgdfPoqTEqls6Ka7rjYTg6ZzFN1Dr1tpdG72w0bwOZOg==","signatures":[{"sig":"MEYCIQC1ruuJW/DpjYSoL1dLfxveWXOAoj4/d3KI2XaemNGf8QIhAOeUN+aoslMYIrLjxc8g6dRkQvk6TGAmwQkx+FR6seDT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNFRICRA9TVsSAnZWagAA/osP/RJPqSlI2bGLifNwUw0Y\na2DbxZij4VxuZo1JRAp+C9p27aWeLtw8cLneEE86WdPBKwd+zISJVeVZfSy+\nqPX9zHNNR8VX4exOVWEmTsLLCvibSQJ8onCXd12tTWCpPVZFdbsnpP5hlWmN\nIdmD41/puyaRXgcpMOV9CbosuMk+7ynAV145Po188lEkobQV3lBpL0d00Ql5\nUT8Zp6DR80iS1mWacgN548VI4itLt4HIIp/kpnZCQBGspifV1DBu7C4mSSI9\ndMZ3Iu6c0UATGHMN51wG10nnnPREq0o3CAQp5sAvfafFcufsNWXi2s/Z715k\n8/Y0VnPGrV65gauEqq/kUgdijs+8rSq+SAYmY+bRp0P2lCbaMuhSdxO57DYu\nm01A1QqxYsvGvJDuyZuUT5A7JGTliJHOGfMEjKp6w0mjGCk/4OqrCEWCKqM3\nIVq4yopc34ZmUKBb5WcATwzudieFDOwyWVZAJPhoRoEYCchospj/X6TL3ERh\nFN9FYfzcgJtzGzYkFBGXdm4wjXaysctLHMcInvoTTYIJXkp6Z7KxZURLzo18\nRIvx5B3BxxKt0WqBuk/PVHF7Te8aVShk0SEMm0qDgmGx7+WyAXRkHRSjX/gI\nb+Ii6OshQFhL1P85RdzW4CiSnX1pkldJakFLl0aY7zDZ+egOm7Nu+e6vg1/N\nJp5i\r\n=Igt4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a37832202a98646a817d62c20ce70cd38f089d31","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3a85313ac.0_1580487751882_0.7550481165087775","host":"s3://npm-registry-packages"}},"5.0.0-canary.b6c7f624b.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b6c7f624b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b6c7f624b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e47b4a8ed16192746bbf71a022d264d753c1a206","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b6c7f624b.0.tgz","fileCount":11,"integrity":"sha512-KPvNB2Pya3yTc9vrpsJhraiJkZBNSsOokV/mtjbFAOG7d6CdLFPwNlknbxOooxipw0TBIDbUhJ7JwGOqk+e/aQ==","signatures":[{"sig":"MEUCIA4ofPH6VjNfCZ0XkRtZw0f998GM1BDFGQwyZiwQ46QcAiEAybxkj+lsW6NZev4tScg/WBGzKFRGDJC28XZgyHDwE1Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNF2gCRA9TVsSAnZWagAAti4P/AruaHA1l+DUrAIHyUGu\naFD+bpvS/tOuKJxsBiNyAQw4PGlO3gkZA63cq99v2GA9OkTbEUHWRYr0y7OO\niY0C4nkHkuCc5nOLT5XQPbLugocytT//21qhLB/fvlBq7vnWqHPPHKgvHb1J\nCgLmVrfIteoO6n5U5GPH9Gbhyy1imzoxR3kH0QSjYIosY4lKN398AFfVK4pZ\nXhznCCMnTNT497NVhXleTyyfQWI4sRMvc+SlRUr0TsYk6B4e3trCkg79czj5\nY5U4QW/8+Tdjkp0hU0zB2+0dQcMVyX8VrkJgj4lGT4GcPfjGxY8duLDLKuxF\nYNt+VyR2GzWlfo1CeLmpZdUQt8ohwMMaLTr7f1RD2JOoI12XiGIwJ6CAPIpk\nDOAdbxAS1259Asfytuy6peRcjA405VjQH19JDznBVznNL+BhllUyPsOjTnG8\nlZ9iOOpaS1ArVvhuRXzj6DcxHV4768T6NcWOjtOBgouUpiM+4J6T2NQb1LPt\nFi9SVXgj3RGmM72o5EAy+CMqIJmKn4PV4U1SYMXJBcfRu11WujR4oIJ3ETSO\nMdXBB9iCpsZXGCvoqcKqJy8gdUNY9i8NT0mn6Ef5zR7QqjdgwzZYSpnNqVu9\nI0zZUZKYHpB50CGCAq+mSzXULr6L5ib+cEM9Wtnf5PnDk8NmF914LwVFAh7q\nJuuz\r\n=VuNW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eb607bfa0326630c63037143dc919ac8ec5c3636","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b6c7f624b.0_1580490144407_0.8676682664839646","host":"s3://npm-registry-packages"}},"5.0.0-canary.b3f70ebde.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b3f70ebde.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b3f70ebde.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"956ab706f24457a517f7dc3226e8f3de8e0f8cf2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b3f70ebde.0.tgz","fileCount":11,"integrity":"sha512-ypyyCD0jtkbSigjVmhVUNZfK4QDAgWo2ROJJ+GXHRv8clteqjDbI6+N4SZ602xZDWsyP71fHfMhpSr4Psx36AA==","signatures":[{"sig":"MEUCIQDG6zGsawI37FfJKLNHqzYQm2VsOuZqUvc9UQhAn3Ut+AIgB9lUA6LxW/LkJ4cyZISCCk6gv1xXTMcVQtMjP01ku/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNIl6CRA9TVsSAnZWagAARpoP/2w7S6bp14XlHbKZRRun\nMGzj89RLk47eH7xnVt3UbP/fMO2Gu16DVRPfCnxONqvOkoOweT1lh9ae+3Ef\nndQlv+uPHExmCtBLhbuMqIx/XZAvkRXv+PZ2M3NUnzw203KSeZIXEyDNkXOz\n1b5GMB/OcySSEAr/9evfe5Z0ttWJjqm9WCX+2xlhX6NPsLbgHu4jU1u0sIPn\nwQWkghX0aiBWSxBiIzat9452Y1zd5IIsq3NSaKEuYfsBX0ySNa/pEzABcqyp\nDHVSK8hWs9rEOGPZcdRmpe2r0Z+3vo3T89ypaNugy8E67cQNk/4h64Mv/WfT\njFpgK3d9xL8Mno0U258lpAm8N4/TxhNBaQO4XnWF3LqQ9JdR/jzIYG0cR/5W\nrO6EbdugtVzC+WlDDoazupyAh3opYo/yDRU9kBhfwgCWOjZLkxxs3qsUDl/N\nruQwEZNMR8eETskYxRaHsIAdC8K8nPVW/EUkpbFwhYhXShetFM0eqWxfZX65\nrJpdrqijMJ2ARXjr6qs4iJZQycg1qzAE7mZmFb361F2U5QCHeGcxN0r4H6jj\nJYIZb2q9qVE9uRUfkC63NBxW0EYOfgUprdVs4/GGW8CeqXifUFgNO3y9XYN1\nIa9XrxCNaZt/5xGRSrcdNVg91irnoKpFj/kpKMmpynmM4XWZ8LQDHdM4tbxh\nFlNA\r\n=hSOS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00a0473670032b0ea60db83e614385e1e3166dc8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b3f70ebde.0_1580501369832_0.7498127313085579","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e782d8f8.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.3e782d8f8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.3e782d8f8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fcf25555a2fcda060371d7cacc1e89edc55107d7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.3e782d8f8.0.tgz","fileCount":11,"integrity":"sha512-/XbPKNs3iA4caSEzwVFZeYMbA9D6yoyxoJ17apoKd/+poGYT9BYD7dcg575CAFvmqTYpMGIj6wuABFdYTH/YQg==","signatures":[{"sig":"MEYCIQCT3EX2hQinWdHGKuDjbMFrC8ndI6XFzs/MPXMiLi46fgIhAMEqDsa36xdmbAtUWeKvmY4WWLSJZPdppHl7OxfG8keK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNiHrCRA9TVsSAnZWagAAtUcP/0wZCoi32g/W8PsSz/X0\nklNH/6GhmXjjGHzq35JwlOQWHVUsCv0Y3qID9Py01NdAak6MAhESoIxS7YOD\nBHDMIYnmSjEYtNbIBUbi1fa0vnTHAQUnHSu4KQCGt2q8nty7EHy0WX1X4Uyn\na4BN9q2UQvhP/U8DU1vkb/amMUBO7AEGCGxNLmnQxwOuAO3Gyy7wYtb7PUUF\nBATfNuzQwQLqtr8lTrgDJ0DZzF+e9dXmaZ8o7GrFycTraCfKYCXUI89Zr+JC\n2VRsCIK2IDZ1Vp0Xdp1XKKXwO4ezxNPBUrwZpRvdCVE6iGvE3oNjDzBsEx3f\n76H+85O15d/i5KN3A1tXIwzSVhe4slVe5ZkWvrblYDO7iD12cjg3rmqYT/24\njmkQ3j+VFdsk2E9hXY7DTbRj9jn2k0cyMzF9jbjSCUdnlBHoVIwdeMSeKfrP\nTxAv1o5oTYres5Z9kxJu0cW25q7ERGoLlgqm+3OjN5gGmCAIyImZOb2gRqZb\neqbkZL63Mr5Rvm3LrCg9750uf+yuYmB8WD5JbbpwtXt5cSDWYCs6NpLRhxsU\nglYtSFQOtnFwzQwW/iryUl7eWq4DRnR6BFIEYkJmTrNQ2ATn28tseuHB37bZ\nId7pg9CJIhF/9CHhYJnNjRdga2oP4XQG+7J1bNP8d8eEErjLdhjhCUIYO0R3\ne+Ke\r\n=uNsF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8aae1fd4299832f77f4d1d51398e5b28ed5af5a1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.3e782d8f8.0_1580605931194_0.9667258880033069","host":"s3://npm-registry-packages"}},"5.0.0-canary.535398572.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.535398572.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.535398572.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8502d8a143080fc73481b9fe27511e737e0a7e90","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.535398572.0.tgz","fileCount":11,"integrity":"sha512-rut87Sl9T1vvAjSuEPnLdhPPqj2q02IQBNPYJvw8I7glzdPwmuuhcW8BuC0CTYQkBNI7FI920BQqQNJPEnLD0g==","signatures":[{"sig":"MEUCICnwOB6mmRrRMDEHva+uM5gHH1UC0w/ZF8BRakuCD7dmAiEA0IvXb0pm29x/Bn5DTNiUYQetkMEP40aluKWW73d9C9o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOGIfCRA9TVsSAnZWagAA7D4P/0Aj7qHOkiG7WYPr+BrK\nkL/yNK8GtwaEcPtWQaiAZ/5waR+azkovNMrgXwAwDx35Me2NE51HWcHaF65h\nNE3nl+wlE/XNObEMzinWsY+/dwK2LKpzh5A8HrlF3Glv+RKlcT4RcyxkjI7y\nVRr1oqej+boyjBu7FcaUeKUSIxkhVla1BAF1l33uSLrX1uq294hu1xLYK7BJ\nglEo0ka0CWJPTpK0zr8CAAGxT7wWpB0YsJJkyk87dKoxP6cljV71jgRaKbfa\nfn2i29do58GliBYWJfj3oiFX9KTDAwMdzIolHiLuhR8v9txehP0RnNWnd6Yw\nKxRNFI+QwbFLzfpSZwGNQvxBvTWynkScugu+JlK+8dnjIo9gPZHRiWxdeY4M\nQZxoI5/uKUiuYhQfDNcJxXG9K3esYlm9jGiUNEI1hsBpJL1HYj8ZpkXAP3E7\nijUW0UYF+ETZjVhOzYwtqHV8s5qXsSHr4Wtm1eom2avekCsfeTquI8WapE7Z\nWNiUstB9eYdLGalB/XliAC+zD7sJoJsdfOmyOqfPhzDmPAMR9DOi38lVzCcY\nhAhs/Lu9xbbjkEjoQ+V+z9Zz0OkeVdGW/Q9vsYJtAWYhHpNVHgfD+Tnpz4zn\nHE+015mUl8tLysT3AsmK3/x+DA23NtEtPaIwyBkp/DJHuF9NDC2ZPkiI1Gvb\nJAG7\r\n=RLbp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7f68038e23db60e7b4c44c1b17a6a82329805553","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.535398572.0_1580753439182_0.8641529471350222","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ff33802c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.5ff33802c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.5ff33802c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d93b06e6b71c43c413db26006e90e7ae53815f70","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.5ff33802c.0.tgz","fileCount":11,"integrity":"sha512-kd5AFvmdLBoJmoPBQdi5v62r3z7xrLLQ2GOkAUYuK90gLd7ONxnKT02NrosD4zQuFkIZnyQqK6qms0sbspb8ZQ==","signatures":[{"sig":"MEUCIQC5Ork5pro68cT8fTjs8BnRzcykGiRAVenK2TfLe+jDUQIgKtQ+HnlhWI0zGY7c4am+oZVYChJ9nMQG0CmEfEJ94DA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeObHfCRA9TVsSAnZWagAAzesP/jqp2bhHNyzuAotKPfzf\n2ke3TKk05WTTwTpmafWk8dGjhWv0WSU01d9IDedgU7fnsyH02U9hfHF9Jt/h\n4ovINyOurmmbVK8k0uRWdM5MEmNTx8yQyaS0aveW4osMSrqDVA0BscyBsL30\nuf3DRtEoffZRuXHVABOHYYOrZ0y+aLBva59kkmWkUZtxgzmGVj2D5qyAkprY\nGDV5yRL3WBj9lGOR2HqF4B1g17nt/WOK7m2pATfJbIIgq/bmg8YdsGnGZw6w\nM1/+KEOFAPGUl4jDxC+xFT2Y71QC8NIbGgaYxGcMIoCnahxRa0aev+eFUWea\nHGW4bQ4BBEImX6zW5ygrd37i9igqYdpEAn76poQP7cMqMAwVoClIeGePMjyb\nCU0e1foVza+rjXY2lh/lGOJZlRvrka0opNq1JNcIA+V9AEz9cwtMFUroSBCr\nelTZI3HUIwidWnOClfryTg2UkxfyJgCfXM5yAjsjhr5sidpxJs9lMmY2BTJ1\nVhNo3Uw0lnTNjym8bHIsOLyAVombJXC2PC5T0Ug2p5JU/f6fqV/Jz1xBvuHS\nbAvqNjYeFwwQ1BEDU3n5Bbqj3qNzg91bfR9fHDe/ACji3Gb9MqkH9hsn454Q\ndf2kV/SPpTyo2HYl+T852vjNWLPhTnhicPhDLjk8aeMQrUyrLJ1VirHhPfcQ\nmXlr\r\n=8eF3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61246014f77c40c0d6594f32e40f4ce98d8f7c8a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.5ff33802c.0_1580839390492_0.42484455211282834","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb29491c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.1eb29491c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.1eb29491c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3082f1c68cef5d0e0c1238162a5f2b0fec61dead","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.1eb29491c.0.tgz","fileCount":11,"integrity":"sha512-iuE65FNhI/VSSC70giBqxB54O5aI10QcI856adrCtg++VnqMW0k35tDoAFcif4d8U3/+SRqTfQnZYGRHa8P/ag==","signatures":[{"sig":"MEUCIQDg1i+Ijx/AXVELLWp95ndgQkOPOJfUP7Akht+Dxisn5AIgZYjq4ny+rf41yFIJLTdD/2pv9+utPOk3JHhB+UFxpDU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOdtDCRA9TVsSAnZWagAA4FwP/jDRoK5xtuuBqnCbez7q\naqSjShiuhNQ5EwSf8NWLmDsV1Dz4JAKeCjNQ3Nhw7hEfFKomaOjoApGK3TLZ\nYZ5MPBc6CnkfLyKE53e5ylUkMOMINm8HWhWzLn3m+3gglKBQSYCPzKxRTLCA\n8bX7XzWFTtPgPmgZPUuCESzm88icNrKV0dtk//zsVNaIj3+bNm2iJHwPVsay\nouqUzM7GwVUSvlkCilI4Jm9VPDe2gJlw9Bovd9k2KwJ/3Kf/Ahigsf1AATJg\nHWHEf8AHKzDxXDuvoDmHGH5XYXpa8tR3n8cSet3Y9YzpHv35gwIQfuagb8Di\nEuD6ZJ9FVhHXFIS5fLNzOH3cq51RWlgjLEmH4tS+aNPd550ebEbIsHIXrcgN\nRt0yhWCcAnez0OT9yzmwQTYp9imfH49sEC8So0KkrjCgAZDjH1TJJg/pRztr\nUFBUtlZ5EvvTqLCcEyf/IPBVyK7fdbkeU3r38D5diyDKJKqQicR/HYpZT1JK\nReRvtZkh+mtVZRkyhoXm4HkU9q3nPaHgv98Kdh/hehfD/dMkUIztde2baShK\ni6fi5eZCRCjdmZ9ydEJROwwMww9Q4lEjBY7EO4+tJsRun6WK1cOx2j/A3YDL\nUJc+w12fxerog54kvZyUu0xXusdFZp8kUuKybiC5JGYnB2SjtRyxdeFMyR3F\nedqf\r\n=Hz9q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"689b043c66790b1c63b5d2037a1ed800248443d1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.1eb29491c.0_1580849986553_0.06798216997863982","host":"s3://npm-registry-packages"}},"5.0.0-canary.4c7154b26.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.4c7154b26.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.4c7154b26.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5cd2aaf51313376aadba32fa8fa7b49b788f81ef","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.4c7154b26.0.tgz","fileCount":11,"integrity":"sha512-JXn+Y+d2FeSilwr3Aw25NMGRpdZF7T86qqzucrImovYGCA+W/L+kTF3zSXeZsiwR7VYS4EhaVFs60soz4lnmxg==","signatures":[{"sig":"MEUCIQCfXw4cFJntZNuig0UZlAZm40tY5Kz8xIJzHmfll6jBTgIgZM4MZ/saT9cXXt4UU32NXwqWQezXnSBOzbvAtd/dHiQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOub6CRA9TVsSAnZWagAA+n0P/2OCLaXFqkPk5Sgu50ya\nhXaFv1n7m3KZ5Es+LrsWyl2Nns+1o6191XGXCZHQ1/ck68aqz60qkGDn+aMO\nJzmqUqbV707MAZF+tmFZWLK1KDCJlUfQQ5LOxQEImgl+nW1bwXnja9DrEEYX\nfM8kNNfSy1oNO2+XLhMeHCtcX1ObyxOu0y5Tvu8aYzfPxFhtRFS0q+kT4D/2\niwrFoC5U8F8y0UAhPd8Nh0+rZN72Op7KTkCCA94s2LlNCDV6FDTv1bIPj1Zo\nMtWa6NBvbzXpehs2//PZaYaUEoKnIrj8tDivVcHfIa40M/uAkqv7jGGW00YZ\nquhrKyVywhLk0F2KeGIDPS1YoH8pWPczjVAtk+RXyUj4VvyqjB0LX1U8P7F4\nL0VqgBuiQhLOPSozqtohK/VskY/BcO8WLkLTCevaavb03cFsrUerYCogvlu7\n/e62qy3G1GOaI1cWatazjSSJPy/eNK/tp5lmRlmVinsGGLwo4SaCCPVZ7GkV\n1/hrMdoUA9sy8qol2a4tZqtsSK9NmIgDALJKy7M0fJ9uI4OfOCOKamJBmmfl\nqgS7/zea2nKIkenrtAGor1e2PRh0k8OSqXVhwTyUyU2tuMSXE3KtI+wF9Y78\nEy+V6uut7leX6Faeoutno1mYEfXcjB/h8ruotjftBRUMYyzdvHCbTL65KX3O\nDoV/\r\n=Q6gO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e15f799c180f6eb07455eb8d644b93db93df5402","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.4c7154b26.0_1580918521947_0.2762657783185558","host":"s3://npm-registry-packages"}},"5.0.0-canary.ab5f49a2c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ab5f49a2c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ab5f49a2c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"958950c9bb7463459680094e87c49f36e3e18839","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ab5f49a2c.0.tgz","fileCount":11,"integrity":"sha512-Am1JXlzezxKXs17QaT2gjXpsfmycbFEiea40YEqrtbsyaVNvxMIpMxxIfcGSDcwND57lqOcT8uO1DG/rX1Qbqw==","signatures":[{"sig":"MEYCIQD57TqUUmBHWQcVjVjItSTTERjj50Pzg14wCAEqZ50XUwIhALOsNhgKfAyBj7dwDGmjyBDZhMuipdT+0FfTJNUVfdgC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeO1COCRA9TVsSAnZWagAA9cEP/R2FITIA8Kd/GPu6jfQH\n7ckjcUK2aDSgP3tfTqerTcUILiFScoFJihKAh0Ev3gquVZyC3DQsfiFX1wwc\nWF6euTfvul0T84PVBIab1nsoIPYlaNKDPsGReAxXcjshWCVWScSYIiHB+uYj\n15neF7225DZejyeRF1v+mksCuaO7zHCqM0IFn1CP2IN2FyEFYOC7fgP94W0e\nKBvNw3jgy9PdakisjqqYJUrVtfVOBWp0Dw4NXVPhjGAjKIL9hDi7hVjdnWZC\nTPprca6Ie7J5z77EjDNnhRvN+3GmHoJSjUJjkLQ8R1hxqWFnDFfQ6RQr55LT\n4pBKpYlQvZ4vYy7XQUFvKlesDczNvRbc7TKHv5VXDptqaLEbGQgM7tLAuUzW\nhf1A6e8M+Nr+nzjwPKx6DTxakBrRtudJxaKWWIEY50UT15h55hecJnoqN46I\nBvC+QzPCUPXtP3zqNCOgvIeiHECOTAZaalYjG2Aw8JlVrYVmvouU0kdpq7un\n3rV2C2jCQWfhjqyC4q+g814vGOjRfrBu+Ox80sNPh4D0/CB2+/vp44g11Ebk\nQeEvi46fgNYdgV826pU39YobEUKtz/M4nfOrJ4OPuEmu2CULMW2ozizcAVBh\noen3CQFz3/sej5jg5RgP/SaJy2PhGaNzh0f4jiR7UAeuAzaq4zpU6M2VU1yL\n966C\r\n=dPsG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9e2d33465e4a55862766486d77f187c0bd37883c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ab5f49a2c.0_1580945549622_0.9130096774640752","host":"s3://npm-registry-packages"}},"5.0.0-canary.c541ebe15.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.c541ebe15.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.c541ebe15.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4763a3aacd42ff36f22f6216a2ec57fb1682539a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.c541ebe15.0.tgz","fileCount":11,"integrity":"sha512-HbeuCBzblmDxN2DMmjM70NlkGRxtloCuBe2EtyeKubcLywZYGXYI1lGjsLqlGsZBigbsiaCFQpdoW7nrvPStKg==","signatures":[{"sig":"MEUCIF/MmMWZGO1dd/zVHYV2QscdETtSvMcpRdLBrFWLos4EAiEAgRJk1T2gMvz1DsIgzvuvqRm25JUdKppArJzxvwZSKL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePJM5CRA9TVsSAnZWagAADTQP+wTjY1+YkunJI7gxa0aE\nvZ1cy1ysNUign9kLzp5958mEcZWNOt80fP13tw9ZkFMiuw6mrDyPuUoYDid0\n+XmJxqBaJHTr5vVFTf5wZggMIWiJ6K8UIs4UqGm2RR/en9O1YSuaU1LvXN51\nxFUIX5g/0wMNAOEsFO/qHlWs1cNEEnKm3LBny+MMiJPnXg6sluFHTOQq+Kq7\nlUY6fcyXfHQAVarYmGRmg+RZdiVqT+qlnb8Z2niGSc99nKwLwrDrAewji8jJ\nDENjmB0wKT9XuJEG96zU+y8jlXubcKoGV5SQFwgrBF7mAYkimRvNBoO4DPVw\nWpO8R/oBRaKJ5geeQoXSnPNmpL9EHuMffYHtVrZMWO07ZLfwKaxjcXFCKjkq\nLClSDLdmgR6oxqM4KTe0ey/pW7sM4FSk4f/9eHwMYps/0kw1KwxIz+vi0ZwQ\n/tDbhQ6cVh4XfAmxQhkbpm/U9OcBsbEho21aQqvXzOSG3kLP+jw3hFFugHCW\n98waXngRShVKZNvPPZmC2jGE02OW6l4g+gt9Gha7zmNrisEfGamh+6JZN44t\nNLMdTreB8UUdZksQv/2V1bAajnoGyeldh+nhylnArfhFGI+WW2/K5hPmP9x3\n7TY3fhyk7QybMDnzF0fcUBSRIkzi02l/5b2C2ax1AzStKu/clTjGWqI1drNN\nSCE2\r\n=v+oY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin my-component-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@import \"@material/feature-targeting/functions\";\n@import \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(mdc-feature-any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(mdc-feature-without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`mdc-feature-targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`mdc-feature-create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `mdc-feature-targets` in order to filter emitted styles.\n`mdc-feature-all($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`mdc-feature-any($feature-queries...)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`mdc-feature-without($feature-query)` | Returns a query object which will result in emitting `mdc-feature-targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"87d5a39f72f6a882a8412df86762c91328c6d985","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.c541ebe15.0_1581028152955_0.4670910004332689","host":"s3://npm-registry-packages"}},"5.0.0-canary.98f7faa05.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.98f7faa05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.98f7faa05.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"57d8eb7f2846e08ddcc6c2f06dbbd54e48273468","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.98f7faa05.0.tgz","fileCount":11,"integrity":"sha512-6ujyyRLipnC8JavaJoPtCjo+q+3fpl/izmP7LyGE0rqx04vtQOxKWrncZ3cqyj8MvZSIxqmdc0EBFSr1+xTY+w==","signatures":[{"sig":"MEQCIG/B5KgVXdmuqHh8dFrQvirngCiZlO8kNcF96cGtS9aOAiBdPLS8QEcwB+pu4RwiwH/blHDDBPXhrXkzcsOzzYdCew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePbiFCRA9TVsSAnZWagAAkA0P/jHhQ5RUWhVxN7FV/z5v\nRlgy1rPSsMJElqyHi+dDj3p6phwWOuywe9sSdNkdYwtJUK6DrEmXxfc5aWVK\nlGiwhfpQgpJv60og5h0E+I9n2l1bvpBPStFh8ZI51CR8ZhZ+iY5rnrpWIeb2\n5N8+yynjqv5QA5KfwjPVdk9MRuFsTkQjhGy4y4I6zVDTBqd9tO2HJYxreXAa\nVWgk5Y8uJcZ7jrbHGBgKHF7pzPTXnWxMK/pUQfMyt9BGySruJSgQK3PmkTN5\nUN4hsKvM5GVclT9ea7vjF9mstDMzNNrSypuxawRnRK+BzNMBFQpBrf9I93Si\nr62IMUww11ExK6jaZChbIXGz7rkCO5Y3SEMkq52GzSENSNv8uJzbFoFbC6HI\nTGIx+NWwlP7UWFaiEFCKc+e5A/c0SGLmN0qegosA4kFX3hYbQ0ntZUbULlJ9\n8PCBc6Xe5TLKWCgrtguDkJocfSORcp07/jb87Lz70WXyzejqgsmG71GYmfo1\nDBYdiURT3uBVB61hLxAqW84nSpX/CCq7TZyNiFWb7XhOHNbfWCuSsKDYF+Yp\nCHnWQL2ELK30cGxS9Uw6vzKD82BPPaAQnhdDujAi6dFqVdsWH9jcnoUzSkRm\n6f6a3WGO+f6ZlZK5RaqasVMePjvnyNBXcLobf1jYuKKTA/4mOMWqUD192dRe\n4STx\r\n=mCwx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"698f18ec0e8c9dcdd38beb5ab6b4cfa6218fb288","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.98f7faa05.0_1581103237089_0.3160806283989548","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4727e43a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b4727e43a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b4727e43a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e784ce6c681a2e73aee90644b06c873919515679","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b4727e43a.0.tgz","fileCount":11,"integrity":"sha512-Ro/jX8XrR+ANDGyVa3jJBOcAF5LbZDut7o4MaK8tKHkKfdNU2+UqNFPMTzd3NMloJwWbPF+omenu+TjQrmIrXQ==","signatures":[{"sig":"MEUCIQCCHSnYPBooXHZWPM0h0m48wfldmIrBUODcAngnneGiHQIgYOoTL36WNq2Wc+wV0Hrs4SCKqgEfNuNz+6yBrkLpy9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePcCKCRA9TVsSAnZWagAAdWIP/jOuT/SBFbSIKb3xkSlH\nOX8zQOWXu8810RKAPYT+MvLoPQdTm4aNPxKE1UuouFouR2XKms6yPuuPqdoa\nTlELGgivo23BBLtFyvB5M0JcG+MwRoaYVt30ombFfpfY+ph5P2IkwyOs9GPX\n5cTDks6RsHdsK4/tXH0X56pb6OedEk11HVp/Z/neeUf74FPDVveV+deuOJSH\nPBvudPC4bU9E6bxUIML5Qh2AYlKwDHKZFMLYGAuERId9kVRJdFIyV3FLhUeE\ncHFXrR7iCPFyiYNc/cWlVu3Eh81vTBR3U/dMXXd5icw5hK5VVvDllavIuvVs\nM4vp7Af1h+7OwHhewGXoCXAuDhtZAMcJJwLi1JiIVH01GpU8WT9ydSAgOQ1r\nCQ5UT100nzWrUgXT9veJ60lpB4roKBFk7MSYi0hvpdzZ8kTJoWApaCOB+oS1\n+UHKbb2uO8Dt0ukur4dnQ4ExjZBfbK80WDtDp+PZXGreuuZfDVq2k/kl5O1F\n5vQi2m49dSRTFJ0FISSDVhDUiyIZ1AYAi1AlTknLz0DTEUSGKeNOHrrYJQBY\ngdPXEcLSnGBhR00EJqlJBA4buxNDVgiEU2p72v1OhIn97hqk3pGfHurBQISQ\n4KuKqHVwYUrXZPwY6oyuwUxvBaMwD9wLq9lP0aNZf+6HLb7cRgY4MohcP6fH\n3u6D\r\n=y6p3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"140a0d7a10f30d8ce4b10dfbe40bc63136e206bc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b4727e43a.0_1581105290291_0.8355934798447726","host":"s3://npm-registry-packages"}},"5.0.0-canary.91d9d5a65.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.91d9d5a65.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.91d9d5a65.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffb1d4e41201fcba763142d260d6e814c0245313","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.91d9d5a65.0.tgz","fileCount":11,"integrity":"sha512-ntksAzs14n/3PgVAriY38L4Iu/R5yG4cPEynxnPMjwl4ddhUMgMR7oNwfUHQx5aUMdU47c9oYmpcl5Eq0Ecisw==","signatures":[{"sig":"MEQCIDdGh+CPI/2J5x5rwZf9W3dPJwVhT+CZhcAS71D8h4seAiA80/QqiGZhwNJ6bWqrcXoygPEE3dpK/VnK3943UZCYbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePeuOCRA9TVsSAnZWagAAOX0QAJ/nI+iPKGIPPmvgNdWF\nEQep8k7WfMQWxIGfJhupu8nWc6Pby7QNNCUzJAiMr1NdEeSgjHa3yTBvg9f6\nR/ZkMLOmgbBcDktBtif3ZCwE/be/BGtIQBkRfNJ2cvYs54B+aehlaOKmXUJI\noNJTf4Vn0i0/9Ara1DuIDMoD8ZyPFUkNvnMvKLizNM+O5rJh2wHGgIwRsvIM\naHOpvYylqw81KfcQ2CzehYnDh9Q6VcHap8Mz8J1Z7pPOX9sS6vuZfD7rF5AT\nnkyxUCNAPZyO1vOOeY/vpFBub17rSKT+xyJ+d6p9OnjTLDEyEUomMv9nXwW9\nfUSwXV+Ko38EjmFhIH8USAsBy0WZDsVYrph1OFXlwD2bxmP5+uycYpQs/5eR\nyRU/+xdd8YdORDhvfHklOYd7xVFaNIZ9zA2mSB5CnKpnxTpLmuujfNOuiLD1\nq9Wxl2AfLPzjc6pHHg4ldaBYFpmII2HhDG29Xk0nc588iDhimwkvbPU2Tczs\nZ/wNiROBY1hyQ8lM/Dn4ZD1Dq/BDWAFm1nFPaPbChlXuAaeVCWN93SvJoMV+\nljEsNOrVL4JmbQTQ359k8tmfExgLOnq5H661/d9frIv+bp9ry30mhOMbqcg8\nn5CBcbX5HskgPZolBEArT/6rcKIK8RayvBj8Muggf9HyarEHcjU3C00h9zlX\nb8zB\r\n=Zsg6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f98276c6136d4bd38889e0b4d6354081a3ca941c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.91d9d5a65.0_1581116302213_0.3429025986978409","host":"s3://npm-registry-packages"}},"5.0.0-canary.d5c006ed1.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.d5c006ed1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.d5c006ed1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b105f1db7f9eb5c19c76365b742eb51cf9c2b82","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.d5c006ed1.0.tgz","fileCount":11,"integrity":"sha512-uUT13cicQE5ZQQWRVCYOM0fxYEEGvUhHemV5T2vKjEOVrw7QNhUwMYy512+vIMARieGBpIdbQ8kXWOuiVVrsmg==","signatures":[{"sig":"MEQCIAytv7DkoaYK+40/2HXs2/JeZ8A4dgNEiwgs+c7dOjm5AiAXwiAHKDdNHaICCFejMjaBN/Rx0ZSQB+wJESuPT8qK4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYkzCRA9TVsSAnZWagAAJYsP/jbQXz2STO+SIubM9KCk\nc8Rd2cI5CtiQqlWKIEcdig41Gt5kzn08p66Su5AFccMIWpwy5DAueL7a/7ml\nVA4lz4pAySQkoUuoZnyqiSS+8veKD9g3XKVPCeV4rkGaGzzicKu6hwFBh1p9\nf2ss0h3OxWTUVTVATFEThcszrA5dP4E0Y2Z5HhTo0/Ihj96myW2QMgocg3pE\nGEKNW/wV6F5MmZt8EgtRMSVNwnXQg3+dVwc15BfYUXOFtsYeo40U9eW57Wkl\nzx3tZhtmQbZSX00zNgS5FM3DCC/ulCdbGwOYMNCOXMqW0QlMwI1frenpZKWp\n3UMrPppmWAVKHmB81sFwTxHtrmrO3qhv1eQBWUTmkAPEBbs9flImt5nwBY5M\naUZc8TE9YyHZhj5zwKJ3Q6FUgmyG8aCk8v0ZIIUlj4QTGyC+a1EPv7KOfR5V\nvky3LzhPS/W+hQw9AJNVQ4pTIiLtBtwOc7oZ7nk5Gzu/u0TrX9lHH2JURziN\n3Fav7hdgrWy24EFwMBw7oHM01oF2h2h19UJQxfiCSW53ECRtS0CBa4I1N+/W\nAa2PWkvJlZp/SXCqjvn61S6kibV5g09kNhd5ZU7TbGO0P77+Rux0OZEsWbi3\nrqaPqP9+zLEbqTKHwbU9IvkMhQzi8CEaXIh87KqiHrZGoMa6FZg0H5E5ixhB\nE3fm\r\n=jMtb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fe50932259fd2af2b34c60968682a0b94f7fed66","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.d5c006ed1.0_1581353266649_0.9991045150825499","host":"s3://npm-registry-packages"}},"5.0.0-canary.559f1a570.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.559f1a570.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.559f1a570.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5adc77cb356f14dc419d040c584d4b445acc42e5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.559f1a570.0.tgz","fileCount":11,"integrity":"sha512-WnsF4GiDncC0u5sw1+6Ik1iacvzFetphi3YpehVDkmq3VlRM05uYMrmvrJd4ySSQuweSDGNc/7wS6A941Dslqw==","signatures":[{"sig":"MEYCIQCItPBEtSn7TXj5jxcqirgiZUUQ1iJtbyHmrGn9kGDvZgIhAKWXitJlx6IUKDUqio2gpf3caVkoEXD5og86VDGEo0iY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQZGxCRA9TVsSAnZWagAAhp8P/3JnwnXjOCfYNz99pC5f\nm/WcPt5Vz/qlIt6o9k068jooHXzIVIO5pn0NKXV77AOtzux27D6gxNVMXQrk\n4f5Hb+EpJBfPzJn7y3q7b7BLB2kluTYRog5cCUzENwcxTqVJ0S0Ep0xBXEwT\nc7QkY1M3kiwSbFaBxLQ9pQeO+rbqZOgYNjZbt7yibV+kBSeyTiF2NDuetgVW\n4ZqUaHDVtClhnvJT1OrRGP9gSE+wcM9H2Bz2lZzVE3cocUza+QfwyfSyBlwG\nQpaUK1ID/NP2t76OyjGqCy5JXjrTfp0teYt1SkdC4+f53PHhR3TIZJhYZ1xa\nPuX+ISwSBrswNmPX6PjDyFi8B/0VlFz/nOO4luGwxQ1xqLqjknf7FVqo5G/z\nyn19awkghyjYLCS0+1aw7FuAbSkooicS7L0lQQaoEVoXuYWvyprHmNuo2Xm8\nY2KGNCZzg8clhkA4VysbvudSE5Y5MdOQ1w19eMFZWqsX5W8UOpWwBxaVOVIN\nyNjrWN8XKmcbfdEiA2XPk2G0zmCnMkGMlUd97S72zAv0mctz3/k150sMmKx+\n35S+SqQAAzmspNaFjBU00yE2x0IM0UV/VEDD56quEWYIqC95deEeyocc1qnt\nZjsDCs5+XNYTa5xZwiT+JYFY1KcF38sZRPKfsxycb8bTwBeY+mXztk++CnNV\ntnmF\r\n=2XxP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4adc0cb689de4e266e65d90d614fbe1177aa5f1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.559f1a570.0_1581355441340_0.40582660025493755","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad3bbf782.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.ad3bbf782.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.ad3bbf782.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff34c3025ed91f79d9a490bd8307141864f8ae75","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.ad3bbf782.0.tgz","fileCount":11,"integrity":"sha512-/dpXQviMzMTuScP6mu+FZ6Aj+UBVqP4EtwUHqIV8CUh3UvzeUg5lMQnAImOZFGrei7xdNjSRoPBsZOJZ0fpHlA==","signatures":[{"sig":"MEQCIAFQKgk0N5JZgog26zVMDcxBqGbVHRv7EobcmDzf6FOcAiABGJLfjIPnWlwHaziC1CYeJUs53vq1jSHZDikiL2x3EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaq4CRA9TVsSAnZWagAAq5wQAJT91BElfwnD847K/7wd\nlMWalJNy8QBNizfDxuZyuihqel17ij+M7nwwEaFXJX49DV6G5+3GcXKZc9P5\nRyxp8fQtzfJo3SFkHNpSS5K1+sb50dasoP4lUZpLRx/miMvshC9oIVDVwXi8\nlqTPwHk4ADtVwJXCoOuKb4f+7f+2S9bAn8pjiH4elk678iskkcZmTnx3Z2vX\nawh8FGi4JPTRod3Zxg4XDFNKBytEjRN32q6Na6+PW9T00Uw+kZVWmUOqlmkr\n/F/Ypy0DJdRS+MYjPnXPk4F8y18stc1pOPOc2NpcU/yqIwaRPgBflE7XdmY2\nvlDoPCyjCn43aYyUhqcqeNH2vbapTAHg03iNgFhzGXAIVZ8qq313L8iqNts3\nEgpUqXks4/HMJZFv9A9+/yz65OOBFM98YbOSt+dnH9OF8epVxZU6E5XMCehg\nJJzu32CbcgPARsFTr+vMHoN1+PiUgdnupVsqaHOgPotMQv10FD6b66f91gCx\nne0B+Kr/b29Zu2xbDjcDolFExwSjYNUtSnWpnVirQ42qQQPhCTw9YygY4s6L\nLnZvBlFfMxlMExHeVUsfQELWWtwPvDKyecx8bENc75xfa60TN8MFFPntYjJA\nfxjSWXZTiCVjT2pKu2QagZEcPZnjLzNcuk4bvn1QxxOIaezgb0WpTUBsp0dS\nHVUJ\r\n=DR5i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"48e565307134ef2e860fdfd1a8ce59613a783ba7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.ad3bbf782.0_1581361847628_0.7523683190746837","host":"s3://npm-registry-packages"}},"5.0.0-canary.570d8e49c.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.570d8e49c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.570d8e49c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f455986618f333a363b33c858ff59f28d5ce540f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.570d8e49c.0.tgz","fileCount":11,"integrity":"sha512-UGaQdtIeAMmbcVJqShpEMwuW6nNQehuWrDRrbroLbYEsSFtrC5e2OjJh5G2kTuMHEzXE7jrZc4+QYXvv2Yl0+A==","signatures":[{"sig":"MEQCID/xDlPRXztmc65w78orzJsTYDQ5zPVxAHLI9LpOKWY9AiBsCI44ytrEW96mPaArqddWrw15P3gxQPrqa2lX7LHQ1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQcBNCRA9TVsSAnZWagAApiYP/03LUdnqQfRqWiIJbvMH\nLbO3o3Vzr+OiAqFoProECf7pf4uc39Bkr9PtpMK5/hxejy1Dq8T6z32CF6e3\nf1djvMtCbvXYd5/TYx1Ab/jmb7Gtn3AdCYmD6P30nJuSucI61cZogITwcpBb\nrMOs9ivwYouj4wNf47h55xUnMHuW4NxmKS7qBXJIh9V0UK7QrL6pyXJuNSOH\n/pNdDIEXC1+YuPGBWLxbyqJfUUrlxMk5zzbJovSML15Hs7Balx4u8O0YFiO1\nfrI9buoT6quqAr+clcuhOgBJgqk9TYVqZfDhvht4sEGqilOcrHWD9eNFm5cW\n+Axh3bKTd6RUiLKdO0cVjQbJO3NArTcxuqG2AAYfn+0+9UyRKV5VRqMyb6JV\nSIikfBEPYlNdjXv/t3rSq7+PgV+cyGpfNn9Qy34sfJ+sxIy8y3RR7jx7uIob\nf7IlbiwGaIqr7k6D/VNgR8BxUFZoQqXjWaR+7olq1bqAL5Y3MUzMpeop7Pod\nXCmZGKNB9PqiLZBQ47meO9YVQAsOY5heiS8DDpZ0+B5Dc3ULm7raj/UL6tpp\n2WRCUQPyy0V+LjPWYt/d8EyFoOlYYiGMO7nvowWZgHnRUuFQVdAhetzXSg/f\nypyqV5W+pZ+9G9kqNm3VCMPliY/9q3GnUSwoevdg9SOpkC3ekukau9Y3qUhh\n4ovK\r\n=oWrP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b6857e33db49c411cf5f55873a45f72841824fb7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.570d8e49c.0_1581367372837_0.8967339507352652","host":"s3://npm-registry-packages"}},"5.0.0-canary.48b06b89a.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.48b06b89a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.48b06b89a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e386fff87ea0f9509197053b6cb62a9cee4a6f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.48b06b89a.0.tgz","fileCount":11,"integrity":"sha512-8L7ql8KHxJIKgcoy7mQmTb0tFYLVmiNr6Eytm52K8bMEZOrFYMJeFjChGMErBosb4AY5aSwGhtZbcxSnr8Gbhw==","signatures":[{"sig":"MEUCIHlpXlw9UCQrSa+xGYm/3OXu438mIkNQauosQOzFwq1gAiEAilH7/SaSEcVHzlEIfgkkzirX+cj0yXIArPgxQMcyKbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQvWWCRA9TVsSAnZWagAAhnsP/ie16DGncUWbLkAre4T5\nWIGrXRRU4SYX4GcVt624YQpMDY/N1+7T1nwAstBVIQ2o40eJANj68a1K+RD2\njabPwlvDFZUfYkyEVlaEqzFaSM5XeDbbw/hHqah4l2rKVHnKlIPVCUT796oX\nEiTc8Gxhm/SzzSw5WNc/8ucHVrX9ls0ddHd/h9eaZAAZqCFZIPST8S4NbRKw\nzItvSPHTWxe1C+TNsBSZ53ITKqyQH0x5jujTjngQ71TOsgS2g/fA2J6VE7wH\n9NALY2I2pePWQuSKspwXl4GpTP1e0UkLKH0TsVGDMGgzlaQ1qCzbxek//u46\n/ocaGr+bWV1X62PF5zKCK/Au3n3Jl3gc4WUMOD5COpV2uTREPy/t8kom8Z4q\nYOBJBBEn/F8JM6wxEeAVr5EjXPjHFFGbfA2B/Gl08x6dZx3dkgV8nA53gj30\noufgbjxz1aRcSYNKTmiuq1ToM3ufS2EkmhYBx5G2wsBD9aJ+pSGV+SAr3M25\n4tWyIIHMgoIvvcy8sf1mp575KL3uJRCYAhUzQNrq3fNlfGXTmXFdA8DTrFI/\nVZl2+ZbNmk6lpx1qvlEvyWvBA91brambgbGqvsK1rlxIEBUU1FpYY7B+XfbV\nQRZp6oW2I9Fc1o8QoNQbJLyYMURtkHWhasnvsl6mNQwc9lQ3Bl9t3qhecxd6\nPuzR\r\n=Q3kG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"540a576f2286061b02bebceda7cbf10554255781","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.48b06b89a.0_1581446550185_0.23990054600676802","host":"s3://npm-registry-packages"}},"5.0.0-canary.612443dfb.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.612443dfb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.612443dfb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56d2a4eb3a732830dc8dbd2b6b644c3806bb077d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.612443dfb.0.tgz","fileCount":11,"integrity":"sha512-HQAIdSFEJVCSUiiHOoPqiW4EWQyidd5FL1NI02GxC03vtCaoYn0I4KUE3nszJ1YHhDYuaTKWkA4UI+O3emW0oA==","signatures":[{"sig":"MEUCIQDkR3mRKzyVa8vQHexW+9hHSd7RGSbioSQzJrVTAaBZBAIgGrymmSVhUacZWfh1IPaVAvM+frsVo0gDBCDnuXuy6AE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQwT4CRA9TVsSAnZWagAAuKsQAJDs+to8iy/qCw/GVIMF\nintfIZYvxQypvUQwFWXOlnyCqoOxk43h+pYFp/5Zw91Vhd7n3FsEMTJeUqCT\n8TOdT1fqh6tTk0k2exN2i64JuR7rmnxoiZ5qSFSjO+ItK5VgL3h+y3fE/H/x\n41JGB+lb4Il21mMhqmqWIMfYzvQo8viaBxwA7KNQEJMi5LwvJxQlRRd2JZid\nI4Ax7nYTxkMMGttGIL4QdSm875rgoDXR8cYrduXO8HZSyoQ4U5Et7Ig8XJbp\nn1tmQRCma78ivuxBnxdvE2SPPK6i62HXipxMQMkbuhwxWgjpa+yT8w7gbenr\nLvXMCkuXvxrrAF3LE62Jw5H/BPqsql0GdyYMLSFbF3ZrBtUbVw1tcWvlKcZ4\nR+pgyL3ARdCCFux+nk3wbx6tiR8I5i6DDSjflFp7radCHrbWGUvL0jYPzRS8\nH0bjlguY2JkQ9UqitW8eFJqlKQWa6S5sp7JM7OlVvBbrz+V1oIfHVxdclsTV\nP4oUYY1WUlBp+/p0iW3PMmTE+4bCc9EwK6ALHejSOHS9OEPdDTChEXmUrEaS\nyfXpaQrD4XffO6Nl9QKvsT1PM7CKY8vwRMqFgfDCvya/3dwIso4RBeSDD2A6\ne9C2Uw0e1qQlpocNQ60SO77OCFrYJ7ZwounZ9Df+1yCsdW1iTYxDK5ol5TyF\n8boS\r\n=1ECd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"622585006b9702fc93bdf0ae416f6c58e398243a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.612443dfb.0_1581450488258_0.2699000006792569","host":"s3://npm-registry-packages"}},"5.0.0-canary.8c11ea2a3.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.8c11ea2a3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.8c11ea2a3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"839e7e0721acd3823b423109eec4f383b0d8de71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.8c11ea2a3.0.tgz","fileCount":11,"integrity":"sha512-u/lt5DpeC9frhzJwR65MgJMKkePXCrI+a07jlG/8jrIETNSwfZfmMQT4kqBDtk7iiEh8EtPqWeEDSwhUkQyIzw==","signatures":[{"sig":"MEUCIAJoWT3iI8Qmfqb9xFeJH2xQdlc55njPHOkIJnn953h7AiEA3DSaxWNlERR83DE1yseE2vJoXu/ZUag7FRCOcZrBIsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQ7xlCRA9TVsSAnZWagAArLkP/RfasRcd+zLtzP9fkz2U\n1Krrb5IqlpzPlB4e1R6Aio4m/+pvLt1QVrmj2kxPPY5kA0IaE/ag0WLpWVOp\nCfu9Q4muPuqISXfGJL16W4/tfQBQiyvEvIWdVHf91c4uEZCPXnTxMLftDt6+\nh2cj5MeKnaI1GYuTcJRqXkxAoBcuiU2sVZu//lVf4ijCoJWnKAM55daDgsI8\nXFHAg4MSl6UB8c7JcKZnGi83EWl73a4IGqhV74iNxmJ+mJ1GF53MC3m+Ddiq\nzU2wbfnVKmbLkjyX3N4O+bkA3UC2HX8VR7hoPUPDnVc6Ig2nG3OjbOlcpbbG\nW72g70QQDslLMmNo8oeFJywf+/ReI6RMLtlxxMj/ROU8MOLf/NdS5hQ9+UZb\nWdMKzX66Fq2klqsn9Xxu2+sopHGmZqZoJRHcSRqxvhyxPftrJanbdH+bYE9G\nYSrbMnFWyr3fCuocnVG5mWDPAm8d+Ak5r4vUd6yUh0LKNkL4SoVWqrms2n0l\nXb/hhWHeUDv3/8iCq8KLXfibeo5/6ZoNGCSlVwIl5bnUk1XaLUgA+MVNsXeY\n/HGIY3jaVHByn9M1vmiTtp/xMRy4WE13VNQ6P6OGVsKHI00tMWnvgu8sH/JP\nsbkJZINeEvsA5TXCjjrSDxMsQVuyL29wR3urZLv3gyd4dso8DsWYSZckEwHX\nQ0ny\r\n=qJkE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"47068a39cd18bd1e384c83a2ca5c3d53ef8bbbb6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.8c11ea2a3.0_1581497445219_0.32331182730480146","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2f3d311e.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.b2f3d311e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.b2f3d311e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5df558a55377ceaadc6dcbb16fed1a4e3380c44","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.b2f3d311e.0.tgz","fileCount":11,"integrity":"sha512-jpZcHNbl3/xDH8F6zm7cyGOMPT6DOHWPMGaY61Wceap38KvlCNEfek60You/Z/tML5Ts4kjkP6dLptR/5uE2gg==","signatures":[{"sig":"MEYCIQDctCM++XTMYju0AyYiDq/SHLhlc4pXTEKQ5iKDdYeaJgIhAMMO1YX1mWnur34OVdgeWG6TAIdwioRpuAyrznjsLFyw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRcLgCRA9TVsSAnZWagAAbP0P/0T9+dJhdT7an/xqxJ0J\neIHrT9YLkbKAc+oVWfd1Ir5CMDEvKrB85kjGjeiEqAzfJpA3v7XBKatAi1+i\nZ1WpMtqCY6w9OPaNpMszYd4aZiwlV6CadJ0fEzA8Y1uVWCzvJLF5ZvreLPkh\nEOVaaL/Ot55XvHzL+OGQu/gYbQDEbgIeHQEG1XLSKBPK7GHOuYQt1ZVb6SfK\nxWx9ik8O78XBmksEOTkbyN5SjLg4GFNPBY7mLX43cbjNENfdVxPIP0ly//nt\nAs+Nu72rvc1Twkqq3ZmM26bbrrm6TS9KNS9CzMflS6j8Pg2tuz5tZv8dENhX\nDAkCY0EnY/Z9TvaeskT7hPRBGTMvJt9tnnH23UI6kYRBKJRTo5CUmnrkli22\nicsx+FLFvNDyZv6n692k0O2QeXPvOX1N+UO+WdMpIiI5QnmBab26OGr0yAgq\ntA787dJVCucn58XX0Q0mpKdgko+5gIiyy0TpfCm4rON8lMukI8GsgDDfJVtv\nFz4gFIzeCf9LIAGKdCmY0bhC7pMVfsgbKmBzOhNitVjcbeUaDHM5Q6IgT5TS\n773OPOaYA8m5+YaAEbxQGzwC2f49Ey3jWFbK5BD+y2cbZono/0p/SQ/SsM9z\nOvh/Vvn8kDAKXKcLdWlGd3rIrvG8MlejbLpl/hE3EqUaYIvwTlm53j4NrjVZ\n060z\r\n=tFq9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e8b88d39be927e40deb73ae78a049ece8c80b9cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.b2f3d311e.0_1581630175569_0.08518429438030517","host":"s3://npm-registry-packages"}},"5.0.0-canary.4f488d0ee.0":{"name":"@material/feature-targeting","version":"5.0.0-canary.4f488d0ee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0-canary.4f488d0ee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a23e07f705c0a4f470a40126ad46ae3313332af","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0-canary.4f488d0ee.0.tgz","fileCount":11,"integrity":"sha512-mxNck/9XQXcSAen1Ih4KViIpTKLWRFzyOza2Fd//UKkitPbw3Dvw5g3qO1t+eYBMPpcDNJu4TxTF17iApS3qwg==","signatures":[{"sig":"MEUCIQC2rY27B8k3ul5PPKZ3ylAvrnLCkRQU4OCgtiXsQWDz8QIgUbVGmKxG0esFnsi/ODDqzODYOU/5gCuZ3Ezbv9i2bRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdY7CRA9TVsSAnZWagAArtIP/1lCtL/zv5QBTTyhRVFc\nYmhqp+XvaDdJxNTY5GI93WQx3ltEsxiXI1om2aH6qcosQENanIFzVOKFxAJT\nuleH8wJIzcVC4/RjWo0Uxji7U6nFEJsINfa6KCHI8lMyvKGPV7G8rdfx8Sj1\nFZci9qHV999GdWPnnTKOmE2+JrjCkTsGhu5b9v6zwSOiJJfnYp7Y/FJw2dWC\ng1DpfUFaM2Hfv4Su7dE9nGkyFCG9ynYIsxWR6CyZn60oWLTPjtC0n0csl5aU\nr/ABEEBdikgKaqXIF+JG+zagaOPjYuGjj1ZGrKChs3PPQ7qbSiLJNU7C1A0Y\nt1johUy1ObPMw9oAUJtoQ6k3KnrbJ+gGXunlcBmW4UcfiCRz4TDQeygWhOEH\nJAjF3xg3v5JIBnjkjOWPeG5USPy5bdzNiGSi2IHIDSHieag5fzcIaGpZD/xD\nsun3CPGat1vDDFy31R8gwaLHWxzeWmgkoNTexoY7hwOZtcQEHT7axS5DyNJE\n3dXNSTiTDrGhN1SaFpviO52HkIjeIYeiCaOK76M+p+ZT6nE3sF7drcZImpO5\nIbTUVX0Kw2CgW3//ddwhW6ampeAALf+ovFCQ2XGDsa81kshn+uQoChZ0PbQ3\npdoOi86ANKn7Lu16VqU2HVdGmSqT7/STI/EAAyoDvlhy4KLzvwIEnmX/f6qm\nvIOt\r\n=VV5q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e3b2ff94a1a6e30260b88a9da6e55d6ed122c399","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0-canary.4f488d0ee.0_1581635129118_0.9036919000513335","host":"s3://npm-registry-packages"}},"6.0.0-canary.fe79de07d.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.fe79de07d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.fe79de07d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c98f16a1df65a5477679dc1914a33eb2e5357dc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.fe79de07d.0.tgz","fileCount":11,"integrity":"sha512-DMA6qP/VTdM/4c8RFJzJUCPbCdN8Hg04UzcFgGun+rXpUm0SJzJZffc1gsXWuSuitCk8ID5BUWjfI81jWdH0xQ==","signatures":[{"sig":"MEUCIELVd1PG60Z0pZdpCJFlpU32f6lY6jI+3NZJG8PCAZoGAiEA6PsXCyg7yGPOHoGuxW7/ytBOUPqy88QK7Uv5u2yGqzk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdpCCRA9TVsSAnZWagAAaAkP/jkscnqQ9x3GWr2R55aH\n5IWuGqT48wDQryGr7uaL8qzCRORwqbj2G0bBH4dF2F+OwKdGu7VyzruQvxLe\n4p/0SWBUXIa2ZfjqCdZ/KvYobyy9QBcdkFL05YsTXJRcLJlB5OIp/epmBOmE\nSvk2P1UEFIT4gll+hH1G3rzvWJuVd1pkU0KmEVXvahieYQ1MUxxUErWmaIbi\nQhRNLKAssZqqjjxez3H1OkN1uVs9djqYMgj8dUERbpgCyfsMQ6JVLCDCEhUy\nqwV4JniuNy0pYIol8DZa2w44wOysHra+RmkGxdUco3GNmhulVOSJYna/P/d0\n9mg/oa/muG2joncGGPBLXyWVFUjlAoH3yZkf4RbpYea+6FKKWlrOQh8uo539\nEGWAWvE5PiNCv+hAJjnThYwSgC4lxXxpzGBwP51iKw9hDjPZhlcWIgwnK/Ud\nGA77qphBiWsR2PvA8m6L/DThFgCuZtNEWvEKnoGlLXexfIi3cptG75EUt5GI\nGLSjFk0rP/vmS36zMlAT28nIrsIIL3HuGRI1Wt9CjC/HN4U7QTHIiczmmHVc\n+/iOUN1xP02Zrru5RSomshWf7sftBW8grGYyx0NxVWJQ/t7N7MuHsGyDUr7y\n1AS76FSvWZ4/cBBlwGDaWz5UVvXNf8Yl8tOS2tEuAkP2NixD1Q1SCckFFfko\nYdDm\r\n=yYGO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e2b4b3810f62a16846d719ee7439bcbbac266d30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.fe79de07d.0_1581636161749_0.20908967190870387","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@material/feature-targeting","version":"5.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a6c392e61a1d96bf7082999b40c3298ef76cfc7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.0.0.tgz","fileCount":10,"integrity":"sha512-6XSuTdrjA7XNqEChpDI4+9aSNzoxvuaTFIAMykH7B9wpykvlINI972m9keVF5GW2+pIGmSIAtwv9z5L+sjnS1g==","signatures":[{"sig":"MEQCIBTU9w7p2RXbT46HVK00mBalQw6O+WLDWHdiA8OoRghtAiBOiU7CjyRrpbflT24H0T0foO5Y1Z9+HmS4Oybf7fkTfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeReTwCRA9TVsSAnZWagAAluYQAJ8wUxEuaI2VZ8hHRSon\nHj637T0dGxSdbjkKtOGyYvL4tzHPIoaa786ICu06mHgTOMmAimyUW0DTwuV+\nYJZ7XkuSdjFYxrSocQ+i6UY+OUGdedEyESe/gH6BNTD71ikDdd723Rnl6HvX\n8wutKrzRW7qs5rqo6b0kSV0nQJo0Uf/LlM0w78QEzB+AL4DRgUVAmMvEwPBp\n7oKafm5xS7vcft1upLXj/ITZIFtKw2f+TNlgECnuHsfB6cFNRUAjSWdzADGr\ndOKlAICEun6EjoPirtXcTJxuxerZcSZOD13Hc99JJBBn8uQqIiS9/X1gYFZ7\nb7GyBhPVPEc6JGxj6sgyL+GdwizjH+HJyG2JmiyOO+FAMkFqZTVWzXghZj3M\n3nIA4K6vZz9irlPBSot+hl/wCGT3XTM2ctp1EsrgRJkRxtOOuP+5ehXWFxfe\n5kwKGYgC+EHErxgmJg9ln5y0FCAQQxCQGsc4TyVILSfzBkjr2Y42N44dK/ki\novIwbubqo650NLLcAbnryxLvWYPJK+KUyk1qA08VEBV7Kio9TdmGJxdu/UKq\nCHaT8koysE7QGJjz+fko7rL5Lm4B7U/33tXWsiyQU0R36YheVpi7HyRptuk0\nilwnqJ4h6y4j2mzbqCn+uhUf/warROOQGan8qVZ073U/NvLVW/kIJsB08cdB\n/Eyv\r\n=jWX/\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"47845087df2f88107786b4577b1be4422b14404d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.0.0_1581638895801_0.3238461964083874","host":"s3://npm-registry-packages"}},"6.0.0-canary.5e313b1f2.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.5e313b1f2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.5e313b1f2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4118208faef8cc575ef1509419c4e75b4ca80a56","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.5e313b1f2.0.tgz","fileCount":11,"integrity":"sha512-iN4NG+m4B0CzzZacVpOKYwHiYNq3Hk2KUn26JqKI4mALiVppGkbcrNgI/EotA+UHAgxspRpddgGpUpNeEeNOew==","signatures":[{"sig":"MEQCIEHx2TSrt4ZzMs9hXoIcTlQSiasypJNXXC46Kq5K9BFiAiAueVDDt4pJGAgq0OYhxoFrUPwt0AOY0160jzRtxuJloQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRzGJCRA9TVsSAnZWagAA39AP/ApC7Hj8YmP7h2YPYgxr\nyHjQ8t669bwLRdBQUK7lqeaqfwppWKnjBgGwv8sUfGzJP3oa5UIqk8FCogkg\nCl2pVHmTFvtNYmFEcNQ2fFYGdX3rFTgzu1502xrp6aAdELUVzBOudezGzBDQ\ngQt5S5G1xRQ//2z3vpaTkQ5eye0trHl1Br245ibG/20L64X4qCc7Bt4LcsXG\nHgciwy2jS4HaHgsF5OKlPH89F6GjUwuR/5mguMcwi6GIQW8273dVfzzENm+m\nSwgA5tjqQLZHHxRew4oDSB/3TjVnkro0tNXHBEmffIEwfZQm0nRirjABULp8\nSh46hYtBwy7Yu8dQKvEqqOjRKPUpNibCpT7vbmeNNTWRcvpZaa8ItzU0eTFZ\n7pCCMwuA5ORRXgUUqxgZKEDKJrGWO7neaHnS/QIcivTzCcgdrmeGYSo5z7PZ\nUjboFCJYQB2gdwjZZxJyD+z3Izj7l37ktsrlDwZFvaqqzri6poZklojSqK14\nWpFl91NycsJ2xKOYhQSLED45io34DvG3sL1FXQMdYaspTUDY6iAGND+OzEh0\nY9SHSiozGp1ZcLFcaZ5Ko7ohqFpFmXoVc5Xkxkg/aymXqcsTzEUzaa83NKNg\nb6TmtUv+RZApUDEBDbJLfsJvy4T+JvKYpOjvKj8+j9kBF4quStQ4MpOfUx3j\n6iUm\r\n=8iRH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c7787e7880c79b0baaafb2af1123bbc383025b20","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.5e313b1f2.0_1581724041353_0.7916398869375274","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a56f387c.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6a56f387c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6a56f387c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a22874e229642735bbf5ded471bd900f259fbd1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6a56f387c.0.tgz","fileCount":11,"integrity":"sha512-qRjwjKuLKkXnke1Igq6hON2pFx6gbnacfjVa2d5yNAqyuhYhfBFQajjy4iro8OIkuRFbkCp1Po8zMYHtCRhoJg==","signatures":[{"sig":"MEYCIQDxLVgjQU92owGqkNVQRXMC8FTtbbfgfJCCACyyKrbhmQIhANdlbhZV2LL2eOUeX902tATQzVU0r1cYcq2TTvU2yXpV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTD44CRA9TVsSAnZWagAAMBQP/imVi4+Rl4+HR7/K4K2x\nSSBFv3RPNHugQwaNuQGEuiCYjgorwZjoOdFdynpswLT0RWMryP11cOKlmyH3\nL6aival81F4tzwR8kTOnowYQkMXh52+sf+VsaT2jrstp0Q4mf5hHMulz1nj9\niVlQCxbBjHLJ4op83MbOIE4GlT3afK+UiibeLBM5BPmf5hOwMVFSiyIpPft5\nyFgjfus9GJv1UKaGr6UVa7AHTUqatgCeHVtaArPQF68pzMxty8nMDOzWuKA1\nL725OD23whruZ55k9ipWqCKHuvvZ0aprAHio8ovg7NBr8a+hMKJwKjoiZ6gT\nHxK3uaPZVFCUbze+b0Ai8brqcLAmBWP+5GLsFt1KcDFyVvsNf4frRxGdEMvk\nsdOJ0SqTROWlYua8vgYnqkAN77d9mH3tXas/SKa7xkvM8rV3NP01DPu40OQU\n+2cQbRunfwiV9VeMhEz+IYrO9zXQPbnMNmPWr3B7OIJDKk+9TXLduka5lMy9\n13M4Hh6zHbSFm3X7ZlsOFR71nptb9k5Wz9o6WnEQEaOPAwmHA79DsBNFRX3K\nrzE+nUBcLcLBk26xAzXPjcVMv5rog4xZZe23i/trb3GLrLYGeoSuZQXEx63O\n4XGb1RR8XfNKYx88NQ/uTlSQK5PSN8cdJeV8ipPfV1ISK4rCHvYrTUfdhkWl\no9Mj\r\n=+8ow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1e3f916aaa994ac19a65c62b461edb01c08e95d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6a56f387c.0_1582054967630_0.9525158609739579","host":"s3://npm-registry-packages"}},"6.0.0-canary.bdfd52632.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.bdfd52632.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.bdfd52632.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31857a143009e479c1cc5017d29bc8926135bba6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.bdfd52632.0.tgz","fileCount":11,"integrity":"sha512-dJgF58tHFQIXwu3FR+4Eq9OuZWVoc2U8pn3l4bvUQrZAbmQDlwjXZrr3byNcD1reqDMDZfaIaIewXq7sb6TBQQ==","signatures":[{"sig":"MEYCIQCt33r/5+sxDShQa95XzlZZH8CBuIWWmP6LJILkhnFFLAIhAInZgE4jCu4tdlIzuHGYaWQq6DSRrTyFAFYcZpty0jDn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTZjhCRA9TVsSAnZWagAAlooP/RQcUHax4qZ9KjzJlzo9\nNFLP3hn7IqZ+jpeKmMx30XdCcj5bXi2id5dkynA5gxw9vyZTouU7wRby7kab\nC0nIxScpjYCLz4T5v48XM+0vyT0sNaCThfmW/MzeAVwqGdEXxoFYODNsEOVL\nx/dj3nAV0M5rdufHyvkdVtqRjGGDQq4NLMnjN83AmsJsw7qbPRi/Cl3cohru\nFPRtaOGdRJb6oFEyv92SFWYSYLQHCxWQUnm2B58YKXuJ6dV880mHwzBQM3R1\n3SrOrVVi1Ryl1nHcEpjJpuzqo60sta9jZ0CQ/PwIRpvSFB4vBvnt8RWlXwU/\nG4yXryEObScDRJ50KkVvvYkpWiijy5NCNssRqAxAiVVeP33vy4gJBwJSIb9J\nTavymqvZs2O/iy7G3QPwzFn4z3yWf6qZt5Cl3uuIjZVplEwhMBo2KlVgWo35\ncZVGC4GzXuoof6N6nEgcu5nwfX7G3ngVIXoDUBdaPGdh3SIcpJIK3r7sQG23\n0BsY06GGS5fSxVhHRJ7zAZUxlVH5zk0ti8l25VETVSO2Y6Fz0QjZIIT+WhOP\nJvvpZQQZpFpZ+9F8sndGqo0moWTojvzoKljkiYajj2Kc/Hw4PDbjWPC0JoNt\n5S/tGjBw8YVyqIhWWYR/HsgIAMWpqdBt+a9J6tG3oQvzbR0R5Y1MzpSLbLy8\ndc/9\r\n=jFCH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"533f28d31ceee3f93d9c7695d4f394323e37af4e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.bdfd52632.0_1582143713355_0.08349428217887556","host":"s3://npm-registry-packages"}},"6.0.0-canary.ad2e4376a.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.ad2e4376a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.ad2e4376a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"444c4ddba747558394dbedb4d1b969f0ae99780f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.ad2e4376a.0.tgz","fileCount":11,"integrity":"sha512-GnJL9zSxVGJc4YON3CKCXslxsak97BCah06arBk/lCKs9wIZFAj3b5GQ5g/DpJxbu8OLM2mgbxmFl9upqTIyCg==","signatures":[{"sig":"MEQCIBI81IWLNZXH5rXn6sOh8xu83gvmssPTPY4WE2a8nQG7AiAq5oUud2quGVE4EqJuse/bkTbrWLJOTm3GkBi7c+CfYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTxMICRA9TVsSAnZWagAAJtUQAJC6haDt9OqY0Z98mqoW\nITos/3oPSkawD5s3+34491qOOrJQmVrwafmlpYfK37PfJlNqRze+06zPQvCQ\nqeWEhBxlgDiw9D0Z3sn1LwS1WUUJ38R1EnaLUpPzNXpNC49XzaPxm6XaQQA1\nlD216XPlrYjtObrxNxInuMh3iYoBPLcEDgoloscTb3ZPmhBG56lIibPyzdSG\nuQB+aav/9a/XKC+c1D/ubGRSKj6qh2gacDGfQrNahyi82+COC1RM/pQipIK0\nIMucqUpxlUr0Tg1DgMyKtUTu/AMgsOzyKa47mzPyCvmTYN2l5vRrl5yBoaI+\nqErAPaIloLGCutuO0qIVosPrGAMf5mjuPJa01XeDfzy7FbXYoqJs/hmUwQZU\nLQHJ/QyBQljSiQts9OreuO/lvTw1LfF7W4KyyJROgfFCfS2YYWdbz6mxX76i\nbXC+1LPUMR3SZwTBZu8amyloH2IBFLb4j1Smc5uKyY7cXHjPHkzxnfb5BLn1\nzEQL8wUbNDa9lZtREJBIdxufUmbncybNN+4lnzx440lKaqCoNFZYazj7sgHY\n6JyC10HBOBYoZE/2EOJRYA55O3bjdqHOVqWq5/qBuS0ZnQMlt/0s4EkWPU6n\nxUaNe6Vch3cBpqr8dw5bFlzPhEgVXynb8TTj3ZSGuelg25Da2nLiuyCHiWG+\na7Ez\r\n=Nd3Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a91629ff788e0ccd5049a85d588ddf65efe5899d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.ad2e4376a.0_1582240520211_0.4407232836070152","host":"s3://npm-registry-packages"}},"6.0.0-canary.765caef18.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.765caef18.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.765caef18.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db01542df14c6bed15da21fe75f0ad60fca66f6f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.765caef18.0.tgz","fileCount":11,"integrity":"sha512-B49sIvy2WX3p3JQGl75G04DYqYkJnv5g0gFxLJf3uVaBcxyes5B13371QdsxMQEyaoWTaJQpYGySttPNLN7OhA==","signatures":[{"sig":"MEUCIQCAjSS24B4uRtkcCDrcRSLN5xhcJJgmSEucHjFnTmfgKQIgIXNT/Y6KaCrE0GobqFZjxrr8OP2GlJ9oYaBprqZUz00=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUBQXCRA9TVsSAnZWagAAlXcQAIsTBAknnAEa45G/00TD\nppdB3vGdAXVTz0yY4Lm1AIr2FdUwyJgKvZpBBTuLxmeHC+rXycB3X5WyPoNN\n61oKf9bVmTHM/yQdrh+Hg61/AzBmA9jvBeY3lzJiVvnlR8vO7mTeeaMdaNDP\n6ZDBGCchDUbDfEa2O57hgsq8+NRnqGTtfy1skqUEusBQM8hO8iHZEjs9uWjb\nAeJXnWJf35Vl3EbtZEbDrA2+LFfePYiAusmXc/3f967hseYOFhZAHwEGlZUq\nkKJj3+gc9kjmzNCHMqrC3GDg/VwC5K5m9tFZufjg0GvAOIqQHnHXFznyJNGd\nI1zxNqfAS/OgGU2nE2m1SX6zyYd6OLUmRzNWy31gc3qUhJgWf5PUX5nEKiFk\nlLsD6kAIXAa6RQYqIkCUMOtttDCVO/dYmbmrAN7PXjaDWCliNA5XsTKxeJXo\nNpesRlq5+pMCxieTOZccrynuh3K1dNxxYs7yZbnp2tazhbcJzmEBAbJRMJ29\ndRIEBdeaQaNCSEDBlDqA0H03wMTFFTIXs1THQ+RVtJDI5apWloBBlAIgiy+T\n2fWt7obyrK0iJTmV12Kl+l9/3yggKsGJxo0rjP0CyDd+kUtVT4jo8VAADFN2\nbh+IugZJ7454QfO/5gxGO+gHkHW4UtEBSu/Yhl50qPn+jWGuzpZGV3cdfjxX\nXF4n\r\n=sSOD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e18ae69dc972686bd9fa70c34bbdda38c5caaf0a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.765caef18.0_1582306327374_0.331922690527795","host":"s3://npm-registry-packages"}},"6.0.0-canary.949562303.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.949562303.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.949562303.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cdaa5cd1a1485691e9d7c8770c182c568a6daf76","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.949562303.0.tgz","fileCount":11,"integrity":"sha512-PJtIQM6cImZTMfdJFFHnfXx++Bk1K5kADvgOi0TvI/VAxg5YF+S1d/wXuL9RiUk2jIKE1tis529aqNP5Q+/ilA==","signatures":[{"sig":"MEUCIFclC0hlt+HHiC4CmY6vMgX1KPafTyBWGVpy1cpFt8loAiEAmJmzDGmx+yA6sIyyRF9lHvG3uLjEcbLrS41gye1R9eY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUD9eCRA9TVsSAnZWagAAl64P/jG/ubEL3D4Tpyi9XOQ5\nNjiWN1OuH9G63dvbqQA4QbFCwYtb3/QRMLRR8J3zyFN6h65ahj8adQKRLt/E\nQ4wgEZ/6aPZ4k8cD8DqGbTjPrfowZ3A3n6cQekzFLmPZ0eGZK3xNdiNtooy6\nCVT1lTkVOD9eBQT3mfyclAhB3OIcolgPswXwwCz5macpAd8ZttftQKePZemI\nS+uPzzGeuVsOx8K3ElR6a9fk2cKqajxoZKtJLvVHGaNQnlsqOZoMaP60fMSb\nJWX6SUIVFmhlhgBS7uN5S1PhKKlYXggYTDy2mJlIIiOD2IKYtTTLIyuPg8f5\nND090EwMN66z6o+Li/hAVQaULxF0PqihHKrg5y6ijGcAcrrELMfu/SEN6EN9\nr6qKfyLSa5cmUV6bkxiLB0fwES6cXXD9q9GTC8POnOWaktKevL5lSaLMNBnt\nwcK1tUfND+iRGgLXxJZuHvKSGOxQb33s7INANML/76892dP9bQSZOMNqA1U5\n+YTBt5jWMlh7Oyi0Q/q2kTd0Vy0VpOgoV/kDEvlmnkDfrYiOhzGucI9nKl9p\nAD3iUH+uqirZ6c8X8we0EgP5KieVk4qjj4ENJEtSu1VvOUnesONiuIqqWSf4\noXHzzDHtMwO/vwlr73W4nBQQekGZ6AP1Eiih7c/+1IsAMe7X9AkoICPWrvkh\n4ydW\r\n=uGr8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b23ce78ac58e49e4a566fa22d5a4001cffa160f9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.949562303.0_1582317405596_0.8424039058653172","host":"s3://npm-registry-packages"}},"6.0.0-canary.7ec96974e.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.7ec96974e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.7ec96974e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc49e768fdef47be52052fdec6c3f0243479c6e2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.7ec96974e.0.tgz","fileCount":11,"integrity":"sha512-L1g5ZLdXjtL6KGabmNwXd9J5eB7WzrcfEG2+y5bg0VeJLcxl8+KYw5mEO0fFjcMINc4BZ5LG8SOdJGSFLQCcnA==","signatures":[{"sig":"MEUCIHnCqaVMOXvWxWPL52JNHIWyMZm7Dwo+yZMTLZR8JXp6AiEA0fY+uUTuBCyncOrrSp0n3zdS6DolWJSOOmbXENeQuxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVByTCRA9TVsSAnZWagAAmv0P/jZ7pBRtEbBUOPrXcyrR\nroLwwg7/z/LkSjhVeVVMQ1dpWX2tMYXin4/XIhGGeK8sutlZ9/++VXlix5IL\nmJa9LsPQi+aYyKBriy6SGNHiFhjuK8Zsyf5zlcbLYO46NyTLQtviJG1ncfXn\nJsBIjxfQ8cqfdQDnWi3zNQek3kIJEM5JrCynnAeuor4+qM3Z8d9z/MKjyAIZ\n85m/GvaX4+v44FCVz0EFdc/0nDE0DSGO57TLPXkh6A8JPtc7slC07UMDTxSR\nilgaDvEA+guzwdsuHvNXfTX8IfNb8uvbJlMOjpWzzaGJ5aQHKT89izXZG/T6\n7+P6/pIMZUA+eynZxwm84jfer2iOrKTVmHIwgNni0SvahD0KU0xyqDR5aNS9\njXHNZc2H59FF8BdLyiVhOiQYgOfTpvfWltFKqbvl7umlkn1k3lqBnJURSWtK\nKK/+lTPawkrYOi5XYmpUTHE9ziBK9nQESPuxfckUB8AH6F2rT0p6xCawQ6SM\nRvyf2YbDQYC6RPTXCMjEBzTsFHhOxpZyj1GsSnISbTZiORRgcrFBXzNsVUOs\nGiV/ykSCck5Lh+3n6SBA0tm/1QxSkUupsLwMRvrNO2IrGbVm1ZROYF++xyBc\ndp6SC0bRws6LSekejoGcfLB7yVnNsIOed187nloVbumKfuB0zo40q8gkIcXa\nhd8N\r\n=ji2f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"79d3bd54f6272eb54a09e4cbd6a0e62f64e30a98","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.7ec96974e.0_1582570642954_0.5470227952685811","host":"s3://npm-registry-packages"}},"6.0.0-canary.265ecbad5.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.265ecbad5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.265ecbad5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a432fec650ec79f4c9efe861fda202e16952b4cf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.265ecbad5.0.tgz","fileCount":11,"integrity":"sha512-Paq+FqOinixkJ+lMpHUyT+U0dZ+NwP8YAxjZhYY/s4a8XltH6XLuDOlq4e0pVUv4YTIFPj2ZYivh9Xhn7Ja05Q==","signatures":[{"sig":"MEQCIBKIgeH6Kp9gT2eVqf+dWydL4NXk6g2jfdqKgLw+By1/AiBeenVp4SGiZZe5/qjkyAtLKZYHCrysatv0K9Ajh4JNSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVYrdCRA9TVsSAnZWagAARP0P/jXM5xEh0tLXMNYMc1Xy\nx8SRbXMed3bI8ivrrLfuruDHu4f1xmZBhrXet1bUR3ypRgd1Vj+rA5KVhu7A\nHWI1SL4qCyFSPaO/tlFV9A+OxT424kcqG+QS0lgbRgSpSfsy2Yi7UY+NQu9f\nyOIzw8dJNjHG4ynSM0KYWhjNYpbgmCrtaptnBdJvwA/ECIVsAfbY0z+E50us\nFH4TihLCcJV5BqJW+JrnP1w+nHfnclgXTJCz1vk8EY4i/oHiUty7TbfvURH5\npJDwHuQytAcOwhJ7woKeif+yI/EtD4N282s/WgbF6pWLq+/1MKz9NiBcziES\nrceGcYahQ0g/ztMlSeY2N/7FyA8VLn3Zk+UAeGxM8qmzfPwdmchI2i+MH4+T\nK+RhNoSbAOh+xYu+rRzrxJqnALUqZCEbJDGTm0+Q7l+iPm2Kbn16NWmlOKjl\nUIss7TJ+xaDa8G2gYCNnKWscgKvpG1vd2geACAd0VzfrOTOd4NjAj7osSqTG\nazTiICS78qeaprKdMSzQB6bChZ8V6I0RWRWbCKvuAiHRSP7Ec2264jCV1TPY\nZQ4ABzmhX/Er+0egL3B5O8fmGis9MIbwTBJv9unnM9eS0/NC9VDwjPdEFYsQ\n25z09CjuK3A6aeKuAxT6JQqiHnkwyyX3AjmJC/YlYRIpLU4Anex/5ZX1Zaox\nFrzj\r\n=cX7y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1600f4154da0a0943fa8aaa13dfa15c79b0ef89f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.265ecbad5.0_1582664413249_0.4377003352845603","host":"s3://npm-registry-packages"}},"5.1.0":{"name":"@material/feature-targeting","version":"5.1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@5.1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49265bbd4ff59b1cd20a385b5547f7c246cb1955","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-5.1.0.tgz","fileCount":10,"integrity":"sha512-z3JNWF7lP9WOzw1xBwul/HAOu4qC6EpK/8MkhjLNI9APvdYML82PWS1V0k0MiqA6Jk6uxm8DiVAk9VUqBa9/YA==","signatures":[{"sig":"MEYCIQCjFpOvHJDtO4KtftiiIXsoHpqXvJF9CUTF90dInbHKHQIhANHTMCsintItVYnSyF8bL0iJAbXVQM2GzS412vtqQJjD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZOHCRA9TVsSAnZWagAA50MQAIAgFh+eHE2ob9RShkZo\nWUAIOpULwyeqk41jjOyq3iXmrMumSoA9vGNfvAmUhKQSWuju1s1Pb5dlj8lK\ny9RHYc6iyzdT/w3BrZdnI8xGP7J2GYHePf/8JyXJsmnm/tUFbWmlUj2FVR+1\nCKPq8eU5edNBha3Zsv0SBDTCnXtZPs8vBi3J7Ua8tsEJpRKrGq2e9SKOIm05\nT0ryPfKsGuQHV5EFaDdTBwxD3gWXBj7JGaSd/DOvJnEtfUxB4PJHTzKwB7BK\nCjAR3lzQxQexLtUVX3AAGrt0HzKdn9YKS0daV+sgBmfwkpI2CYqZbzhozJnz\ninmikVImpbfQWPikxSO+0K0FUrOtHgx1jFhh5W7HF/yGSAV8XCo2FXpVuqzE\npeTB/6ZjNYJpSBqIvQa3Mufm2uUq6U7FuyKc24ifTRMPjVkE9YrNmkWPis1V\n0UPXYXL3IkVritQ/ugQnwEhm38kaZIMI4tdzyoqzPQsSrsKNqaJxsIQq8Jwt\nOL7yFjI9y3QAv1pRlCpHNoMpJmBadC9Ldc5ZhL3Gaesh02TrACiDPQ8LW6nz\nz+2TPSgUm8yVfAElKMX5X7p0EySK9/E1hC8tr2Xclfuv1AUNTSgqaEKxr/Js\nQJxFbLhYyfEtz32n7BWUDLzZ6ly26k4xnA3wquCtQNW24DXi47iJVOjyZs6u\n2uyY\r\n=9vRE\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"2cf87456f7b6bb4803ed5f1b18a06320c301a1b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_5.1.0_1582666631028_0.48679832585091787","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cf87456f.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.2cf87456f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.2cf87456f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94045493e283571d9447a00109483aa7a4245a2a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.2cf87456f.0.tgz","fileCount":11,"integrity":"sha512-vcM+tM76j7Lag28dNdHLbuOy8ZIqgXhQTsnhL+nHCuAEsDzwDXhsJSxzZzIV+RoVja5Apu6aV0Juy1wg2MNf8w==","signatures":[{"sig":"MEYCIQC+mCRtInTmmFTMEbbFbQolutBeC3NaYJlY42eXb64WywIhAN9vi70GcHr6Ppez0zv3S+AMIjbpuFqlwI/J1GQG21dO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZOyCRA9TVsSAnZWagAAZowP/Rr6TIa/elM63zLLCFUT\nX/YbHgQIZtWUDFCKSRpfgtece7JElf4k6/3+ZkmJgWumI81CMg/D9w18SEvN\nFCwX6ldVlms9AqwToeojtpanu+e9ncW/D2hLyQTuXLaqb8FjBXSWXBnvx/xu\nXum9t2GgKvsmZShlaiqsG0R2uS1oUeAC5140xVwox/byNMDyAKdrYu/tCnS7\nC8470KXxLm/+p01Nh19Tq50JHph309QhdXFkRqiCcOcFAaaZ5sFdaFAEnM1f\n7RMr0PgP9/ntCfR8s7S1o5RdZZHLtWvG4Woa2TmbJ4jxPhBc/OOHbVFbFV8B\nzA9h/vLvqJQ1kZ3TtMUysW3Mtq1aoC011BWtrWgRyEQ9VLMHl17abWRsFUzV\nbvsikR1DYvWEcf0vrl83YlriJ/kQEVumTEOzQjaKHGaNX19SHiittvXXoQw7\nGGkvNc99XvEAI1m3ITDJx/J5jkK5Cq13Iq2MoXhOGMQSG7M+/ESIX8w1WLEF\nK6MrfFPUxpQ6GPHgxWXK/l+fouLjn//HGtZ+L5Gc8YBzjm8LmqgJ6bahETDE\nChit4h/5FLAVMNLWjJT5RuLsbwJ8r2nzlYDJwssJGARyE+Mpp/1xg6eCwv86\nBr3N6CKUGsMPOXR7stgO32DtmdA3IuH0L9zabEYqk+8zNCAuWReWDuLUlJ/O\nHp5p\r\n=PaVn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f8e328b58b1986d1b2e248ebeef472088137ffa9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.2cf87456f.0_1582666674492_0.8521779696608778","host":"s3://npm-registry-packages"}},"6.0.0-canary.781434a92.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.781434a92.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.781434a92.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08b79eee143c8a42996a3db7f93c09ef999a9929","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.781434a92.0.tgz","fileCount":11,"integrity":"sha512-mCZjYz3HBq8RBgIITDeezP/ZFpnhCEyXOMuCY9DayKrkEtjurGGu4EDD60sYuGrVu4dGvliM82JiwiKpcdmABg==","signatures":[{"sig":"MEQCIHig7GxdCn9cl/YrxHsHX3vBv8HG42i/Jqomle63u4IEAiB/k4TneOdrddSMXYkv61sMp5MeFmLvk6JCqYyZeLigUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVa1ZCRA9TVsSAnZWagAAhWwP/0Wi+sjuSkZAX3kdxFr0\nZ6bSoY66z7pNOe5e4sS0K+caLSYmVJfY0/dTefNoMvyzgSQuW2BXOHz+EJbd\nCcO7TFzwGeig7d7UPTPt3ed6v5/fcFvWrVsnb/QqXuqsDKsDChA7rUsy4PHa\nfoDdEjJ4vgtID/OzTYozM5VRJYIZDRGHPPdzI0GwxtjMwIQIwDF7gKuJZfaN\nt3dEF2jtAym6UohUq3eZkcVaCHUH6yGE9fwl0tZU2zUz/CIflqaYGQ8/kb73\nsXA6CWYbJiqmOvZo6bE1SZ8QxWO2RjfovM5BJWBAEbO7RJ4y8b7AObF9t5F6\nmZ9YPB/huLfZBNOLREYZniMShrjfZviY+W7n810sJqrdbM4zEX41Eo2WLCp+\nmtEkEuDZ3NVF7M+n8lEKlmPDHIA4lIFs8WMIj2v454NXrgsY7F390IUx/KZR\nVTMI9Gv14Fi3ZFlU3EDPHHbWMZNV7aJXCMIKwnYqLyqDaO1qrtRLW4XycmWk\nBOFziSJSyXwRiqmZ6nqEcRqW35UaBDWb7ThWcxvjvEdvQVKn1IYM160Tu3os\n9DX9WQQdYY33l9etb7ZlHalRgOoopebj9L5JtF/z7uDo00QuV93y5nnjw8Oj\nIdjXsYpKWIlLwTDRXQg44Z+Lu86tdhSXu6qKMDHa98txxxzwyxag3/KWatav\nFCWe\r\n=t0ki\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"550f1e0ff50e94ece83c72bc45536fa64683d7fc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.781434a92.0_1582673240809_0.7348271712996886","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6f60c98b.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.d6f60c98b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.d6f60c98b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"389ac20ddccb42171aa86836370a54b720e6fea4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.d6f60c98b.0.tgz","fileCount":11,"integrity":"sha512-3yfr9ORyk+AHvesC8dVSwoQ8eTdg57+vwU9kV98B6VLQssTYFJf53fxOVG3MsGRoApw7DZ5p01ORZ19ZezliXA==","signatures":[{"sig":"MEYCIQDlu9SOYOsjS2q3NvlXWS4TT06cqWLn7xoBIOcbwfgtnwIhALL3DRuMbzPVb++ywYuuo/Jct262V8rSaMH4x6f2NvO9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWY4JCRA9TVsSAnZWagAAisIP/20JGAL3IAfz4XL1p2v2\nC8oFmjtsE9oqwz1r66JVvHCNJRl2JCVuLE+/avkF9EPzHyCccomVwvWGKRUE\n/SmBksBzXbbUawg6K2wNdrJ2mGOZ7B2cwiVISh+7c0zqVR3wyeKcS2PL776z\nt4vcsoWOEGAXsCyn3S8YjwM9RRZeCByKdrUJ/jp1Vumtj6eiKSB/Fdl3ziP7\nr5y2oz9ZCsO90PNFD0i8NQneHaoLCl7idf3Ulq2Fzmmg+11xvVUybbdYuCX9\nV5fe/H1jjEvni0ppIEx5twitisOIr093Ox8AOd5iTZREm3Z50Yu7JtYcJ+6F\nYF21o6g0L6VYsVPKKRKKNfTTP9uH6wknFawZ+LKxBwe1rDGHh+1QkawBB7WV\nQgU1i5cOFASN31Ps/DJcMIBDMMT+laEuKHYAZanZYnKZx0eCJCiwN+hqVZIl\npjBKyjdhySt8sVVTobEWMgCD9HRgi6WzCRkEcQhbgeinhB2T0ab3lTcKn3Ms\nmTqmMTbInUJV5Qu+OQ1VodkxLhc/8Rd/LSaIDOtRGDObrPoTuiFwCILqvzh/\nmkbHIsa1jSwqbwqdM1RkYxudnClRpu0+5GfHeK+oOcJq9J5lqMR9Xw13dkx1\nlh/0TqtBrroPDH9jkR1WZWHg+8P3iIkU+j4o7ksTRdagsWlbAlx5R2mmtX1e\n4gAg\r\n=JD4i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"51319f628dc2d5447017b393bcdda8ea48a93896","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.d6f60c98b.0_1582927369087_0.6822947349590616","host":"s3://npm-registry-packages"}},"6.0.0-canary.69edc6e28.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.69edc6e28.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.69edc6e28.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6931bcc97b9cddf4b2e3e6e191d5ddfac20037e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.69edc6e28.0.tgz","fileCount":11,"integrity":"sha512-5Ra5/2t/GtLiRlLU2uqURXoxJv5QvQChSmfbiqtGOsimrfap0B0e01osr3qgmP+fsCeMCt/1Hb1337/WotfPjQ==","signatures":[{"sig":"MEUCIENHdhR/cYuPUNRK3dv0cswl9Ll0eeBKy16TJal5OU6OAiEAoViSHvvDEUN10xmSDw0rdaF0DDQxZ9mVh8w4kWyW5CI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWZAJCRA9TVsSAnZWagAA+/4P/2RaWoD6Em7bk3ZL91QA\no7ChpcK9Ssg6BgWyAxZUukXh9hLF/fccVgLwOjmdOpwm82QG8TKg/DUjtq4+\nMH51D5zcIVo12BULmyq5BI1i5elnthe02hhRWcCt3ffv3mOWZsMHOiDfHZUw\neJIoNZX+kL09QsB4pu/WxPBp+MFrNNjeT7JkWYl0vXY6wmLqF2lXB0O1AMSt\nTYRwTFpDaxS2o2TPCtbMzWuzlLYYBjbCZmenNYoHtJBWVXK1oAw2hbLjKMPU\nS6NkIk1Xvbc4bRxaiEDJuHx2fkL/aQm77C6HuYxa8yLtDUfywaNo5lL69BE/\nMvjOgoz2nL8DDfl0mcnpYUqwJToV65TPvQ45WBbk9+FFNxqvo4tQYTpEQ+oc\nZ/kFcOvFfGwu4N212QFGSIzq6ncIH718/D3k3TWitBaO0XYkV8R4BDOKJejG\nFfC/CILXLivJKRlSdKnboVT+ZjzavEz6Kdo7nk2RSdjL3qur7qxftS9BsAu3\nXFYwTYSzEDCBe1KxQRBExP2piRUkShYfMfFQ9sob9lvPFtBxBPR6auu60sTy\nmLAJD7VdMJkb7+V5qxS79LI93wZvGD/T5qqehzU2XkWuExrJt9aZJ6UelvEz\nlQQQ4wuzCzdRjFaMckS6oBizmwAlx9gGUmJ7yQSeLvglSusPJ0j2uPIvK7zn\nCW7N\r\n=N+zR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7394312b46cecfacb3ac97cf147ed16fcc42e538","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.69edc6e28.0_1582927881334_0.3091507734553405","host":"s3://npm-registry-packages"}},"6.0.0-canary.9372e4939.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.9372e4939.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.9372e4939.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e693be47e435d70854d03b54abd84e2affa1f55","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.9372e4939.0.tgz","fileCount":11,"integrity":"sha512-hfvgmvgz2ExrIeFqHKPYLri2k+gTeXxtnByqxsdsbtInhT/x4UkiBu+e63CUJoDvkNv4NLVWQRZuthViE6FMyA==","signatures":[{"sig":"MEUCIQDDut4Q5xA+eEXYupebaSIeBNgwXFouPZS3gpraPCIyZQIgOaGXNtsJMU9ie4my3tCXxbBFBLjJgg1a00RRdgn6d9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXqtGCRA9TVsSAnZWagAAyAwP/2QzN+zGkYly12Deccw/\n9ngKr00zcm8Z7A/PwdNV+JruCnpNkKie4Xso9CigxJRepIclJ4i6De3K90aX\noIioPR/APFhOrj/O8Gx9xDua5uVTRqCj5Kmr5zt8BjPro/0mX2A9QOfj8BkW\naR1H/UQVA3NeQtMK6uGwdwN1yYcyKltq0SAjlvWO944zKz4fO0KD/unCm8Sw\nuoeS9yBbQw7xyscn3BJor/Gukav0vBUaAAc+3GE5/NX/2khJe/fCEnYEXLOD\nQUeGNMPoJiy/DGjMVv977FGzW2PLisZrJU9Xw9q5gd2nSZSNG/CtvRVJ2Rjx\nol7YrwbifYw+QgWHk2s/DRMbrJvoC8/6+cjDnNocR3MJCxhDiCNrUAc0w0EK\n6B4JFUv0+9fRcQVymBJJnxPdEpWNNfARRR49qXbjSwcG8J97SPaSiWemM68p\nAeD+fz7miIIS5uldHs8PLsULlXW9iw9re7v9Gfi/lCVPrYqHc0KrruWtzs45\nL+J29MlD+VF9cYpY1lVFOPa+i7TzvKzMMoAdoRpTE3L2X5MhH5I5lWOX8h/8\ninerlVZrzOaKYDUYaL6GkE2JbEmWzbQmsDG3hnefYLPANTiR0WIxg3AavgfY\nqQDN2wEyxi9YH46kPBi3ZdmkZGXC+trYxhlQcKDKQCrwyyPRDtxgAC9ffzxx\n5eX7\r\n=NLDu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e54df7e88218f93cffe81e63d7e28371126d5611","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.9372e4939.0_1583262534105_0.12297484760381971","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cf5e9842.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.9cf5e9842.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.9cf5e9842.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e2f619a6e2d13894e954735d853189f7faa03ee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.9cf5e9842.0.tgz","fileCount":11,"integrity":"sha512-rskpDS/J0mOv3nP554lMc5CvEDidwHUvRrJPhk+TqhABmRLX4S3S2oYWFslrd59TWduGql08RmBg1PNzRut1Qg==","signatures":[{"sig":"MEUCIHPX8BCEmN/0pNZzR7X5GWxUKF8RkoLKo5+B9KFqDag2AiEAnounNo5S1pd6AR1oHvriGb1+texQeo8wFrsV+0ruXRY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXudHCRA9TVsSAnZWagAAgvYP/1ZM5mIWA7VpgSJh+IaG\nVRV/2anRS/8k/MEAU4rJkjqebkYRz3MjRENbsOBJ6y4VGyqNKtDjpjDluZ8B\nNf1JM07hiztMPg86VuhfuHpuV0YPrXzxQ69oz1SF5UFd7htYNd1eu9R/ddIv\nz3G/baf4PMTpguY4ME2D6tAmBDIydyZERHhtOyKlgTcsnyonYlYY2Cbcyjrp\nn7SjNwhkO+nexr8t+UFXR1trGDVMFrJeHcK4RF8z9A47T77o9rrmAD04bCWu\nj6zuiKS3juVggOzYaE/VEtmDQT2G9hHAECeP37G5XAh9vQgjAM+oCmSb6ZB+\nCTzr9Pq2yrN4aka/RzSWb47MM0ttfiHqQsFoRiMnHbAAOy7OLcc0sjoFusd8\nQ1R1Wb8A2gxZMJ2cqZBKFb7cTVyT/N5ofCAP5mk3jlN26ltvikwoswkD1s5C\n8vEFDCeT9Bz04P0M8X9DbJieiK3nMN99tEJOhgPeeGvOaJsOUs0qYTKr3eRi\nHeSIPuTQ6+xJa8R9aw90z6Y4oMTafnvF5fiHtuhQ4pq3QOYrIkSdyV/CxkMu\nLBeEvthEivavTkE5DYgBrTfbIL2dzLyRFGsdziVLjgsv+L03unKdfb4hMzj8\nBWD04BBILemjei0xMrtxxURGjvHq7qWTyK2gleGcawGG6UEHr92KqMfpqkPs\nvzSn\r\n=reds\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9ae3d1faf8362261d4cadb5f9386265501b7f143","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.9cf5e9842.0_1583277894767_0.2245217116452014","host":"s3://npm-registry-packages"}},"6.0.0-canary.3657f8863.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.3657f8863.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.3657f8863.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c36fbb184a234147aaa282e041bc5774d4166a89","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.3657f8863.0.tgz","fileCount":11,"integrity":"sha512-RVXMxwaTy7Rw+uwmcimeVPtZr7BHPNAQVhp7mhnz++PHGEDxJ2PQbHFH8tkUeyTm8yZ4zpMHkNdxMS0nbydiyg==","signatures":[{"sig":"MEYCIQDJ7bQ8sZ8cy5WQhTmzeqD96Mw3BBXJirTFF5vuIGeArgIhAIgiFBTpuPx6ffocML+/QGH/TGKBn6Y0ipMELgsJoJ7e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX+i7CRA9TVsSAnZWagAAfwcP+wToD3ch8FpVwZnePya6\n6xSu/B2x9WdL+fHrbOwOLImjSRPH0lqi87xzThA0XUo/bGOdsMWmcATFfxZh\nH4tU1h8TpYdJpjDltsSJWkLwS81bmQbdYBklDcQObfZ6mywD86e0d7iOEdbs\nytXgDOgbLbRwwNbMVqmOcRulyJS+0r/XMUlDzB2Rz4TWggZWqdHn+KEoj9vJ\nYpGgt7owXyDbgAABYWjqyelZSu9eaBHoWAGVfPYZM8MS2AUkaNwhhtWijPhg\nXBQPqMZ8P6aaOSU5i21s8NKC7bsMgCylgk/MCNLF8z436mGubqlnR3AD3oK4\n/uA/kYMkqN5f/iK+2l3CyptsKktXTuO9XZlZ35/VsT0Dtr8BnODYqTivhBIU\nDfAgBUzWYUFzAAP8ppTZVhIQl0KDC4UksOAYrccdgoMIUBIA4bn7zQmPR7zt\ngMwe9c4mVszzscpjtP2N85Rx3rvurAW60JE6Wsx+5Mx/XdlWa6HPVNzsyOR0\n7F83XNwTP5/riXSu7P2XOo2Z3pA2TGDHDXjPl+UQ3kX/dSMyJs3b2PwEX9WN\n+/lpFv+OGSBta2tGCO8MnuUL4bCmH80LcXbmreEUJ9SptdpnEGsDM56T7j9o\n7DsN3vVNZbLv/JGNeMAj1vGnhFtZ8IJ8h0LzvetVyB9MW4/v7TVmg/NzpTup\n+zL5\r\n=XphO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4075a5619b546f352f6366e5e90c61777ee28f5d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.3657f8863.0_1583343802824_0.9412211927312115","host":"s3://npm-registry-packages"}},"6.0.0-canary.98b843417.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.98b843417.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.98b843417.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2296d09c52ebe19bb6273dbe46970ccb8d05fbb3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.98b843417.0.tgz","fileCount":11,"integrity":"sha512-Rth+vbgf+hwDyzRgsF7lzyzH2SjYPM9zYgoEPktqpnHRhhy3wx9mYZPO2x8wsZfuESnhiXtKMTPCKXA7YkglEw==","signatures":[{"sig":"MEUCIQDWv/C7BLEOBJP8D52nO8LpOkMLvCJiRuOdgyPYQTbq+gIgJCoAxjbcmsS+S7crD2NVBscOf5GwZMxAPrpUMxw2UkU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYUU4CRA9TVsSAnZWagAADAMP/Rz9VA+gVIXC4zR680HZ\nZX/QwsBjo//Rc3Npg80Ht+tvJOg4xocgeqQ7tYLWMAXuj3Uh4mu6Lm9VvVIW\nBYDssRjnY8+3+LI1aXLwLd/uyWhbsbwTG0/+eGgc6/vAULULKsVEArWHJL5w\nmaDJPTr8PaoTGE83JsGwaiCHhfyd0aNk+/dZAC2CU8oTt6K3xSD6KO6pBhP/\nP8CQQzwy63Il8v6aqXlqvVrIA4frVd2kpacDtYZAgXLIK1kyYInVxRy83kjH\nrMEnCy3gPHzXyiA78R+6d+sL8FtygvRo7S8ea2F4VUUejQtpKUTjQWc9B1+r\nFunKtwUTxEliO3/4Sdp8tsdLVBIzaTJkBpoVEky5q9ud8LicwFgPGZj3DKIc\n2Gsd/CmHWS+KADIbtywu3oKKx5WHd4Fck+3/aaMSSE/ZC83UvcNtpJFCGoUW\nQLbzj7mLC19kAZPNjllRz5SzRHiAc5Fg5e8KUh/m932v8UOoi8m7TUuSiv8e\nq0JSxQlhgSCYeuUdt91CUgUmzByQEJ7P8UaABqva/BO+3iGzkK3vtc14L8jE\nxT9zvDNhhqIYJcqnkjg8oRVXvWUXmAyw+Ne+gUn8RALFhiO+IzytvRkM120D\nVe67T7FwRB+uL/sm1f0WLN/MzwQ4tYn73njF/VaLMw7qgVejhHwAE+9Zx8Ko\nGnDo\r\n=q6cd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"68f2aa7dce5bfe926cedccaedf1c0c98166d0bc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.98b843417.0_1583433015675_0.5174879316042653","host":"s3://npm-registry-packages"}},"6.0.0-canary.17b9699c4.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.17b9699c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.17b9699c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a32686de8de1105b2063a8ff10936cb7e450580","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.17b9699c4.0.tgz","fileCount":11,"integrity":"sha512-FZ/rdMBib4V7HHziSnNUdx7a+DdutKiLiIbj9Crh3BhyNucsFlogGlDnmRygyUpk0RGrrv5Wzpzu883I26Zszw==","signatures":[{"sig":"MEUCIDMQ87BBm+V7kJdb77pf9CxgSgIHK7xaijj/gkW3X19RAiEAlhZJOCqMRxPTq98sI9jTgZxfkP6dkT3CjRtPk0XLW74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYVE/CRA9TVsSAnZWagAAnWEP/2qNMQF5DWNoQmMjz7E/\ndPiGisl5M45UP58JAu/7s4NIHVeF5b33ok5PIigKMeYx2Z21H4bTZEYCECs/\n2zBIgJqyUNbHmO2pZg7bynj51WWFTydFgEUIXBgAXMXHlwt9fUJ7QqsermXc\nlk13tnfZeT35iDbPUwQdHxNhHvsXXt1HU37dICIHIzCndzEyHpY9ad9cqErt\n/d52vgFMdJfgYCYbB9GNLDGnsAhsnDxrK9Z7ESf6nFAmqNhzrOF+LG3XKfPM\ndTt8KDSxptYI1TwIAytOXlz80bJsF4W1TNUi+CMFZ63QibIcVGnA/3OUf5vI\nJBnt2ZWKokeO+SOto4/hs0X7l4YVjwuaZ7CsR+VPN2tZn1RDGDcPM2jw44ZF\nIP5kQqxlbYkcNTq/u7lPgGFLdZHmgMfZGVbBTxpv3co0IJRmJuD88jReAFdh\nKyu23UtiNs6Ma3M5uA1GUU6smhDT2BmFcgQpqzOx0oeW9X9Fn35CzUIfUT4e\ngyAjdEjnQmEyZOuAof+ON01yVCPSFdmBIVIifJEQJsPWpJNO5tsXBD2W6p2l\nJlcBxIJsJ7q87vuZZD00hLDOt7ZUSBAUwSK+eIScMuKCaUwNN1efVdBCGeTh\n6PI5qLbrprkpoFVwBdNaNeR58CMuIU+aq4nmh+lXonriaYtcjqDDyxWy0n9s\nDubk\r\n=eNcc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5cc71188279f7fb4c0eb3b0b6b98b59815539374","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.17b9699c4.0_1583436095038_0.22241686925040738","host":"s3://npm-registry-packages"}},"6.0.0-canary.6ee035572.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6ee035572.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6ee035572.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ea0064b88a7e7d8926faddbcd327d8153b29a0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6ee035572.0.tgz","fileCount":11,"integrity":"sha512-/Pw6m8lWF61ImMcxkUE6yd1oOSaleiNlysDwluXH1gsXWcaH/2Yye9choYxmppeQgvhsq5vaVtNKjlsdxWVLHg==","signatures":[{"sig":"MEUCIQDFIcMPNQSjVVEFzElGEa0Kxf4iWP40EE1cA7OQKzFg6wIgPUYDBvcA6SH4Lx9gLDaXRUbw0bzzR33//8uFrJOPz1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnK7CRA9TVsSAnZWagAA2xoP/jDfzVkAe3CSivTekrkw\nuzwe5rl1I72eBBKZhjnZjSuTvYomRPEd/OjrGG1Q/HmQzEGs0IS+MF97Ngll\nweyt4oT7sQZ6AFrI/xdLUupKaiZYmk38/xH9ZI9200GjJgMoh+3+G5M6Hupd\nA2BbKmzkzaUPAvJ4ASKyt5qH+L4oXJtDQCcFQiOVEIXR7BJXl5/vC3vDynvF\nGq9KVU3WTsc2d7Tugj5om604LJzfY/N69tIOJzq5wMgreExusHF24iIBD/A5\n3iSTRecw5ZAhtyAyxQWAEakAqzvg4VF1TUmdmDhNZ49H37TVHxHaUp4raJPZ\n/AZJrg+Y0qSRaVZXVR5+NPATsmuucaKu7M43hY4snk1fi27BuMtymUyWDpgS\ngOzV37/UAm3X/8jXeIEi5OFU5y/G+lAZoSgbgXFZkFQaNUIpjY62hMmw9qvp\niYFkjcXA6xOzj1YTKTokKRZAgxfxexhRwjmn28tMGtqOmlfmOU9pwwFz9jLj\nSRUnXLcllyK8hX2nnKDEpU2UiMxd0j0ZLCwWq6S3SyqntpKlbF3JGcThLtKN\nJSrYqEKaycwF/CeOkg2aDwVdqnR/MV7k6Sle4JNop+AaJedzlt5ElFAe1FDV\nlYrfLOVM0yJeiNYxcO+x4O3FBmC0WTIqPo2ER9LXRBM1VYHtr7hXJNy9lGDU\nxgmv\r\n=Lcvi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f7d234455251ae34ac1d568b4654bba0bcadc57d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6ee035572.0_1583772346745_0.18010432588236025","host":"s3://npm-registry-packages"}},"6.0.0-canary.bd33cb56b.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.bd33cb56b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.bd33cb56b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28bca8f0c610339a63506b09ed575be012fad17b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.bd33cb56b.0.tgz","fileCount":11,"integrity":"sha512-aE0rbNyBEkAU1xSf8kGVx+5oo4qtlRo8Pr8PJEHiSGnMTImZwkk486blzErtOkxhAY8O8Ao3TP/0keXMJU/vKg==","signatures":[{"sig":"MEUCIBUqD9rHyGgGgYI/CvolbynVMicVOUuj4WxRxSX9yMnCAiEAsPBqRmGCMpVQZvrJap8FgUSjNcXKRAzvlKekDlrwIWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnsKCRA9TVsSAnZWagAA8fEQAIdLQ264DsPamjtyAVyl\nx45e2AfN3F0ZncBgSaXzyvKHCP+osRMjzsS9hu76MC9Ucx99jvPfK/fW4wvY\nWi/nXsAk1ujvdW5lbRplBF0/FIaD6atQ7SoJPn4KyIH0cC1kzS7OmCNe4k1T\nch3nMw/fCHnxJBuQiHLevoHQK7yYOL3a0nHbsbfKC5YFypTZEkElNTl/tLx8\ngF68o4TyNb3c+HVgDEz96zkEiBOTHkvs8mYAfRCFBTqRpYzfqF9O//bBtw+F\nrKLkx0Zsf1qWNxf8LsRDRblrZQgz42/u3PAAtj1++w4tHrTadvK8eUd5tkPq\ncVUhfefbRsMXGF+hLD07XoGcameCKNWOKf3R8orj50x79wu0iC2RJxFXgXMk\nyaSE0AT/Qihg0KK6yPDw2nBbLUn7ZjXzFAt8N+rmQRlxw/fyT3gOUyjBp9II\nJtD46yIc39OQsYWrz7kCKoEgOWIc8WkV0Oh4XDyM0CQtYN8Aez5QCXwThVI2\n5JLW6kcHisRf/9fODoOYf50BVP1t0IvQXL0Ns7+OV1exh7DIdv/gZmp0CU1t\nE42w8XUpr4H1EeP1R1CoHalSi4Jd4RkwOEaosl+MVQlQSap6pEQn12DMeHmX\nBsSWM0IuW+ebgQA5Csby0CovHmUy58rZZw6BgsAHyzomSjvXqv6SR8JWXiF5\nyWr9\r\n=qkWO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8829857459a9b7c92653d2bed2a8ad63b58b672d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.bd33cb56b.0_1583774473722_0.33949049596817793","host":"s3://npm-registry-packages"}},"6.0.0-canary.9ebee4ceb.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.9ebee4ceb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.9ebee4ceb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ebce8331d4391f865718ec814a6ec09f42ec8fa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.9ebee4ceb.0.tgz","fileCount":11,"integrity":"sha512-J6CYxYFfaIm927E4KqGiZGoDCSUqQZeBEzaZlYldJVPBHE7cD0l5OjtKNMBicjJgjZclwyrgA4XULQMTcPBXuQ==","signatures":[{"sig":"MEUCIQCn4n/O69kVOzLfzrc5QI55ghlfjdFmKZGrrKbAxDiD2gIgVhJHvj4tc94dt3hdhWdDAV+RZ5mac/drjbSjZVZSI8c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZrFXCRA9TVsSAnZWagAAY58QAIJXOE6Xu+JQJ9eNRjR2\nzxz7tc1eTY+9Dhl8FJ+xJkYrLHoPKrYPCg6AlDOaQDSjBkAi1WVI6HOGNAd7\nxkbyWXe1c7KG/rPKU6xrODC/8RTc2jTjENdOgzAFhawAP2S+tNgX2JB9c1ct\nF0QFLlDOUq9a8dbiDXfTzC6BQ2FJVr/uFhhBbngtm+gBn+rMUtKGEF9mo6Bz\nx/E9mWTk7ezPmxsPubFWvaihWjtua/2iEf3V9Au+Jd4BhW3Bn6W7oBGhdR0o\nJjrgQmaW9QgBqwmfW/dDXTb1WN8VlvUCaBx8OFCIcNkE9h/Y43NPXhQsq9TE\nwJdXGnt218bQ+xJ0Eona8pKdErfnifgl7w474kPM+01VnS0oDA7SVUH7zYsH\niu8tQc76U6znhUT+pWHmg9HJo1m/Zi//YhJyMIyqaOEduR3QX0YdbK2TbAoW\nkqBLZepJqQPQER0osib1Mpc/bVgr2zqACPy6Ld6m/LGqtLlqWcVe31Ig+HVf\nDwHXLQEifMG0doa8j9FfbmD9YvLNOc2rWQMlLsoAyWoaD4nFzwpDhJleQ58L\n5GA5dYAdWy4G3Y04mSCXPXUan3SKfM3YM/Smr1Urq1NBwS4ymwnpshFcdLGL\nS3Tu6QXW/fP6HUbB7x7AFsB4XjxLxZTZrdKmkjMC3FxDcojOjYqe16Q4eqdu\n5VSS\r\n=LU7X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dfb57a81f5ec017319a5b83b6acaaad397e95839","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.9ebee4ceb.0_1583788374834_0.27582153166180734","host":"s3://npm-registry-packages"}},"6.0.0-canary.26c049afa.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.26c049afa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.26c049afa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b06c5dbacc0f3fbc2e65d1062fede1fcfd76fb98","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.26c049afa.0.tgz","fileCount":11,"integrity":"sha512-ztWJjykZDET2OQ/JSmosczWxIKeRD7T++bzDRdcJLKkti30XlGyeJtGugNu34z5CjBWwnpnr1sadMzt4Qrgyug==","signatures":[{"sig":"MEUCIQCfCFLd/faIZgirH4urA9Vr6ysw7GXekJoyyDzKaNax7QIgPcIz9Qf3Lz5+fC+RrLKIcRkDYiWL0Xb2zJ1Bpc7pBBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ8f2CRA9TVsSAnZWagAA6sAP/1VJdgtSGBR0jB5zLeAV\n4gBpbADyZbwnU+pn9o8RZ56rQZdW8zo7taMBOuIum3OKAEa3XLYUEZYNe5jL\nHUNKAs6o/zhNCc2Z8SBrk1zrp6UEPnvKMcL6m/k7JycTq5VmYCi3BjrP1+FH\nV4nDmnuzndXdoBRDxMOR79NsVSjqStFw0YAiUtjYGGV+RjGpbkCQr8pOLVlZ\nS9Ecapa6bZEmrVmG01jfm/L+b8i8Sf1ZbT2Zg8eaYXQJsj7klUaQvg6LlCDb\nirfs6l6xRiITnIW7FpNFGABvs8iBUgt6+aBZ76UIm9SCkuQJK19ZS0ZxzheE\nDauKwbVMcpH8Cr9GUXVXSrAV1VVJPgmfXVXpzcvOU8ALcTOWGvDDwQuaCQI/\nC5JkpWf2Wc2EpLYrjjXj+zsTCeTIfvRX0GHpfSO9s1HIdMWBrQuI4Q78fz/F\nLz0d1bn2XEHagEq0UZp7dfmVhDlOHPrvEN1SOK+xjHsvO0qtTNEokVg///7h\nbc/2a2VGOJOD9dL3N0/Hmj5vwEPVqQFHQD1ZOiC4FJRmnnyOZ0C/hzwRbNqI\n1dp7DtfA+Pg9J7jhqYh+YwGs4H9qEABdZCLs7Mq0C8/ZDyJi+TgtYVYuq9E5\nVkOecPpzbBplB2a98penBzEnGHPs6bsITUrg16kekv37pXJrKBANsRZ8qbM7\n1wpW\r\n=Azd5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"042ad06994baa2c42398713e57185e4bafc82a3a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.26c049afa.0_1583859702397_0.16232254365337018","host":"s3://npm-registry-packages"}},"6.0.0-canary.a731fd0a4.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.a731fd0a4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.a731fd0a4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0991c231b7b6a9f272f085c9c164b7f02b0df9e9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.a731fd0a4.0.tgz","fileCount":11,"integrity":"sha512-wgB8642DnEF3+P+KO5kz2o+MDbImASTyNLPd1++GPquwz/yCqW5piCVMmPojgoYQ6EirQhoJ60cgHXqKMSdptQ==","signatures":[{"sig":"MEUCIQDZGUj2zUu2836hY7TrF7zbErC1xT+M43ZFKCpranuXpwIgd0Dzz64mCFhIZ9v8JHbRFc9FJkoIReuN0RHfM4fK5qw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/kQCRA9TVsSAnZWagAAoXYP/jRbAz5y6sk2K2JcwV6E\nCyGRq/hneojY4QfZjOR6Oj2b+Gv2fJJ4yyzEKgWdMYu4u5/EejJ+zz1196tq\nssUfeG3He/zmPW914KgijI47LTkQGtus/02VH17QQdiQzexYPIigPD/+ugGE\n6i8dc3gcc1sbvcksuKfz/vEbrE6iLdRqqMfJ/ufV1N+IftNOiWZg0To1J6u/\n6J4WqeNZBvTKCOF75zAbMg+ag5bIIgWloQMxX+4FAyDahjN1yy8hAC0ct0gs\nchdbIFBYBh9f2G92rz4sCNWc6HWMOVZqMHoKbq0zM8jc62l/wtMqqyWCLEwN\n3ERyuG/ymhD3pLdX6bkAyoZAjdpdRnTIbqNTPKCkdAQRqiUYPhtuBsoYffpf\n8S3gD9q/O9A093XS/FNjevQ8IUZAEzqhCfkxUUo8kWPJIUha2eqH2mKulj89\nAX9F54t6nEKrv9cBBzn03KAhCRCVWZa7DlUxPu/PurmQykgSWi8zq6NTQa9h\nLg5W5FEzmV+zYIvp3GWRwMxrR3tKBdTKcPDm0xWbQw6VfXNM2LJ2gl9mkdOz\nNDmr4+zASQ+NpJ9qBOBw4Po64mJv7mGI9HDxnmc4ZluWcxc3mbdPCVjMj4w6\nwNpfvKR1odA1se3rJ0yLP/iYbDb9ScFQspmx9Cu4JXcBD4HogWN9le9Mt2Op\ncQaO\r\n=tpRe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6216eefcc94fba4c66ceb4b1fe9352d3cac861c3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.a731fd0a4.0_1583872272059_0.015110613781557314","host":"s3://npm-registry-packages"}},"6.0.0-canary.1db5c9fc8.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.1db5c9fc8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.1db5c9fc8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c15e6849352a89ef3db4f5569ebcd2cd4a8052f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.1db5c9fc8.0.tgz","fileCount":11,"integrity":"sha512-eeG7yvxkBZqetTPchDSMyWXn/W5bzDX8scLwceqFJs2P3OM3hgZrt5i1vMZ6ryMy/kv45QpQifz8MYgpdgXrtA==","signatures":[{"sig":"MEUCIBPCcdLPrnIpgV5tkMp3gMD66JEJnGfYyJ9eSEEzMTudAiEAn1AKe9lAjOYVq18B+nuq0I7leZoMFuPJnOfXHR5Dvw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/oYCRA9TVsSAnZWagAAA1cP/04MPptgHdNQ6IIaxsu3\nMK9ufzajBknuoUS+FzL/I25+9Ar5RPHGPAsciFkHs8VX6SJ9HUy83UsDCRQa\nTUnmwI6jcmlfoaiA8FGFaanWW+yI8dptCbXrfs+j8nfTKUYdVgetuJmZ9Eqq\nuVrg/f7BM7th4jvFvozc6YnwBX2LbL+pUxjRH1IFYns6g1u1QD8fID3qTk0O\n3+H2qPYCztbZ1Ww3SjqwWXJECO7tG0APoyncilcGI+ovKYMLk9Sm9LG1UITO\nzFw+PnNuck7tn92m5dOOKl3UF9pogFnnudIV8i5gsTfztr6plbAwjTMWNZQV\nfUlna1j+njgA8GNa8MY9D4WUHgxpA9aTxypzI5qsGZXIKds3e/DR5SbmUcbv\nR4tPHYp0tycMpoX78g82but2cJlQVcQo+ntoJPFdVDWN+c7byIOKV04GSwmi\nmbw3d8zWwZSQzXzKi9LNCkkLKRjglZRocG/M4Ckd1nlwxAVHLTFuOz/CfqJT\nA2L9Ac99RL0YAJbPLMhkD5udSMMZHjQrXIJInEb/enmKveSYMfjoquv1s9I8\nrYeYmhGURnYJ06TKl3HHwLSCFQeWrwUEe4zi46AGq+FkAAW85ObrSstOH8GM\nK0aHBXqR5mbQaNQiZrQ6BmtQ0NXs0tZMQI5UhfqRRuS9PEO9eAmd2ak4YcK0\ndH7q\r\n=mXDC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc90b13bf23ae60f937a981d548d55e3641c74ed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.1db5c9fc8.0_1583872536061_0.9087620207168279","host":"s3://npm-registry-packages"}},"6.0.0-canary.4971637f4.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.4971637f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.4971637f4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e41ef5629e1c28f75c47d3a2e322ea8e16ffbaac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.4971637f4.0.tgz","fileCount":11,"integrity":"sha512-drT4LE8EecHIYp8AXqIYwdfTqjai/BcSDd9ogPPSBBQL2VbiOjb6W+MuaQxLDIcW3OQthzcshinr2L/gEb3Ysg==","signatures":[{"sig":"MEQCIBPrnw1fa6vzr3TJvx2Al3OUxYUQaCLz8LhGURTlbSj3AiAlhakrVsWtFdMGN4jZyr3qiRzSrScerC4MJpryMj7KWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaBtGCRA9TVsSAnZWagAAi3MQAKJV9i4mLdqCcdRp0QaH\nscXtAcaANZolLogolFE64HFopOWyC4L7gmGhyjl1V2VyMH4U6KjNYflDnt2v\nZakpTml52BX/OYE0r6mXLM+ZJ/eHruG6boF/TghJ6f1WJ2/IFUOpgZ0BDTnE\n0IpUscIDeM6yY+jJ2GOVNrK3JeFHQ2FblwFGcLow8gbF6aSkggWTQbD2NAKn\n5iYf0hYiPST7o0brgoxpA2o8kZ1GN6bnzMxcyKzXEn7ra3YKqSIz+Xn8oqQR\nmPPsOhICTdfS61wLXMqbE93tJ44dbfAR+FT50Q+/CqOKJdRVu04DTIMWu3Un\n7040mf14ZTedHBmSvWENEYeslWUgWMga1S5B4OWeqivu48eWG+o4UmcwXgGq\nLjPsVXE+LRtTrZhfTnHD+AzytUCeZYFGTaZIAuj0xc0wK2XOcixoQX3n+FPJ\nvJg0526srHLg70t8wpMuit8XSIKK9qIDALWd9FM/xMErvrZnFFLRubzJ6dMW\nFC1mTx0JYwf7wOiJT5cH0CZ5QEbIID556785JLch0og55mzEGdo/lrddOp31\nsmA73OT2wYe1dg07HDtN74rokuFg8fTc/+/Cge0g9e1QEcuY/HmOVHOjrRcd\norSbLWWNWJFuJ5hKmEgOy/2IMgmgP8r7qVQIxGGHzFWf7hmrUDdKkKORMoyc\nSKxi\r\n=9ZKZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4a67187585998b5863a9eb407a3ac0a7e550061d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.4971637f4.0_1583881029833_0.6551951302651511","host":"s3://npm-registry-packages"}},"6.0.0-canary.1ae8130ce.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.1ae8130ce.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.1ae8130ce.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00b13eece0dccb5c28f871b724d9ae752d9dc73c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.1ae8130ce.0.tgz","fileCount":11,"integrity":"sha512-WJ87ahK5Vmi2LdU79HkYcQv45EX7PEmPIvFnhLs1j+RvoTsTnB6IbSfVErC5ForTBz9tKI8mzbkxSmBso1Xdbw==","signatures":[{"sig":"MEUCIDlnsUdddQHyRkmNQQghN559K2n8g7eAWyeFAJXOp6cwAiEAlDmMtSi9GZ3mKnIFRPpFCAIerbZbbr9rupz94yl/yME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaB0OCRA9TVsSAnZWagAAQtcP/jNsbbXoI7ZL8fm9FT2f\nJDwnrIrd7Bhzxmgc1hr86Sibqd9Z4XvJMGyhtNPKCiRNX6hWl0pEGWtrPoTJ\nzHVgtQQMssatrMHX/dpVC0mdp4JBglUtR4/oJP/+swTsECrDMrvaC85ooTTe\n+9ymWo+KzlGEFKe5QxrbZV3cjV/9l4vxpc8BFKhb5Fi8wPQgnMW3aItLKON7\n1MPBsip3WJhkOqP69GI20mT8lfywqTE3jb9RFUwtynxQ8tiCm69v3JY6iDf5\nd1p0gzYXKOVhOv2EcY32tdheyRQyH8wvyLXZrEdea3m+uQ+84V0YQ++TvljV\nKLIJHMBeRXmm2EAUhn0iJKfnIv9VnnqQ3Y7NRbVkT3QCzbOpkVdzj/r4fKps\ngysYkMMyLO8JrBZ6m24dw2KVJQ3cGtH8abD5E1rHF2B1joM6s4RXKZQSjJEL\nf/e/Dn+gqim/57ekCEOouLH4DX2fBJuf+K43p7biaVHxKTFe7JmhX0SgoSka\nna/izdqoXjRdZdgRw5xT1Bqo5DT6mpmNBmiYUAFCiG64hhUkDXXc1xW57FSN\n6HoTioTmoPr+Hjsh1aSqwCkXwCUUlrUMVSbLyhwcJMlvc7R2pMvi8OjFvC0Y\n0FPmVHnHfUCd5ZrOkxVjyy6DTfpbH6amq/pBnDRJ05Dx9ytKTSow6SYGlhLy\n9tOu\r\n=vFJj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e5b4831aec2400bcd99b87f3537adb62cf047dc2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.1ae8130ce.0_1583881486012_0.3006758359423176","host":"s3://npm-registry-packages"}},"6.0.0-canary.8639c2690.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.8639c2690.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.8639c2690.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1061df52eee59677a07586e92516e7caa73dc2a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.8639c2690.0.tgz","fileCount":11,"integrity":"sha512-rSGEV6uwS19xji/7jxW2OcOfj3VuY53B8fqzG41YFACG2soo5JaLp2o5B6SnsJ0e4sJrrWBgosHt1xAY6N1BUg==","signatures":[{"sig":"MEYCIQD2YybXTFCmmpelJ9ONj86P0cF+QUf/nCgqYzOQMq097wIhAOE/aQIVO992aIXf3NchJHr67ICdcmUILQKKUTNRBnbU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaIYCCRA9TVsSAnZWagAABY8P/3kTtuiu/JgBuopQDVXi\nBvJ3VtJmq1g2RaJJBBrD553omDIoSApj8OMEspKHCPPWP6vbAya7CmWFq4/4\nCPqJ+UsAvMUPwNteuD8EMYvlRU6lUWkkrqVr7E8Jtt0FkYdxWAKD77HjJDyJ\nRHx+vHDWeQ/KjpslJxT91QQyxPk7yvpx/9QpgUZZSXU+xvjKu+RJBisKTYoj\nJ76BJ5vNfc4OQg8PRJNPCQxRQIQwsbSEGkVixCAQL2/Wt1/YN7VMfm5aXd0K\nNyISvk0aItGzvN4f0QDyX0V8trDag+BfUKU/BzlgNxvUrBb64c9XpC09CsnA\n960dvgQZGmXop1naZ0c2fpcdlbsk+ni+MHEFKr/MT7lBRVf0C1JQhy628dTa\nVaA0hyfGt9G9WDM87k5069USWc8hcGgQ7clrIuZ/IkeNCVdfUfhjYLHINEtp\nY4tWBtxKEaIqoKLQ6hCzRXaJk0pxlRJH91YPxQ1+hww2GyoCQmMPqnP3v8lW\nMN++CKp4s0qu/7OZylh90ARlsg9vm+i/Un/v/Zx22HsFQtSOu6LgBe4Qppvk\nJgTVbHEaIMika1lG/8lp9+yaeHQxZy6zmIdr2q06WQX1dAqH+4Z5A1/mKuX9\nw5fCmAXtv79MI0FW6fH/BuTIGQmrqSgdQ8VcIw399MXhpQ2qODSbfE7dTfRL\n82rD\r\n=/GEl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3834dd0603f05e8710f74b00560d4aeb887e5b82","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.8639c2690.0_1583908354014_0.9387481879728068","host":"s3://npm-registry-packages"}},"6.0.0-canary.d5808057f.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.d5808057f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.d5808057f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25f0b2974e286a8dedfda5e5c57fe9efad94757a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.d5808057f.0.tgz","fileCount":11,"integrity":"sha512-Y9lLg+FzWwdEhQ/eC5Ml7XBRS2hg32JA+LnzxW9yTL8lLmDNwlOjwOSLJpRuAEmx4u4rz/tll01UuhACSdJYiA==","signatures":[{"sig":"MEQCIEbWE0IIt4fvAoRV5rVQr7Tv5Pa9AG8rUJp7ZdJ8LfgmAiAlyQyUdrwV0Wm/1A8c6J9A5WkoF8AgISkxF8TVbqQWAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaRDRCRA9TVsSAnZWagAA4KkP/A5YYj3sqbRVZt4wQvGS\nP1RLNlhzTU9RfxMyLvJoRgmElNeT66SxVPHH0+DQXfsaaf6VOVf9XTnkP3nX\nhDg3rdxsCF8uVhgBhoQ2IkRt8JDnZUcTW/YBHRnjDE9ja898eT74Kyux9FCG\nvlsV3wshBpuuPfJsyI4ScUM+KBSxhvL94h3cQ82DTOaTQMy5jLmXuF76Ld5x\nw+KL9tho09Qr6lCMw04V80UU4xvK80A/e3p82ZoxKThaz++1pThAakazO7WU\nJrrqRsVZoBjRCfrf1tEF+IxfgPOvtjsUbojncFzVTlFPQOvbGHOn3c4pQZiZ\nlqY2g/PEcfx8keE2TyQwkJnQi+LxwoLaA3jJ0TTOpSoFhtvWXRujbozIvtc+\nd8DRX4YgL0y1b+LxA1GTvFxrDylPP4evN842TAPTKZmGoUkxJNCq+3n73AtY\nxXgeolBBnZZCUT/r2mSVnOq5QWWS5rlqGTTcE4mRCTReMZamCGvenQ8WaXOU\nn9VPAslzzJeC34Iz+1E+d92vYYbk0R/9Oofh9SwJBnsueo8rWza2poLma+64\n3k8fKy+YoS2yNZHjuJi9NJF8S5twNXtAx18HbVKUoNFdgOk1t6h3ReI3fwj9\nz+X/FernGW4I/m25gciOrtycrC0NgFQpjb+7FandixebBsDvmgelOuF4etZ8\nMEcj\r\n=osYq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00a6ffbbceea71ed3f3126dbce724119ddc06379","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.d5808057f.0_1583943889534_0.18018098420010498","host":"s3://npm-registry-packages"}},"6.0.0-canary.b3f58203d.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.b3f58203d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.b3f58203d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b419f59d42de21c7a7da115fef72a395c13a20d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.b3f58203d.0.tgz","fileCount":11,"integrity":"sha512-7haAQQY/Gd2mbb6RcCPMp7guoz3xRciNGtjp6UKdSOxbVNbDgd5/9rTIm1DkrR24KsEcodK6Lt5WrCYxk6/J+Q==","signatures":[{"sig":"MEUCIQC0/XiViYbnNp5ud/acGFzhzjZQDFmfa/6qsafcWxTH6AIgFn42GfpvSDHc9dXd7nLNtESXI5oX2ttPRbjS6gQj2JA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaT3vCRA9TVsSAnZWagAA/TIP/2xHEM+71g92Qtsf0OLc\ns37VZaqBMGppNU9exX6jdTQjPwth0oh17B8D4yIBY5nqzL0ikZGEHIuXUtzd\nFCMrDqmeT9Tsp/kARFq9YTNuTqtubV0ffj6LYc+M+2MH4TmPJB3gdLOED7fg\ne8JWD/YpMWCwzSGGqx3BWwMkSK5xxJrvmQS0KqumUwDvnXWfBHzoo9g5PCj4\nX7nyiiq5C0PlGIY617BlOxuP0H39BghIGNhGY+DybGqK+nwfJhx61ej1dv/G\nsVcRVCUPcbZh82arHU8laZyGDPSkuopdNWyub7YHtLLujZiZItk8j8/f2KrW\n0jmGZozW7o+QiiW7CbyKfzbxfIKxVrwA5Agm5/lAYpqhyO0Kp9xAUzpqeEua\nTf3yamxBJ4z9H+zTcMtfQa8r98E+d3qvDAh76PQeE4FRSbomcDl2E4skSGOr\n4mGWlDO7hAgLcBRUA2XKZe+mJpcKS2rCVwbD3bEg823Z+vZSzIvIBbyvjTkX\nNL6dVXNTCrNfXfjv+3UGt4SpJDVT2EOUNheFck7IbmgorBIziHE2lXgsS+P6\nygTj1aEZoRmeK4qbMMB8FsmrNDl2Xrlrs0ts28ErPAtdKHxWDmMWgytFj2LV\nv209ncA8CMcYbdYeim5Zj1wQw+l837/D+HXmgGT4tobsyPsrNyTPjXNNQ/aQ\ngeHb\r\n=md15\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9ad376b2ebba49982e9b605c903e752e4fb28cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.b3f58203d.0_1583955438904_0.47146851707915616","host":"s3://npm-registry-packages"}},"6.0.0-canary.bec065920.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.bec065920.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.bec065920.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c7551f08e97e55eed59c58bd450ec6349a2fb25","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.bec065920.0.tgz","fileCount":11,"integrity":"sha512-VUhFXg46xW5qYzsWzogW5XhrhVjM+4WLBikCPLm+891LBAtU70E4M+qGeTt26+++9mhmBSjjlXQRQVcckrzzsw==","signatures":[{"sig":"MEQCIFij47TZfDvxMzhXSKHdZaCUohODkpb6tg1hbFLIjGsmAiB1D/bD4wx81kxcUpsK+GYHNMfL5HNukX9Z4XE3BBQ1wA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaplQCRA9TVsSAnZWagAAbcwP/RfA79pKy3P6cAAiEGSV\nKOYRL/paTgOnkSyFNMvN6OIHPP4p/IMu6+emCxmi7QR97toijKW0DOo0ASEi\nkjeR1vC//WPNXLLFVEZjfxNHGIOwZWtZyelCcaBeERFwRJar/gI5eOJLZWBa\nxQ4Axc9qNZqr7Av6wcHm6UPDIhR7I2Yz8r0acjY4mYPn36n0bq8KdNOWqOk7\nfKavtgBQea3TBLH/h+0TKgNKuhPW07Oiwq2RtFGY1vyMWCROuBlXT6VUffV/\nG8PSGvxdUylW/9sZyPZFL4PyZRtu9VOuhkw79O1zMLiYigyOJ6gDbZD6FEuz\nYRLH7QP7AKIRnFPy9cc+J2V4zRoC54JlRfKpb2jk4B1E//69dxozLefSmV41\nmVsT2MvXBoOyrwc8Qjog0JJiBv65Te86S8YUCD8tV/+Bx/M6i4hTy6KWSkmr\nw62rpn2YshAMeT9HPOT3FzgTNHUJufjWNmyHHKBNOy6Uw0lgwoxe9ViaN804\nuIDYHCh+K37gomdwtv6unWhCmNshb/dYqA5+QYKukHvlWMDKR0CpeWhRLCkx\n8gUJYHRzs07Y3nSOZ3B7pEMRu/n/QbJoQNWRAW7NvMZzcsL5OYCgsbaPFr0E\nXTBfoMX9zdXSuuwP5NWepD1Eo7CRuuqCNdn5hynEaans2hjfOmCOMr/iw9Qu\nudPR\r\n=a0PV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff203cc1a864067909d369c1408fa7ce64954660","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.bec065920.0_1584044367621_0.7014494259659079","host":"s3://npm-registry-packages"}},"6.0.0-canary.776291ef0.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.776291ef0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.776291ef0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0400d2287dd980ea0d3975241c36d8f369958d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.776291ef0.0.tgz","fileCount":11,"integrity":"sha512-l5AmFKmLDBds/6NR5z6/o/bDC1mk56b+gx93VgPgmIjQ3SLvWNg/7VrNsPkJLKIOKU2HlHFCLHcR7fGv3/as3w==","signatures":[{"sig":"MEYCIQCXP+Fe1UClVU4cFLFl/AcMgCc1PuqxH7u+zapouWubtgIhAJzYyAsEUQSvHSVNvOBViqLfD8n6wU8sYPER1KX3RE3Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecSLfCRA9TVsSAnZWagAAFQYQAJ982pdLd0/S3hKnfnl3\ne9kuhdhQIBqHATkcdtl9a4lKsLtkqLgSQGoOGzSrbHvKaC4IMmpl3lkrJyQP\nkmjsnH2o3KtGNIpyY0CGLMwVhwVQkQ3LeBvrk33E+3wSWbIY9dBWAqxux54Y\na8+F2Sw4UTQgwZOYc7Miz2RqyYnZ2Tl6YDTadj3qsMNkd971Lf8D+502Qep+\nmIDYQXyoEoxxBvR/cpmF9NariPXiuD3cCfoYVpYlxYEL637EbMbIdNYvIqT/\nlFrf+2BZ72oDHiR8+Y4kxyeh+0tfFfuVZEpus8+zDLQIgTz+YTjxtoCOSeva\nQen8BVymHtDO57VDFniuNxDhwBxcVxAVMEcjaPhXzcO5rCaJZ+ES6Bve9+tO\nCH2U4/re/15aaB09jWeCGikpoIWC0RpeQXaGcg8oxcum2X2VXy1ZqKslwOWY\npX6ebR7D+KQ2jkOcp5oGQ8C3258PWFeO4cFQLMf2Bg7Q66vzRh2eLBYMU8yD\nvw88PXR3DvHnO7RdBH5g0DWO1RrJRItpeFbyiFvzXp8BwxpT4z1xZPtU8Ecg\nfoLI27SWaTaD/hHk6zPHKbLpIomvVx6BtCaLneGikVGh59eGkr1W9xzul3Z9\nlCq9TxHDkyRzKZMGbAyHkzNEpUmN/6mQCIfzQuy7FHRvc95odPosYJ/FF6iY\nd1j3\r\n=Ty1n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"32f95102d2dd047c662697060685989ec64bb05a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.776291ef0.0_1584472798934_0.31192043319338536","host":"s3://npm-registry-packages"}},"6.0.0-canary.ece19f3dd.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.ece19f3dd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.ece19f3dd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"425e3ca61f7fa9768fcdd0daffd38c3bfe199d43","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.ece19f3dd.0.tgz","fileCount":11,"integrity":"sha512-AsSvXylbk++uECzRWfdPb8EIGGUOaydZul/30KAI2W5pkRGc7GUWwT5rGd7epWJxPw4ogHR6NUhwS94zTbxabw==","signatures":[{"sig":"MEYCIQDoLgNru1uKp1cyueNKNlnBuPyIbOoO0pDKRRVT2OENHQIhAJC9JiqgWcxbL+z3SZPSz8KrLjXDHtB9oANlg8h8vQMY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecUiFCRA9TVsSAnZWagAA9UIQAJOwgZ5EFYG11CgUBKMq\n0xmuhR3PGok2b2MV85m0JFDX5eDY4tNLF1jMYyUkYa7/2CwRsQLrfdn8GF48\nYapfnxCYsNgcu8i0Sn+Yyrwx6EgOym8pjBBvJxHQaBX+L7JKNpFC94z1E0sL\nZbDBIl4rLtIrWOZCrJSBOBPKgFYeKMXSCHiCPCCPI404Y1UQnAHCz9FlIp3J\nSMzNdQMmng0Kiit0JEswZJv9yEtp/ERdlKQ8hnP1kUlKgMWIBRdder75I+fD\n9UUTFz6rqAuBEP0a0lu6JpBM1bx1I/1l0wR9Vi9qrOZNo6Pug0IRmGzp7j+Y\nkKZ66XOVWZfSbjPBYDvActLZsRNoS8Mg6VVWnW1WfaY7mDfITHEelJb6OTHp\n0an9vo+3UJssTbOItJyGmprDnKnbNtPeo6gMf7/2WbLJdI/caaTXzgVAst8/\nN/wIZLYcbEhbn7J0Huh1tfPBt03pCnsMood6iNRi6N7B/dqVv+Isw8Hoqp3Y\nbkHy6gOjmuZkQyoZbJK9GIQYVRHjGMsE3hQhznP97urGBAbCjq2nfDV6PuhO\nnIQrnorX+Q//5fBwcBGuPx+Wx7NYTKimKKvn/0GWmZIXnWVk3jVX9UDPRs3W\nJxcTRMyUYX8n70y8P8am9KGydLHSPKt3bBotR4dUO1d9Qgz9JlLuOkGmujSA\n82RV\r\n=KaWE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"41a07e9906ac09ddaefa5cbf8327260df4eacd59","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.ece19f3dd.0_1584482437513_0.36595834638483526","host":"s3://npm-registry-packages"}},"6.0.0-canary.4dc45af6c.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.4dc45af6c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.4dc45af6c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e3f603a3b00796893409cec65d5ed1a1cb17f6c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.4dc45af6c.0.tgz","fileCount":11,"integrity":"sha512-e0bF7SmXwxrsR7bZ2VYF1KKWw8EZzIdWvn45t4lU6h8xMLvsZgkNv9uoJcGemK7cSrajwV5U6sf/u53MniPgGQ==","signatures":[{"sig":"MEYCIQDhwduoQMr3yYBYYxBa3sLn9TdGVWLAOxn9eIUe5HWijwIhAKhOWD8JKB/0AemdYBKYOw1f4AAp2P0o6ioKLry1Rfb2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecX2hCRA9TVsSAnZWagAAnIMP/3XWgZK9NLiGtUifKKB5\ne32kpFd2lMLvFWf/AP/iQvNHZtOWEC2LVsGiLF6+Mn88Lky9CcvwScbZcOaI\nAXljf7KhVxwURoI/gAlBZnzvzKE6PBjrL6EJVYD8vbmRmsgXCA06jBbdPxku\nZCG4f2srglUVT0Q7nUbBkN3+xovLWqwhpS528hrJuypDSjcunuhmtBIF6OvH\neH9Jzu2wxKE+LaYaLj+7+htDQnvX+makWGyS/9pqsW1a5RavRKAjBJeheS9a\n/q15jN5b6FgOcnVF2QkSxMuE5yj3qapacbY8JMrgEozhX7NQgtXtDivjv8Zb\nrrf2KQeiT+PBGM7l5VN5tw4wRR76vwqBs/2m+VbMNWfdAmyMs4/ECzBBUB2B\n3hoVq9FKn3Z7kJvg9KXki3r4P3pgDZG5WC8jQCO8T0kxaUrbDxVxHFWJcakr\nZsYQ+0iyAq3Lp1RcXVgzFN6zqHfShBvrKIUsVDTpUR2kEjm3pcgYpO3qviF1\nBkSAeZlJlSNsoPWGdULRSkatKBh/FUwfPJA6Biv3XqaaOKSftLzipfTaWpfG\nwvFYlEYFwX16RTMJlxbrAG3KiqZuqKhVE9g6d+ayqBqaHPVog093xcs2xMff\nyOH3NytFbeOOEKwKWMMQ/lp4QrGM94zHP3TOe6ZvPBJ6bVC4XGil4M+WB+An\nMeKD\r\n=3OIk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2b97fbd4b046de86f7e8aac6b54c5a6d31583b0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.4dc45af6c.0_1584496032314_0.43313595681508454","host":"s3://npm-registry-packages"}},"6.0.0-canary.6b48781bf.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6b48781bf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6b48781bf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e2904c0f5778e083c9dded7a39fefdcaf84ebaf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6b48781bf.0.tgz","fileCount":11,"integrity":"sha512-X3chxJiPvil9IKHHYLuEamAKbUrcnI6Jjy08vtO8oq2EC9O9u3Klw5wR7U/kwUd3m8F4sYoxHtFRVM1jOeD7OA==","signatures":[{"sig":"MEUCIQCaQJMMp2LTFlJp0isA63UOKMIQnKcM4DIa5IIPqYdIMgIgH7jJRMF+B1SEU+Mw+YQh2vXUMLJiUC+K7NwVnJWLpfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecj9fCRA9TVsSAnZWagAAv/UP/jQJ+UmlMGfRgaQIsMeU\n0WsEB21EBRFxtrsRRDBWSduX63ymBhbI4kd/+iNAqnXf0rzEIwvfPSiTLHNq\nFixrt8RZmBbqBDAbGOvBRn0y8clL1vyJfhh5+tLgiU4ATA39wu9PZgcBjamw\nFrm0HvVVT/rAF+0BquWmrM/mwH4bb5lBuZ+1QPWBb1j/WH3DkuWl0hqCKb4V\nIdJ8u2nN+Xpbw21cT8OsClet9/P9PMN/tit2TcmHS2YO48TTJavHFhaesLkY\nAs3tV0nekgw438y0oYfMjo+OBVbH4CBKt75tItbsdIoBkgwg+1OwhptHCTrV\nfde8VSc7xVJjZ6cfuR7ZxHGsnZ1gi3ZxnUyobZ1FB4XMu1SuEp4wKaULvpof\nxF1n29QREy9W1BRY3+738LkV8ZrCxMBrumNkGcJ6GciN2uWSAAgLpcNjPOVf\nOPGBmVUH704G+i1AQWvV9x1yyATdUwWfog7oGBljl+vfctX6+1OlNRM5r86U\nDQnahiKOPNAdU7VjfsamlnzoSoXX1jStaE8ee8degq+UemYPgb1/Ttec1wuK\ny7u85avW0RR5inhOjDHi51+omvgOCrqkjl5Dp80DmXuF4a5z811dvqzfOQ2T\nFjuy2yakAi8YL0WQMZKzmKox3lVUcagHojXKHWIH3vxeewlCJYV2X+b+InrD\ne2mJ\r\n=na6B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1da9fc619190678090689bcdcd73eb5885c8a35b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6b48781bf.0_1584545630844_0.9360026879596373","host":"s3://npm-registry-packages"}},"6.0.0-canary.a88c8e4dc.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.a88c8e4dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.a88c8e4dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"360bfb0ea011f0fdf6f804396fcbf5eb19343a07","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.a88c8e4dc.0.tgz","fileCount":11,"integrity":"sha512-H6+FzaIl9IiOxnvvx9qltJ301gYMY0tHwUMTfOMwjgmFYQFMh1P81EdOwlqo9zy5YCR795H2Bpsf5yMqxMnpKA==","signatures":[{"sig":"MEUCIQC2WvuJF/XiZesqyb11DHlDKsUCYjSSGKQnLXuK5lY1JQIgKC3QcHRNMFYh4/19qSilNLCVC8NfnvAEhFmrPRe2ihM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec61SCRA9TVsSAnZWagAAJhsP/RzGgPj2FDDqKdgJTlPD\naOn9eh4Xrb0c1TCoFume/wULhehtbqrUm1EK+4lswtWTlg5GJLY0MNECEoUK\nJaKayfgtOZqMTfmCuqcpWrPGhuzn6xpeyE/Ra+iXKks2F3gpq1P0Cgjznzkt\nAU4S+BpjUzjsIxVNV/wwRDXmtZiwEMKKrGOOXnRnhJsJCKPebsgE7dGpdfUl\nzzlGt7bvuqa+EK3HIaXAjod5zZkHpaSmlTRFAixtwTPe8wq2/r2OOvKC02bS\nvJPiO4nTypKjLBgLHcmleZ3zXmotQIyRWIgLsbdqh7odTLycLbN7Frh30XdW\nASwtSh7h5EJqb++WWxYRKWfiCzZT9LjOuMS6jDhkyPfbnIgqo9f4FObnF+Cx\nI2gbtsMX4nrADWWOJqht2n9FZe2mHqpbv5FlXRw9XMU5muDXNj7u4Jx/Mklf\nv93TJhhBiOPlAWVVyR79WKATO4sm+WP5odmE3ybU8cevEqAftYbmrXgeJKxk\nchomWifUmfH9HizO/n7nEV7d61PsfEmhn76Y0ERjiI4XNgkOjyA9Mm27MzxA\nRIZ+ufWU4A5TdUtFsOZ9FIkfznjzRpSGUHijlAjb1+qVgp9WJL/VIMiencfi\nfqlYUkjwEMALXNGTGeFEWxymXD60Q5uGxo1K6dwFs47c8CfDHNkSfK4uNGBQ\nzM3h\r\n=YHvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3d8bc73a5f46456d2ada622785f02cbd3b81c6a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.a88c8e4dc.0_1584639314337_0.800452893455873","host":"s3://npm-registry-packages"}},"6.0.0-canary.cafe18860.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.cafe18860.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.cafe18860.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb3635bd887ad7875033c286535b87d72cffd5cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.cafe18860.0.tgz","fileCount":11,"integrity":"sha512-TVIJk9a9Q2IjFC4I5mz47/SfCzLIs5wg+4gdeoQ4P3rB1+PIeqyLI6EqAiMqT2wwGpFoxHVrILsBvGwo+0+eBQ==","signatures":[{"sig":"MEQCIHAOuVhrUApX/iK9iOAKFXERBeHIVMokSSdFxF5TVLf0AiAFZx9EMz/m6GNlU7120D09NKr9l+icbufCEENnReqQ5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedNjECRA9TVsSAnZWagAALsEQAJwcnbMWEn/5K8xr0d/y\nVMdgEip3pWHJWMSB24SQZSdxf0kOeqpjwsfXRG7SDNWbw1yqDX2FUrxuVZBp\nrMFKCAtJ6LLWoSDpHcQ1UB2M/qEHn6HmpfLylsUG3pw+bwwa0ntGz66geCIN\nlqvVMAIskvYavQUGhf5pu/BjcSz/PVn6ls7dnAmiamE0QZGSfABZ+eBoqZGO\nVDwbUcUh+uAZG4pD21dnGydnIWJwlt/P+J9h4HqLqKcWaE6qFfT4VnIubrAe\nV3O9Ffi40lZB13YXPH6xjY4yZEL2B+l/60+JeZOXNuYFF9F6X/Av/uSAYsfQ\n8JbBRsLNyOOXgTVem/N5plBsv1GnFpnS5tJ2ArU2C+wxm5H1qAFNCcNiuvB7\nwuMTTtXC6jFPHOHMYmsGqaRgOu6SPlId9gAhRQ+87Ck0/XCB3et4yEgsVf6q\nWxG3wUF9rp1C3ol476Oc9RuVG8StG+/V+VdShzUlYP5UP90XvzSDgly0j/an\nOZcy/kMi0LEb2NxusKXJwkcgxi9b2RYYcdWcafDpJzVqwLtsDTJOONmXUXnW\nICaKjbRAPcfV9449OXmyDfcRY5XCCL8YCftVG7LDAhm6vcK+pOscZaxoGgiy\n4gpyJFF7aI6KoJ2eRBQ1Z4+9/RdN8baMMIhuMSEe+F/0CyRRW0mwxZZxW7MT\nKAug\r\n=Gz0j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"51706b933143947baefab6db8cd069a22ed080ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.cafe18860.0_1584715971765_0.31842679303654386","host":"s3://npm-registry-packages"}},"6.0.0-canary.35a32aaea.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.35a32aaea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.35a32aaea.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"befa2d78705a08b92bc85695128e81fb3504bbbb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.35a32aaea.0.tgz","fileCount":11,"integrity":"sha512-qJbELPsZZ7D+SlRpz7LCpc3SKzsbE8a11PB8/RlpKqTk2h5+n+efy2J7Et2V2hJxwtR91D4JSN31tmNtxchMGA==","signatures":[{"sig":"MEYCIQDfujyfjdDhG3/P/WxVsmblNKifwE3+Y7aYAfLafAqmqQIhANjdHoeklWoa2mj8bCeoLb8IXdswhkyFJlnxfSsJojMs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedSBiCRA9TVsSAnZWagAAvQoP/jRhimqSrlZFQbE3f7Tl\nPbY0J6+LfUYhP//zn/cK2egNn3lke0k5y8h3Dx9HiQhwvUEYxdcSuRbqqcFQ\n5tXX73N/rJRHJlWLNhDdhkztQY2jBryznT/UbvFOKbNM6bdqdssc0SoGMxjF\nB7qAHF5JleGMRVUpPMDC/ALCmXkxaJwL+t2jK2oBzf97uuwu/s0soTYK7tpd\niFLm//4OhTtYRauKgxw5+/FGfgG9dr1MPZ5xPlpKzDPWUn/9NgezsqjqsDjy\ns8BqO6niMGuaAsV9htAEHdR6hUhBYFcN9kW7arNk8uJhFPTlRXsPOxU60/ZA\nfCG/Fd6oziDEiGgvgM0IzhSym+8QXDrg6lpUyEeqwWXV6FiZf6+bUHxewsbt\nHRLHC4YVOVacZ+q82ejPf5S9nHLwHToqB/SmQUL/flr9+i6onxvP35CpJgXi\niYyo5SDvovY+m59d4D5B0qkyyCIEoPpLh20PI9hapubqEWJ6j/eX5IkhVeCV\nCULbgU37nxkYsKYUuoLJ/YIUy+bigok77GZx5wBSlkqrrGufc7/dxa6YxVm+\ncKXJbBFXB/bxJm/LGNQKcS/5f3QDzoYq/kDd7dBUhH93ptIUGEoCYIvT55Ka\nALKTfjKChnYl+/dAbQXZTDyfA/p2WeEl2FjQ/fsvhIMX51CmSzChAuQYbxWo\nxk0M\r\n=6nMy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"09df3d66223ea8f4d4a6ee61b9e34bfe08387774","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.35a32aaea.0_1584734305896_0.21698492761071697","host":"s3://npm-registry-packages"}},"6.0.0-canary.e75deb854.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.e75deb854.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.e75deb854.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"556c1f2960e90f5ebf6be10afacb129ad7c51a07","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.e75deb854.0.tgz","fileCount":11,"integrity":"sha512-OqLx+dM/fvqXEzh4JAJutDUPNxsA1kuaupEtMRdDuIDrJEMk4aCW10+ah0TWRRE2v3SlpgNUhKG6F8OmmdMAoQ==","signatures":[{"sig":"MEUCIGWv1ZviBJVHFh1IlX6/rkEaKpYe1YQIqIti5MBLyavCAiEAvuWD1zqc+EjJID66tLI+2UdoLicqJouYXJgcwFBL/A4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedUA9CRA9TVsSAnZWagAAAF4P/3U+q+utvAtbD7Wh6YQ9\nS02sUHxMMuum/6IHtFNlwOBtEqrCfVLsNfmxvVLXDullgBURH/gRuHjjSs+Z\ni1YKfbQQ51/4UmmS2sWpDmdd2RrxJVQ88MOBRmZujp3N6xNdby6hyJqY/1Sg\nDFEeaYcnO8XAWaevUbwL9r+KmEAcMYlIzVebfwzNq9CuO10ecTvpRGSnWA8X\najWyVCi/qL5Az9DkcuT9ylRRKmOlE4YmdmKd534zI1TVxwCph+vyqyVj/kPZ\nCO9c15KPUmb71ZqaVnG9LlkqUoF+w45HXlQy6HJ4gktfJznUKZfmEq/ubDIT\nlQU1ATKyj0bj5FDDZly2cIg5rr4arG2Zrho+eMLM2LjBmmMeSYQnkQ1fjAQw\noV1GLkl1CMUedXvU+sUnC6SkuO/R03XvsMsNKYfxoRx1ZkwMfrBaQlcj95H9\nR6eR1o63Jqv7zpdSHipeejiAUkqzqLFcovXrGM7pJtnz7VCySifxF+AI7uqL\nHm7RKhQYUKXTQL8iTSbESJIFuzNDaA/Yudo0QprRmauIWyBHL4+ZWqm+YXjo\nZmcDHqbjuWfIAMnbeHmHcz8CDNhZS2PyjuuBfA0WXLRJKHVACs6JOSzO1Tot\narueRaM6w0IMW7Es0l1SvHE1L7jDb0q7TEp6tsdPBRK6hRkTq4S5shD72cWq\nxdqN\r\n=G0dx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a461f6b9120827a65ed980dcaae3ff77d0581d82","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.e75deb854.0_1584742461085_0.3306769231293394","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cc6966f6.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.2cc6966f6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.2cc6966f6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0543b10b370a8143235b4b5f36d829dd1c9b999","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.2cc6966f6.0.tgz","fileCount":11,"integrity":"sha512-QjlQysFw1IYicnvHNmOVR/WHRyTohNoU5bpEZXCTcPkHmkQFxXTWPLpoHx2L52GVJS8RTqogPPk7P1NfFpTb+w==","signatures":[{"sig":"MEQCIDkSR4vyNt0pSlDT8yqRG/YgM3YpBjrNYH+Kzfrn+FQmAiA9h5IIybMNJX3C+w6RY0Z9BsVudxFw5wRzGT5IJaDJ5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelSjCRA9TVsSAnZWagAAPAQQAIvnWSWRySmvkmQpsBe+\ndRuEQTtR8Jdq9o7Xs+SfnvFLAFZXRCoT+PUZv/UCfIx++YILgPvJuZ0Z5YuL\nmmhtNzcHRqzTNlIGiCJMODSOLxyoPIa8LihR9IY7QS8I5aGUOEnUBaw+Uzgu\npQHRbtihERq+6uzT+dyRCASAH7VUIQi+9CjO/ipWewWl+g1s1ZXJmjz8CiCV\n3nZJG5CwVjQFYbf255aVTxfen/Ay6m/h7Nnkh5rU3mCsYdnlcfKBZw19Dnbn\nl1jFr4QDGTEddkDq7x/FuV/wuG4Qc/B85UKaGDhI9pCIs7ZA6mMKheRDaclG\noMQCV3KJKkd82R2DME5YpGjKkyKqT2IcqIgTa/kJ8ZDzJ4TE0sHjlkuk3l0N\n0dTK+p9hVeFaatO8Z2YuQLL2lRuKJsXDYdXb7vvYiO2tLT3l29sa44NNARdF\nWL2vgptCbOCWpQZIoNaq/sdEZdekLCCf56olTSAM/tU6IupoJPv7V+D7bWMm\n7rOq1NHTardqV9PcGftaQL9ICEqf0HhJwk5FpKnh/qd6itFNDt0Mob/RiKi/\nOfCD6ugA9vEh4tqUqwjwvX3M09ZlZhIcaWwDN3ms2W4kCTysV6dqTtTfDTRD\nLwEtBbjJ2gMpQwAjkDiA+hbt8PotMYndW4nBR1iMnG2VuvYaMoc2LTjetw80\nOXxE\r\n=BwJP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4af7a6e31c561afa46ba7b74cb35de52099583ed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.2cc6966f6.0_1585075362653_0.26653771083267364","host":"s3://npm-registry-packages"}},"6.0.0-canary.8707953b6.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.8707953b6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.8707953b6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c67a7199baf426a53ce11193a477ce774edec69d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.8707953b6.0.tgz","fileCount":11,"integrity":"sha512-6vMoxJbCAEpWnq6zWINegyigFtaovqkEXyStrYirvn6p+LG6ha1Sm+KiXI6zUxgJi0z5B+0STzCGpZL3dGeE8w==","signatures":[{"sig":"MEYCIQDr1DgJVDbuF7hVxMJt5AIYPYE2d769pyEDT23kKAkS9wIhAKaHL349koxCF/g0w0i3vhJFyv8Ce0k12O71Z1FPx9Xl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelV6CRA9TVsSAnZWagAAUAYP/27jrHkefz9Fypl0TMD9\nRODTrU2paSMlSW4s6ljYatFrdkbR07oBlhuish+5xrmVlOA4F/aQS5PqzC5k\n9UryZO/0iZowViCM00EhAOfxOlg+Qk9Qgiz7sjkIxgVMw7DlphO6+Nkyd1yZ\nSI3btGpxd51GcSfICTRFaOlU19XB3rcCHCXDArPi+Lz6PWTAPnf20sxEQWii\nlfq5V7f0tYNcalU01eKfkoYoTL5kblDOYdnOM3NmfZRvpLJK4tk6IiNnU8v4\nZee0u43Lygl1zo20ezg32xjXpf4cr/X5Ie41CN9U9HRjMmYGiqXFRa5jluFn\nEEaab+vWb0RTy+Wh7stVdjSByJnlhUPtfjKnpX4b6fUpAHkaVXuKimGhi97C\nTlKVxwilgsg75parwsMME5R32pCrRl6jBib2GjjAZxPDdX6SptIzaaxazBtw\ny1RBt9aQz4+K+siN1aLsqoJdOmmjNW9GWAWi3obFcAOlSoTpBX3MPfuekumx\n2L0xuaVOQZ950P9VtjORRQMFtxDJEwoc6jYx9WR0Zy0oNBSCUKVu5dB+ynQn\nbABxKOa7p+nh4g4hBFEHmpT7fjGmxgDERolKMdEugSeh3U3B+Mrk4uF98BmZ\nvodqIK2cCQD+ppxQOuTs60J0EZWhMPKN5zdawrhIrJSNTFTniNo58Tln+TFi\ntJ3T\r\n=snZk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"595709807214943e737834107d12d3318e69112f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.8707953b6.0_1585075577149_0.052964814576951236","host":"s3://npm-registry-packages"}},"6.0.0-canary.10af6cf39.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.10af6cf39.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.10af6cf39.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c1aa8e8b476a51e1fb4fccf475871f027bbb72e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.10af6cf39.0.tgz","fileCount":11,"integrity":"sha512-yUGB32b2+l99+lzJcbSUeGMXtaLCI0xmxZooH9Q5kqV8oZ5dpATQICif0vzX0U8XMFnuVqbQilcK6Dt2uBy0Eg==","signatures":[{"sig":"MEUCIQDG4UCEasf8IQmHZkf7Xh2moh/yU882zyAg5+VmcxP+bQIgMc53FCZg8RTZCexhdxuxdRsAxjtVaHsga/dbbuyGfZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJee6BCCRA9TVsSAnZWagAApvwP/3c/rEDt2Mv56agw1eO4\nNtPmR0u/8RmkZIN5OkDZ1z/0rXaxzZJpJC2UZYC7Y/cfmHC7mcsP0S0jgM5Z\n8zKlC6IBGawWFevA/HVWUdgw9SaRuDr020t+dqMPKmTFC4LIFNzf/+2P5nal\nT6fUpSzT7FXrs1RSSu8ROiOIdYDx6hnAb6m5xRHrRI6Z07+5JV41wsGDDNTO\ngpBPdgNW3T6RpGHbOH6ezJ8lb5jnmFIc3DtxUflZ2ykY/Xg4jKY9Oldqfkhn\nEmfUWEZicxI5cWdYOskM5t/aJZEtkgM+K16JcWGPdnWIiP/ppfO/awJcfU9d\nw71I9K1lLwE2+NoSJnC/FSZXygnHNrAOFB/hJ3nA9MIoi2zmXEVnJFEHHYV3\nyKKdnF79nj+MQJWan/DoHrSpzqp6oxj0haj+zD6VCkRAAnMSrEuobXThd6Vg\nknQOduWxuy3LVMYkua/YE9Xn3wNvplYbphrTsfGLq9KExglD3m2eldAGyqI7\nqc616DxMWEzs17t2NeyNreIsNw2zb/M+bx/dc7P9UEUwY1BYDC1SkUv+6dhp\nszRFpFRTUwPMB5gZ1EWmxOkVaoOkhwNNTGR2Uoo5NkVT0zGvc3LA044n10ya\ne7glqAiwpNxF1h+/tGHMzyAMZEH693m65FVyOt+rCTm1zGA4eIsUinM46akm\n4LPL\r\n=PvaL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d618b0c9ce2ac312ce4b887450bb947ed367e100","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.10af6cf39.0_1585160258195_0.9370494424229345","host":"s3://npm-registry-packages"}},"6.0.0-canary.7d8f9c8d7.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.7d8f9c8d7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.7d8f9c8d7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c63d7738d96c5eca448abb646d541f66733a83b1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.7d8f9c8d7.0.tgz","fileCount":11,"integrity":"sha512-38MXsQBE+1POzWuKgXWEtlXhEZB1ZJh1ffI+4xsF0HoGj2zHrKT0p0TiNSwLdQfcuNAFA2tIdcRPFyKOzrSFyQ==","signatures":[{"sig":"MEYCIQD7P85KqcGfJvCn+i5wQJKBdQB5IruebCH8V6b2/zx0dwIhAMf2OCjmPCPxW+SNMN5df/P7GA5UeeVEfOPs4nhL2c1n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefkAWCRA9TVsSAnZWagAAS/sP/2STqQg4dN3YuR5S4t8A\nlw3T5+emoV93aTu99lJzsbm7VGHkVLNabLfZ3OnQxSVRT8gf7Q5NNYOvCC9O\nxrHHdGm42Y3aBtl2B44bJF1IORizA01H8heSVRMoKzrbJxeV/reMVVjdJ5Wx\n1ocLQs7Eb+vJYwU1yjU40vCjvVrjgx907tQxUECPsoO0xs3YOxnPQjFksn2A\n4Xp0Rs0XrdkvsnpCh41Du5vmukXNhqk26IVx+DfWnRvLKaewvGt/E9UqE40m\nMhtuGsX6i0vN1o4R+O52/FV7VHt8vgvuOXAnE39HbWPlO4vFU2/eLIJC5/Qo\nenHf+gzUxrDyuddxQxpr1ZTQTawCpx3cnMZqrvTc+w0nmPn9SG7edR4h5T/6\nUkOMfrCC7rRQl57j/8oZI0JxC0ImM/MNLqH7OwBsv4sV8WHwWdk5/xaDNGc1\njTvIBxQvz15CPso5UEYB7THaMOoP1kfhX8G0yrTLli6w8N2+hVhFSO30HQvX\nZ7hJbj/Fht2/hsjVTFiiKtXV7ekur7EygPDwxy4Tde9b6vySkYJ074oGxJTL\nfGJIRvaoRFKoJERy7uYJFtwDhQw+S7wow3o+dQB8sY6dmusxwZByHKHghL3r\nmtQazg5NmXqbgxgpRgRbqeMEfPt2ukrAbRRXc8OK0Nx83LmJbz+mkhjktJAk\nMO/X\r\n=T7Qs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"764519b823414bee993cab6845b42f5b60f03c1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.7d8f9c8d7.0_1585332246332_0.49804979678044803","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6315efe2.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.d6315efe2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.d6315efe2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7df1e148691d728b4a2597411beeb1c97779f84a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.d6315efe2.0.tgz","fileCount":11,"integrity":"sha512-APM7XyOltoaarE9Ov8yaVNOA5PPHCkCfg6EWkQtswMm93wkr+nvmbwbqUuhzIVjhMTUhyA7qv5UsnN+W6hw4ig==","signatures":[{"sig":"MEYCIQCHtzfuU4qLwzZTkRkXfdq9Q2xnoyxAd1uef9Cpae9CLwIhANV9kHpv+klbiKbZbu2lB6HGHWDEQgW5KmZBzXac609/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeflo2CRA9TVsSAnZWagAAR7EQAKHGqItqlN2sXqurooIc\nmWRI+ous/MTDXr/m/QRihrRWBjVGO2G89OWCM1TRpzJn7/Et45iBrnXRA8sa\nD+HyDFNmFScQDdrw3fd4tn9sTOUR6+rP7ovGyxyY3Gb5UUsPxIWcQxrtN2Iq\nM/7wqIsaqglz21E+2oAkr0CdPzkngSoGP+p5eJNNHrcZQFvaJK6tJAkfbC3k\nOuMkgIijT4UtqYU+/FMyy3S86at+zGid8icxGsmAADF3P50gHn5BwNdKHxFs\n+VuLwxt4FrR9i6yT81lG1aYm7MLNv3uNDnPd8E6npJ95EllbbyoI6JmofbiV\ngxEtn7avIdajf4jeP0HizjOsi7urO1p6kN36xof1unqIPFGsKP4SUTUqVGX3\nufoNh8FajZt5MhdI9pfRyP+jcB+tId6SPFI/x8TL6oMz4B4PTw9AxV5FhJYb\nH4HlWUxk08aU+4H5r4TlckPa+i0AMZTW8SDLFVSfQ3/qx2xb4ZR0WTSu2xr8\n3gbjWVMsds3yChVyeTB2WZYhk5yEiEKZZuaO2hc6DlCJuJiXLOMmyLZDk+5G\nAZOypRmSZixxcg9if2E5pdnrIBiBsOTgAOa7dpyC9bm7KsCcqLXuCJ9rjdmq\nSdaMznRfQfJV/GlLrZDm7j13G5Ay3rJ9XpUGRsb8UGnwJoGp6aNFQ/vSHYzl\nMx9K\r\n=JUke\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"87fcfa262498dee051bef9a0a8e8b8f39869e6a0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.d6315efe2.0_1585338934410_0.07620279800254881","host":"s3://npm-registry-packages"}},"6.0.0-canary.a3016368d.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.a3016368d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.a3016368d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"111b0a2c9649383d2a6e6adfe5dfb4677526911d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.a3016368d.0.tgz","fileCount":11,"integrity":"sha512-hXWWFe4aTxaxR5n6YZ8f6Lik01i3Tuf7PzsyZmsUGl1Nfg60oH/GtljMtObbdHvaXQZCUj35pCtT6t/TKEIFLQ==","signatures":[{"sig":"MEUCIACEFiPeL9ZeZmviKoFV4Hef91lxAUuCMow0CK4UMfL6AiEAyq0Xh2ysp/GEFTk2e5ZvsIoZUCgeBRlxh2zqbl5pUFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefm2/CRA9TVsSAnZWagAAVAcP/1N3XBvPWWrUlTLN4FVr\nzpfNW5RPee5So4az0ZaIZKMo2zIXdsWMnFGNtTAqqgqQfQEUorY/XPDKexLy\nkL+MUqYX28wuDUYN0bFnqlMma30uqigpOKIARL2wVXmt6WWgBm4/MTQjYvBN\nYjti1BeDs7JTQKQMWFqnkXR6I4SwW/AnUt+2iydeeTidFVqP2xWz1V0GCdqy\n0GxzGscQZXyCGaDG8oTnIsuMkD7e8VsViW6c+qNRPpTNULg/FrN5o1+ZZCPl\nPnEL8QYcOQnbAWX80uQX2H3/OlAv0x4U/stLOh1fdbDTT9IAfbz/OApDlFOr\n4NXRtbN/RgFmTJItE6EuCRfPCRaLg6eIMh2pLl5xbCw3han/Wbmwub/mcWJu\n7JxxRSVyj/t5gWILv018wHTYO0HjZJRG1ph5OGdPda3wrvFk6gqVecuUGB7p\nPaUKkVdHoIgJBc4J+AGsWjvdo/MN2JCAWkJ55RydMxgZBC00x5S57GInkhJt\n6TotQo2i1T8mGSbFvapYpDCUQnuleP2r3glMbgZJFkAToTAnm9qOPwK4MWxB\n4c45VUE5yiM8eEX4RucnY01RxU49PmqYK0CTm0At+LNxYEbDS3cwdDvfo/Yz\nAl4qErSFrNwoX0Hx+bUsz49cfMsAlFrN7yTJuW+s04l/sW0P/8mKKgPPkrrF\n+UCf\r\n=uNmN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e41b28d8c25aa5e36e88910a1404e7a0730c5d2d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.a3016368d.0_1585343934721_0.019810305535586048","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b45b6620.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.4b45b6620.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.4b45b6620.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"928c35b798c2fd5f66457b975d28384851d4df67","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.4b45b6620.0.tgz","fileCount":11,"integrity":"sha512-f2Msuuu4A90rlLWNYH9mOUVX/G51eunzZ3uT5OZj0HAqMGfXfyUTCvxSFbPkE2sDo5z8RalLhgnyohIqhJwTLA==","signatures":[{"sig":"MEUCIHk5+CtMedQuQeXZ6yfDj6VRYy9FVl3T2Ffyywv8Ax+xAiEA1dOw6hggq+WJR1EeIuXdCsLYXymhoJcHHNwH5QMUBro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg2f4CRA9TVsSAnZWagAAmdkP+gJfnN+PZn/SUNH69YJk\n9uquS9j0uBysZ3EHsOjzAKI7qDgZuxhk3VkWirlH56KNkq8a0MgL05hFqFDm\nZ+xXf6/UkTmJj8zYHuduae2jpk/MG9+bfnTTnqD4HCCz3O8Gk1OfNnZUYWcY\n3KSfq6pS+33Za7BkyUBOMXMKSwP6GBWfT0gqWKJ7WJlXVUYJq037Nm3wtP/d\nigLTXLu2gnMCTBdWSMpEj4a3sqU0Dc102n3wD9/sy4KoYuL2IgbeJY9KrV52\no4Bd5/sSyAPZmLQBM8nFTEJds8hDklR4yIlcrrxmYaGaSrhulRXfjIrIL4Kc\nVW4/X2PkVUjPUPL2APxo1lkUUK5cXsqMwxW2XB5Amhkgy+s2iVJ6TGrnggiR\nZ99mMFv4pIRxGj2KknePCXVzmQwVxFSLgHTC9GbsTmkoDvNHEqXLLRkTxUp6\nf0SvSfNbapqedtfZXKdbT9y0H+Fwz7yYTP5pxS2y12bCtCmCEV6x2Qc6PFI7\nwDEibhFY0PhZg9O5aEmR1g9hONSeLrnkE7nl5PS6m25uDzTlISjG+BaNM+No\nC++S3ESoCQkNuUU/+UlcK0ShYbKtja2y6SLaaZxuXscNDhrdyx6zv0UNlg7C\nRGDC1z1BhPESicO/ow+Vc5xAsvBxKb/n3f75j+vMs8OtqgkB3aucdlgLt+Oy\nh3nY\r\n=MEm+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9d49d0fd4e563f312e9b2a25d111cf5753591eac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.4b45b6620.0_1585670135369_0.6338078206337878","host":"s3://npm-registry-packages"}},"6.0.0-canary.e84b9c8.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.e84b9c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.e84b9c8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"957611568b89289796a13d3706e0b05f950a9e11","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.e84b9c8.0.tgz","fileCount":11,"integrity":"sha512-GO+btQTPuZjasprK+xwGNPMivgIz+hioga9Yj5mEv+8VPFY+kV+61kvhrIfAVEeovUk8eKy2+YRx5MCdZ27ReQ==","signatures":[{"sig":"MEUCIHMG89In1flvNszyllsEg2RAd5Ai47ErFeHPcFt0GM9zAiEAproD29tOobK+CKoudnWcDGYHl0UotXZmL9KP0g/Bze8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehMdxCRA9TVsSAnZWagAAwlAP/28BuA9ldkYFkr5bmHtL\nHXJpRSFN+7PtcaZ91J/FuP3M4s2Rmv+I8siV8AiiJsQqw7o+5RGR7R9PSKFK\nCxPUGneXGWiooAO4cUZ7iLHmzwlC3IYAzTUrVEzLCRFR1HZ5C9NnG84uergZ\nOz5yYFyya2NoJI62iKkC/etXtMHbk39wFokpWhqNhpLVH/7oMpowMeimn5G+\nvdlYqxaTPtv/M57JqTLfo76pSJYlS/O3WfCjXfGJTgH33nJK8KF1zuzh/Tf7\nTrK2WZ+JT6iAlBR3qaA7JtwGeP13vur8CF/i0u5GV+PqG9ZHOP+Gwn5euZp1\n0q3pm53FC1zE+raHtqsvh/E2NKTWjsqRVZaRCE9x6SfWECzk1YdDjfyvYCVL\nKqX932q4sW+2VFr5pFFf92WO8MABiwSOxMroKwxelIGsOJr1Dv0BihRPs/BP\nPj56h7n4FWgG0I2PPK85NRur7Szhg8GrUSIpljLk4pogu4unH6xRA/xAv1cu\nN6iTpMVh0T2k74hP2w2i9rzLuzf/djfxnY8RH0UyqSB8aUDT/VYk+2Qv+gAx\nFVudycoomnxsf1WYPCLAiIeE/dsRjCyX6mn5p/D6jswS4scyTMSJ2lYiO764\nQ+1v4gynKRB9mXvPUF6sCEhCbu/bUSpH3OaO/CC/VchNFoS2on323P16axQN\nX+cb\r\n=tvDo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8c119e9b02d2718e7b4df7fb72c1724650583b0c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.e84b9c8.0_1585760113482_0.8204858737081346","host":"s3://npm-registry-packages"}},"6.0.0-canary.e33c49e.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.e33c49e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.e33c49e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d90cc5c3e2e24c726e61b4c577a7efb369aa58b3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.e33c49e.0.tgz","fileCount":11,"integrity":"sha512-10w85JjfvvXYB/kr0hxF/ebPLhSEzBN2p9UE3sSUHlEmoCbBaKYwVvEUNVPkoAjzRGTbGqMXvMohqzMLGVOE/Q==","signatures":[{"sig":"MEUCIQDB5FijydpBBjKCd/PJota7maWy2++zg13euP0IgGkkmQIgGcz+ZxnIJv2X3wMMiGjwPrQaczyLtK39FRxJBahlV0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14912,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehS0SCRA9TVsSAnZWagAAGGoP/RBhxqYxDl6VwaTyoOHi\nJVKUh7WV8vN+U94T1AbH5BtpGAoulZCYHrdfZ9hrsutYNNyVK5ZzHlcM0V6/\nnW6PE+D5/9JbcHAZfSSuMOnIZNKLe+eGskaVTod96T5y/gbv96t/m3DTY5pQ\n55nGmYR8QgT1FtfBuRhfG/B9eMJJOzLb0eY9B7PJ+2kdWREbuQuYMrvgSDgI\nzKMucFCSyjGT2yOtCNJ5YEPJSfve4RgL88UGhBxjypeDD3yEZ7eaXMwV6Lm7\niXMnFssZUOBnRlgrRnO9Kz88JXbOU5WQ1uqHFtolggH0WHZBCG8flHYZb8hd\nLKAqSh14kTH2g5X09Twmoms96w8PDMoDDeEyPRj4cg+uCjmdqRRmjpTwOHV2\nzk+Tv8wG+/MTgZFGajnrUdBmsP6FEz7jmW4kFnQmTusO3vjX809m/rRQ0TC0\nYktD2LZQrUdIL+IFESh04b2cionu0mpYrzMymZ0Ni5wNDOzqppB+ZrT/vyZ2\nfhY+0+mBmXf4I/ikFlR3drH5j1pDJF+XppwTX2VBpb4716Kb8N1jSwUZ2lE/\nMRuiP34khh4oWpd4MWNEh6kPO4Hg67wFXyNhO+lEOeGbtPH0KPtkgOvBy0Vb\nGsBDGS0NWrW5UFFAnPjl1CizcQc1Mh4LR+aHvQxh7qLN08KYGyYHdDVeot5f\nW/8B\r\n=uYJW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e369357845cadf1687509d31fac95d3131a90718","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.e33c49e.0_1585786129789_0.43144583695477867","host":"s3://npm-registry-packages"}},"6.0.0-canary.f1f8e60.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.f1f8e60.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.f1f8e60.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a81df0a42e36ef5f7ee4ff7108488c3d2805b9fa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.f1f8e60.0.tgz","fileCount":11,"integrity":"sha512-sd+bI1K8WIrvLaLaFJZqcBoJAVWmIMgoXvZn779G7AvaPrd0BSEmjg3TWipxEGHkxISi373/SS/LXk72R3ie1g==","signatures":[{"sig":"MEUCIEYBuzR/Z7CmO/z3Qi9DyiA0I2XUfCLuUAWYEG3Fe1pWAiEAugdJsw5J6qcCZCGsF1nRTT52HbZn7PcKSr6N/Pm0hGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehjlBCRA9TVsSAnZWagAACnwP/Rn/BUi8ao1fNlvX6X5Y\n5dxv5F5z0+02Oga3QrKJPXR1ffccUo14Me4W5e84EtYmyBteuNki2oh0Pw+2\nQK3L2M0TQrNz5QvovXFdl068Apj2PgwvHzq7gMqzUYT5vGwHTURpByKjHWdr\nqq6BL2zGrnvlmAiFezV8IHvOTg1wPkAXsofAax1E/OmnGitdE3gEeaO/+AjO\n2AOBcHr3jTNXF7miWu3hEgyW32iU65CAqV9RTtLzr0UB8IhBaMWEZKOVZ7GD\nbbfb0n8oY8r3nfmvxaLz1QqOdalef6LbBTC79sVfCQZuBbR4+pNqe+kKv6sh\n0tLlyHT2f3bzG152BFl8Kna8mmvznhY+lRqnUy2TwboRvA4yH58jlG4oyqpD\nd00cgNf6ipBvylIJyZxS0y3bjV+rRMbKdUQgKhdptUe9JBikEF1HK7xsIGTq\njc0VecWSMXp9xe8jAKEocCF38HFmjhtQdqMu9nCivkmuc9tueB/mC0YsdB60\nGxAmyHN3EfN1nKxRPebXU7GGfhvtQ+Mzrrlv2Q7QYdcqPC/aeevKaV8uRxHz\nVtyNrAVxJQ0U9xX1MngzGU/Gz1kqoHObw+GW+/T6VfKC9iBNAYeRs45y5mw1\nvmoaAoBXd+Qw0Vpr4vD4GS3XBu6voY1Y8uHP0inIuPFVeCQS4/hnD5wZNYFe\nwv2y\r\n=VCqc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aa365c532331b10b868579dbf1fa4335e9499185","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.f1f8e60.0_1585854785237_0.7637237277415869","host":"s3://npm-registry-packages"}},"6.0.0-canary.1e17c49b3.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.1e17c49b3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.1e17c49b3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e901e7f25b96bf611d36a2986737db673578e51","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.1e17c49b3.0.tgz","fileCount":11,"integrity":"sha512-V/x5U/17SlzJJ+sf58qAXVfGqQJJ1DrCI+smrOojaWuHTT4bYuFogj71R66LmHzavtO6N1WHG9RVNkDuhf1hQA==","signatures":[{"sig":"MEQCIBDJyKWZ5W+RMHQs1nV+y2cK1UwpncW04qALRSvXww6cAiA9B+xCXGmfxxE/dE+OsQiWCorG/ZArszpBG0o4Ypldmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh3pmCRA9TVsSAnZWagAAWBsP/0nl8w1/qvgLysENY8Uc\noMcNX7LOHtZYoeFWLvZA133IZJGGOYrGhqmUuTXzAvB4Ymx08w2CXCAkSGr1\niQsCSgBwIPAKf68W3FMoCt0Azp8/H43uCpNuOuWUrhVdA0Ki7FL6LTf7ETMy\n9l0VTeZXKR/0y+C03Cc6OmKSsl1ylTUAarplKoaKEt51UHdVlrOigM9IUkzE\nN7NOXLDW/60/0sSSPhFAb0mJ8EoEWw1TpPrifxSC1eiOGy7x6GsAOUcQs5Mz\n9YFCW/zqWPCZEyrHg32CUkneWffBlloNVaFDg7IOt3OmmD3rE1c0+W1OerMq\nuaTRi9q072BsxYIEn9MOgaDQI85cAEi8OmUXHDY+XLFpcfm/O0mBCpxb3DHv\nBP599zvSHtd8OgTMve+YlTcMbyRBDtfrmb4G158SvLCf+/YE1F/kNRzzSnt9\nAJiIfb7/BiSCSXr4YeB7KxRIYUyrFXvs1TXa4mgav/tITZ6yFsveboElgH40\nJjdhV6D1oUpCeAMtxzESGsaP1eMqqhBH4KKVpvxOIkWVRVju+uWT/n8fAvWv\nDpagsz1GHEKjPdgNIiqElAnh8cKwFMIQH1NeuUH9ctSNZi4pFdFA7bvyi2qM\nVZFU9M0zgO4me0Okb9/NSOVzN5LMMvD6Q7zydeDvZ5kUOpaX8wQIpUaS6B7o\n9xxY\r\n=7Ss5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"08bf363eac26d705e8c4b0bcda91042b9c73f82e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.1e17c49b3.0_1585936997712_0.60789241145635","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a40ef217.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6a40ef217.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6a40ef217.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe98f79831e2296abd1618f7033dc1b6fa8aeccf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6a40ef217.0.tgz","fileCount":11,"integrity":"sha512-4ecWWIybsy9gLzjqfaqcsmmMqS/Uo/WNRLjXZjz/zjozVaE02Wl7YW+F3H4ICwkc3TukfNM01KleSOhkF6dVmw==","signatures":[{"sig":"MEUCIBMjigwnx7vhg1uBaY7POxUuFSF2nLYCtStUduJR3x/mAiEA7Ry4rwijdiYHgHWqqy1X67QyeN9j220ni8lFbuTu33c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh41OCRA9TVsSAnZWagAABtEP/RhURDWjLDIPtqZGp/Cd\nEF35hzuVqEpLa9682lgAl84ribv+0xxtAIqTwBfIDxl8f/ss7p57xcDlRgOv\n83HgWwi78loZ5cO6sCDgfpWg9VH6b9m/z6qRFAl/RBwMm3YY/BKKAY3WjRfC\nUHwobWCKP87yYO0EEECsjAdrWP78OjyvlaK7WvVCeypoO1b/yVVEJ3XaYuCO\n5homNBL7mwFfWW2KtqEEMhm7dkXC8s2i8xQtFNAMWjuZQdpCdHFybv+BnoDf\nFoNix5SS0nTnimkkGCEXU8fVOdMvfe6JHeFxdHQRMhaCv4bRtZqnEPCTPtPr\nWP58CriYsZjXbrrBmr9M1aTL3EIrCeZQyYwdkhyQ5OU7ir5aCiHrljFLciWb\nacMC4512zRqkLVYJPl/hLDf9Itwid7gvLI4Jws4zvRm75uuIWqCpLxMUe/f+\n4Lsgo6lkrZ34dYS3Bh55GCjvfIC/YYLwfV5eIdmBDr3D5C2r8TrNY1Jm7Tcw\nTqOgvXoK598LQzEo3vz/7q7pyi8AYY2JEh+UsBnFLiz9DgCiIMKPAoMceikI\nMCx33YA3ZJQYj2/QmEEcqjek2BNpnixAFLR2n7Vb3WF8cdL8z5zATfnN0srF\n/wm1AjNHPSPWj5CnBwPR/5LH4K0MghS1kQcW/ZN/W6uwclFmUc93x3mEBnqn\nV4yS\r\n=Dhiv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"94e553cfa7e3fa8977ae7bd2ff7df4021f815787","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6a40ef217.0_1585941837657_0.9043679298745737","host":"s3://npm-registry-packages"}},"6.0.0-canary.5f24faacb.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.5f24faacb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.5f24faacb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97a0e8ec90aeb175f16f17f3710cfc146eb2bbf3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.5f24faacb.0.tgz","fileCount":11,"integrity":"sha512-ykPJWl1JrDDZU6yQ1ae+wYbw9GoSsKWcyBVe+TbCvC7IgFiJdcljxdI9deFUWvqGnpef14kztpOBpwLN6YVFsw==","signatures":[{"sig":"MEQCIGOH9dL+WA8o5Rar6PE3NWpYiECJ3zlMGVXiN1olmRx2AiB/9XIwy/OPFHy7XvB4Mcef8UT6dzC/scxWIx4KC9N7qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeje89CRA9TVsSAnZWagAAgboP/ibg20VJ2ZyQKN7CaPD8\nkNMuAUjWexh9zHXOFNR0I4TTCvnHuSt3j6MpGT4rGEY8VwXdrhBblaDYxBia\nFJX/1QgHWIz7RTgENGSy/tYGqErgTFmIqImxWk1Y/j+dqDU1uiai2pDQnZs3\nqHMUukQ7gatTMmY5lSOB6fpjTYLUC0qKhzI+P/5IDcTKiVNafc/LKQ5Mwqnp\nhuWEcHaSfqriGmQTRsa3xf6I3R5yMVC3fQL1H2u+8Yo4Epb93pRsH3VQH5Qa\n7+qqYTHTUCAdUdaFLfav9g9G3yLcw4sgQWz3w9qjnlA/54iIWNtEP5RUzLJr\nrIuSM+IRCcIsJGhG6iHBaQCGeRhMBzluYnY/imeTaiW/FU4gW2DV3JC0Xw2+\nIL/X7NY7iMT/VwQ5W0mWm72lAZk08va2i7aEi2JpWK2TznWaFMiuptz3szw8\nDlQe1LRQow5e55YiPzbqM6ESZmTbZwWigBQ81WCeDrhj4oTxjKBxYZKNXb9K\nFtRDQSC4lpYJvbW+vnF5S9XfJhblmIvgfPiBbTV8B2WklVKU6Io3cwiOvoJs\nV6YrEfcyuUehKzK/wyPnpU8rZUEb4LqzfDG60onnw0KwN4BekzoGKp1k/+Bt\nB1icfqC4YzI2lvS8YcBEmy/d29UxFS3i36dxnakSKL/xcHVLlhsmL0LAkB5O\nUMIM\r\n=J9Ee\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2c7c3d8feb6b7bb5281c1144c43a06f3ca963316","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.5f24faacb.0_1586360124811_0.40807733805313395","host":"s3://npm-registry-packages"}},"6.0.0-canary.82fa986b9.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.82fa986b9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.82fa986b9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbba30e1740480dfa3edc6a230a8bf60bd03451c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.82fa986b9.0.tgz","fileCount":11,"integrity":"sha512-Q3oJ3/E6q+b7d7QHSsQLwkMu6HP58zxhZnMMJhYmkno6ZWzGi6nYTVaIpoWCuLeTincfFQkg35680vDQ0Zu0lg==","signatures":[{"sig":"MEUCIEtjmaJXl7Fji500JSR3Fn4R6vCBChg5w9wEEbxT7FTdAiEA2nJe34J6ruYjYdR3X+JmeQUg2DPoJhjLhi24U8sppEQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejfCLCRA9TVsSAnZWagAAKXUP/i4cH+b6BOrCEKiuon1l\nZGsWY5GBGN7FE5SqQSbHAlp/XjU6JBpcYeHKKAloS/8jqWruZSK/wZWK//Pk\nxTPk16Oj88ctNdP9/5+RkwoWBEOLHkc1KprmEv5VwVY0cU3KsfFm6lmJuMTS\n96KId3TRbXxRWWSI1alyk9LQ2+mjdTwLMwwckBCU6jNCviz8QAlhssTVU40I\nmLknKG+caBfwe6avDGuyobayLciEEy6qmNIofm7ZwfKD9lrVPUK+SS5vrsP1\n1yYAHyX2FEm6F6MygyRXMK3zU/zaO9YEnw0cCqst/z05p5vk744YLirzUAHa\nL+cSXzEEg5rXiD2aHr3JE/N3/DYCTvC6NdQblflBXnssdrXGhfC1i21ddGM7\n/365xI9Dymrwva7bN+HQPGNqeU0nA1ciTfX62ErzqNHwzAJnK8bQqJ3a2ZR3\n1jkAi2CS0RsWrd2dSstfQLh2RBxPbZeS9BNa6qWsWAB2XdguDtxnAOdyV7o/\nB3Eb/QuiqR523ksoc/upvT50fXZVqPHWAoxGQ5ap5/AQtVSUPaojrXhspTlW\noAswxvBXH1gi3g2/TxI0xW88V3e2zuUsS7wZHQtsqsABf0QEuUeT2VOOHZXx\nk+muZ3NNoWc5YsqaP4Hh4F1kqJQX33m0+d+mZNsf2qkLqUDsREDR8RfblKAK\nqukX\r\n=fk1Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4fd9bd21072735eb447e594a5fade5eb1e846831","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.82fa986b9.0_1586360458836_0.15758271220919173","host":"s3://npm-registry-packages"}},"6.0.0-canary.9930d9cc5.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.9930d9cc5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.9930d9cc5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e64073937564bc2a194aad96bb410071cc8328d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.9930d9cc5.0.tgz","fileCount":11,"integrity":"sha512-Lbup9ONZEMZOfAAOPYS61H3f7B1pNoYYchxLnW3TYkG3lZalqmjwxc8kfkIKaMJyAdT9xx8FY8AzG96tX0rKKQ==","signatures":[{"sig":"MEYCIQCEbHUAfX0zDmpDrorPtK6chgmbnaLD6yF71Ykgm9fiyAIhAOm4aPipr4pai+TI1zhvQDU6ijU6Wo6GCsLXgDP1UzLl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejiadCRA9TVsSAnZWagAAnNkP/iqibd/hurQxHQGWQOv8\n3AGCDdAuhacBlt4stK4F/byUT/5dMdGkN0HwyNptoKdkiMV+Vxvt+sFgm6bI\nMt+qXtesv+S8+YQejtcl2D2MudsPVjisU0mEAYXRZzIDWJU5qGhYj3zH9+4S\npGFzV2g/9AfDX9STPDyWmwzIB5zbP8PHqGrrznHdyrZsRX/LmaaETAHWMFef\nsgq4nRcdX4256uXZfMW+02KBL0SXT7Z1ugiO3/QxAsGsAn/QNRtamRPfPjvB\nV+xDc6sw5HX9wWFhhaxunLNrclZc/KeOdiNAx7PNUtgqkQ2NWvJt3VQg7COa\niYMRTot4yT2I7EkJISL8J7d2fi2tlm87ubHJvuOK7bxUUbKEyjy77Jfz6Me0\n0Q6z2J2FlNlNtpnfR2gl2s6q6sO6EE3Zol9FJPOUE+2L4Sb/TccSRYlvVpQb\np3YfQdt8aEz4RDqvfD0vcHQY0uUuWtvBdldalQ4xSHcvcCjBLTjCcu8lk1JT\nwT/GiBmT/yrIGXLspeHLaZW2O9seSqJNtrTs+tiV984lLr3CpwjaJLjBk5wC\n+t5jt11kgjZ0AcFC1KhKohLwG2ggfKzO70bhFqipnTsSn1dUC8z571hU8NcW\nGWm9Ng4SYYbESK/a0uv8hsExkR+Sx6+pEFmTNrHHMGoXyy22EKM3i9eWopsi\nddZz\r\n=ZEC/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a0382987a27373aa348015a5e2529f301f638d57","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.9930d9cc5.0_1586374300665_0.17659788595247727","host":"s3://npm-registry-packages"}},"6.0.0-canary.6601d24af.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6601d24af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6601d24af.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53a34d5a747815025affcd308067ebb5d74ba849","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6601d24af.0.tgz","fileCount":11,"integrity":"sha512-GHUlAw5bsvgLTXnphktg+9qXOkYUh3s71NS4q5i094aKh8TCsNQgWNFmhU765hg7OCZK6PspBmwprnxmnFdcSQ==","signatures":[{"sig":"MEUCIQDTAxeVRrbKcUtRG+VLWsTmvk+A25zeqwLGlSEcUDTYfQIgVRBq7gRz2x5tLFDnxU5+2CAKZeu1DQUonxiNx9uLZwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejmxfCRA9TVsSAnZWagAAtRQP/0aTSZ2kKrXDlo7GsKxj\n5fdnvuhnVi2YdwmuH+ZosQLwdO6TK4k4owlZgXUbCwuwZJu0n9YUHcHbGQQ2\nB7Oxe3I13lgPDYBRLxPQT9VUDLXv8/Selccx1AA9ASoKb3ls64zesFSFlras\n3bFtrqDytl3OannGXKUUE5xx3jKbYeJmdh+SCjENz+Q14Sfh/vK3xm7/9EMR\nznNmB3dIg6nNJa+RPSfYNT1JqWfV8150YJXGm+dNRH1CEaY+YjB3JK+68v6f\nVpx23/caTjx5QxB+JwN+SJdJuC3mm2X/3ARs1YkWmgYlwNq4QXUWwJnF/AK7\neSXPvog7MWJ1eLoMFkIkiZ6/Hb/p1TewlPns6vtNMVmhurzcgDUEAJNE0RGg\ncV4sLqofDOsH5+VdrX0edg4m6icZHD68wQvx8YOw9vOFMPjoSKv4Sj7c8tpG\nOLqrKCdGSHpq/5DyKQs5Ql8dK4KWkbF7+90E9AqUjUg1x1uVXHRPD/WO29ML\n3GPX3Q1NSBj8ai0aJlZumSIlH4OdUcjjS3t5LOVYiOLGLCSDjlXZ25STUSRK\nlda+CLaUKB7jQgopTYWQ1abJ59ocgBGqYi5VfY7sgSBQwkqcoK60/gW0eGrn\nvTMljCo/P64D/dtef+cxjrVM2F7JLKE8T5jjz0Kxqz1Xb8WAmrSTnyeitMnp\nk/Xc\r\n=wLur\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f22a45db8a22981a17395184998a94e6a32944c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6601d24af.0_1586392159298_0.006437365173979082","host":"s3://npm-registry-packages"}},"6.0.0-canary.05f5e1583.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.05f5e1583.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.05f5e1583.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb49b3ffbf5ed3fa6a94764c1fbae791124f69a6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.05f5e1583.0.tgz","fileCount":11,"integrity":"sha512-AUBehzkyadcKURPE5btkymDQ8hpkMDgG2LZf29ynH8ojH09SNFupjo7os03QNuHUxMexmFHQtSTPo2chYmPIrA==","signatures":[{"sig":"MEQCIFmLzZzO8xg1PbkxFU/cvR5ZIevHys6NkTmsz6buuMaWAiAlx9bEVL/X0skXh7fXshq7E1SG4x34jh5UJPBtDG5I/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejnBnCRA9TVsSAnZWagAAjL8QAIM5UasmQwNFPNSEVKT0\nIb3Cq5x1mx1hCM1ArTOC6EZ/MVZInb41rHABYG2kdC6qWynV8E47J+xcdmTi\n8qjinjH9qpy/nCTHzCsRn8Fu1tI//cse6JZlMaZXBSCBRXjnXN3QjijadhSo\n/p+23l2LOjlNZoC624wJe1zceV9xvDTYUMbaHWiTFA3pmPdAC/TFvLCUfbGG\nHovkP9m0H4erbnun3SqMSX5GsQsdoLxXgGhzdGMnrsWz44byAt9EBYMz9EBX\n0ZLkDhe2JDx7VMHRMjHMk+8qOTgh/lAe8KUXgQsdwPWvWxV7JpltgWjCR9OP\nDDy2+NACq4jDiLKGyZ4Mfk5zQil8j95mx3T3WvQVQ64KLyGdgnuytXJUtUOm\nDQYSEAxYkUoFODl4yv1XVLP8hjGTs2H3my65sN2toa6slTCtSIicKMFxqhF7\nWeZKrauN5I2ihdOAasZl5Hsc6PWzkaERonsOyKDAxVVIQSYNExbtCIEJSkt3\nZmKONooZYRCQSoxQX6ECVK0dUEk16Z5WR8UwF6MAWWqWUHbcAWpnPHHudinH\nM8nzivYwCNfSd6uzSo5vCxEU5UpmAmKa7du+RMOxWkC+37RijXYOsKLlv8Ao\nJKxq6SOPI6/hTmNC8VDCAxiFxtk+rphY/m7QOS8izwh8O42tAj0knC0noMbq\npYRp\r\n=tS5q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"413c1908165c032ac95dc5456e70978d3994b6d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.05f5e1583.0_1586393191154_0.4767870254048572","host":"s3://npm-registry-packages"}},"6.0.0-canary.bce00e186.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.bce00e186.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.bce00e186.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7e8bdf57896997c006a003466968aba2e4b8533","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.bce00e186.0.tgz","fileCount":11,"integrity":"sha512-JSthcc7srtvBfIBjTCu8iGpsMHJ9grZ9vBCO331HPNXQynwB1JVZYPrsLsFhT+//PPNIzOIh+xBx6cYouXYyOQ==","signatures":[{"sig":"MEUCIQCS737T37sxJFSiugyGZZIDQ2TmnyuVZkLp7tpOiycE7AIgHhAE1HIyer1D/JnMgGtaArZcn/RTDqWT7eetXcEqnQw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejz2UCRA9TVsSAnZWagAALPcP/0FkajoeN7JJXIDsk/2R\nguBiSPieZwVdpEL0RR1xhnLN/jC52ytIQZL8X6ikC9H+RjPMbFgmhwxJOoj4\n4A2o8jQnE9qWEDl9ZqYD+S5B7/E1np10xsE2DUZeUnBZSWzEZn6wHHUq1Crg\nvKuL4SIuZzZOEIR8Q51XQwsWihvDjKDGiiYI02oFORxv0G13tx0PhM9sZRz4\nHPE7qJjzZqCYxXYCEx3GBDHtY/0MsjTQDWSgwaeiHUPplU3nUOaOmXtBG+K5\nyQHoooCCsII6bwPJJ8D4hNSB/HtlG3epgKO5XIygyv4UHOb+yGheyOfDWepT\nFqlDBBNpFuX7ZKIkDokufGRfIZI6f3PAuB2ESMm+EE8NgYKx3VyCu6PI9ItA\nw+DY4rFyhkxV57Madh+tY/Xt/Fcxg4StbsMcFh/0mXovYUqnnWopIRV7g7nu\nOcNscHobfEmJXEMoXXx22OSYeyeJtI3ElRUbaF3oKS8kQV+p77ipDzO+dB5e\nPb0/0qbXs4oz7kaX+aimEUbIKHp1BuehHO02snmEYomQ70L8dSv8KI3LDVHF\nf9dRr1iwgIe1tKS8OQAW/HgeG9d7f70yl4N80/+NG+teLM6xhk9Hd3OF85JM\nwx9LMLQXXTgRlsdNzqp3oqmYpUXJApaD3DBjsWGtG5v0nTenLRUFwkypcHG9\n+rmu\r\n=YULi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36e6ce5271637d131432d915870da208d16bef74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.bce00e186.0_1586445715835_0.5760131907609636","host":"s3://npm-registry-packages"}},"6.0.0-canary.927fa902c.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.927fa902c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.927fa902c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8ec1d9c2ce172e6a6045a72312fa69fe381fd73","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.927fa902c.0.tgz","fileCount":11,"integrity":"sha512-7+gbPjj2qJd4ADo0vrzm4RtWxgp96YhOaefxg/RnjVlt01mkG5vY1R8xewWwaSEfPgGCaVRKswH7Uoaf8Q5noA==","signatures":[{"sig":"MEYCIQCwzMQ0P1Nda3ph2EQM2lbmpDg/tWxJe+EIu/AhVdKgCgIhAOUP28eFgjmwpUpISOmrHw0TjyXjQ69CpoQGZjUkZRmt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej21gCRA9TVsSAnZWagAATaIP/18n/MNmYIZZrZhb4FR7\nb9CGm/WDHMhwDkFJdgy+hzgBQq8v789Xdxkbx6+KQgTmIs5YHpblTE8NOlaG\nzm1oCI5nKPSOAvDD98B++9WjD/WlgpvpaZxTTT6kpH9JbEZm2Yff8z/FeYvQ\nK+bq3uMUCZhmPY38pJm7M/3I3MndN/k6guv2lzr9unTZNTKAWjIIMZ3+Xi2M\nzHhNSvluHWlafwlapDYaUS0g0jDFKzfxkADSz/2sySbhfEb46+FJ3EizHokO\nUm7OWAROoO5nCbACs/tDaxIPNKQxQQeZ4Uk7RMAEO8fnQl6RVXicCcVWjtZI\nNDPOur5lhD0P4QwU6qwl+wMfpuqZa/Ys+mHxfOxdW1Xx7nQQlT4NggJqm9Af\n/rfJzP6GviynvaXD1Azp/TdKAxbpJ8fCJnig266GCnJB/6Vh7OoYhxW4ZjGq\nxIJm3FqId0t/XOO4QKkZevWx8b3UTu5EGI0hMGgFmqwrcbmt/xKiZjbQfqGi\ncAOYpdL8/WY9pU1O3e6L5pfnaJF2E3FLm0UyHzTmDYwNL6s0haL/wHPIwctS\n6SGlOsbJ/KOx8HFyI1gNPvqiM7f5AkzT77HQWgYDBAQ3Y3MjBheyds1SsciG\npGQlOI+e1H9vzm8KOLzvo5zpyfdFP4tWK437fQHtdYbkS8lm5kmom8S3ycF/\nzPO2\r\n=xQGy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6993aa2a4786dba507ed6b641b4c059925b7ddfc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.927fa902c.0_1586457951544_0.015436499656671598","host":"s3://npm-registry-packages"}},"6.0.0-canary.eb28b6ecc.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.eb28b6ecc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.eb28b6ecc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"29a63dcce2fdda7abb54f92940afcb223a1ca045","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.eb28b6ecc.0.tgz","fileCount":11,"integrity":"sha512-VH5G1YoFJDAiyqgm300/4NG6kHvQSQgw1A9WcSOdxOyxHVXL1BOQtcx2Q7/vEoP6Q/SrTwEIbpCNNf76gj+9ag==","signatures":[{"sig":"MEYCIQC9FAC51luvfzAAZu1VDVWiXcaXlHuUll/pM9g0YiDs2AIhALSTwkTZIUKqAUXXCp5rOYOVimhuVUcTiThlx698Kycy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekMlRCRA9TVsSAnZWagAAZ28P/i22njyXueQGKWzwDuJ9\nqQueBiyseWIaFpilfnfVmIk+dw03CEYVbXQLOQtRlPZjqruPEtGutZhkJ+mW\njOu7VHwgdaZQ1Vqu7g5tGjbCWwbeAyO8EXsjC8pgLi7Vzzwqb/GM6P3yxBmT\nXqbhM+iNgSgxi0gnkrZwmQgggqvGcXXu3HlLQ2s+rRhH0XzLti42FmYMqV4T\n/xuVxCC+K9LOzN1+rkAj8BoV7l7lI7t4Trha1zlWkW2bi4GQYkQ1w5E2W9G1\na8no+f4zdqPTBJe/GyYWTk2zCBY1Y3qdRhV6dTyn14EzdrK9SKi77A6Rm0fC\nFYKTV7HPJhpePAggjs2CSo9h2tDvJbFAjYgCfup9EXYyF+i4Y6Fh2O0km8jj\nSo2pHn5lF6ro1U95y1+bLQkA1ZXnjYeGvTw1Se31Fj1aJnM4PY+p9mrFfOgD\np5EiG1AbcBHhZnV2oUiCgHZKI8sOG5sIzHIbNmy5oTbi9oprUtRsEes1VkuS\nESPi9tud07194ROqfFnU6Rraw7D4nCWE5wpukPzHblpV0IVRh0aZflk9b2AK\nHlP7S+BI4veuRYlnxUlwofxPEnk2bic8CDY/kp3kLA4XK9syic3fyppw9uiW\nSpws01V542ho1jpvrgoc+3Gj1JreUsF6etC11OLuGf3s5IQecH83HubsgHxL\nbp07\r\n=9/Fq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"14b97cf99132f4a85a978c1799a668eae031d75e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.eb28b6ecc.0_1586547024926_0.29385349918163817","host":"s3://npm-registry-packages"}},"6.0.0-canary.816a43b42.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.816a43b42.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.816a43b42.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"191d972b577e65b3a2ebfb534a464c0e4f52d6a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.816a43b42.0.tgz","fileCount":11,"integrity":"sha512-Ie8Sa+QRcunFDlnYYCWBi3cyYjc5lwVTJ47D21mGhPN0sOqqxGUSEiiXFoek3/9GlgedKx1s7DbxH3M6cibNbg==","signatures":[{"sig":"MEYCIQCW0rJJvYS0Ubm3MncAtBX5xV/r6q4E6RTILf869OXzVAIhAOu7wfHsibd1BsFiC6CnuGuMMRgCdFu6ffyZGjCtVWrR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekNx1CRA9TVsSAnZWagAAuXMP/A4iyJ7pZwIeTwUpbzrZ\nvGIdogGugR8oKiaf+c/odEwQfhQtck8Rmo42ybPvgAzG3ks6MfqKAkm1EokJ\nNp+AxU0D0nkNKgcVENTjkG0EvZDuwO7IzXJ9wQDLHZT1km7lo8u6xPAye43v\nv3B+KRp+rBuOd9WQ2/bw5htzn+39opjFPVfeekshtTGZ8GI7GAjpXK2sbaTB\n+VMUwpwQZzlNwekuDx129hyY738I6C008kqjvOUTixi05HWxvGopa9ByuA2e\ni+Fcy19uTwi+fk+yWp6eoJc195q0bgUOexb0IXiZNvwDgkbSgyrcOXgjCZ4v\n6rL4BPB4fWBejfiocqv8qHudrNhRSZKJIoRnU+UIJjAxAcLjbW7Y5INFAm9B\n7QrbTewytC11njYEP2TUjwjbpERggEZ5/4RZDRttNKwzCBiK+tWpvy2+ZIk4\nYCvmdOjv1M1jZENOp/rS3B0p5Ajztwr/hS+AYwlmj7vK6k8FNTq6by7BkHKF\n3YvdMZdeggy4bCfBhLBFRn3jUyDt4Ik3ECylBzXG2VW5b8U59dg6prPz0aDY\nBCPEioaZPOXAYTBihupKvpy6O1f/kcb4YU5gEwmUYv0gyxhzkoa5V/8Eh58y\ndUNaqEe8HAsK1IrkNocCoi3YBXSxjAdFrUtWiuJbisvKq+LXxeaiEX5n1x37\n7/xa\r\n=34pL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"55d118d08a4432484dfc732189dae38773d1f437","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.816a43b42.0_1586551924255_0.020051644210860475","host":"s3://npm-registry-packages"}},"6.0.0-canary.008c4d319.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.008c4d319.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.008c4d319.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e002897335de7d786bed3081c800c798eacbaf6e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.008c4d319.0.tgz","fileCount":11,"integrity":"sha512-/6N1bGUQY7Q9sMxPWXkUAKhgoWlGhZS4qxjIyntIOBtCL0tbxLUk243Y2PnqUW6JagziJPLvrsHuF/r0BwPc6A==","signatures":[{"sig":"MEYCIQD7MpE7vGnIO/SMdBNfU+Cgjajt0JKcaKRteN8/fu8VaAIhAMmNs59PZdivAGu5f9NX6A1c23IBdeNtKUGMZdQRGL8n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelJROCRA9TVsSAnZWagAAkK0P/juaSSOLOXPvrki0akvm\ntn64sbqLnU7FBU9SCgwiYrB+Y/Ht0U9mjE/bvA8FZ1eI0vmzqu6y87FrY74B\nJpulUI5JSJ+NYf4ZUu6SokU4PeIGfl0gaV5eITjuleJbCuKgNa79U8/PlmOl\ns4NyqGaIlee/eCPCi5KJfKZi93ggW5BMOJV6tN9rNjqVHytFZOsJEu6sn0dq\ncTFK/OgrGiwrgD+nKQpIA1CXsTx0G5wEWQu9JfqcNjDpyHTOC9O2RjG2ggWb\nFpqF+P6iQtyoVb1Enf7qdBBNXIxiVHxvglbnsKWqJTukWl7wl+HxcAZ2S8lP\n1T96fx8CyZYkDYLrOmgvX9fJkFu73eRBug9tseIa1vcAdli7FKm06oD+xtn9\n8t1YFdkNEv7HUSuAq5Wrp5VNHHQ12pc6AOxt7BZ1UydRD7OxOtRXUNyO6uZV\nbv9UeZmsZLytCnDljEVIJiRCv2iqOMb1p/CGYbrXNMmj5VTXDKqtbMnjhyGP\nklEZ7Q9ZwwR8PhKYJpmG5Ul9bWj71bydqv9c5anIAt1v7XaLaLW1skjzgIZK\nJMoVxEXLVUKjhof+1lZfoo7GLt4Ur4nC56HSEt9pzVeJUc70f0wZniUV+2i0\nGcn7wo74Xt7h1zXtTiHbdfp96RNDslHDynIjhBC2hn5Jn5gGlxsrtvORDNNU\n2FFb\r\n=7bmn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cf7ff62c921da3167d96b5f7cc7f07ac2af41a19","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.008c4d319.0_1586795597588_0.34862665727407194","host":"s3://npm-registry-packages"}},"6.0.0-canary.cbb3f28ca.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.cbb3f28ca.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.cbb3f28ca.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acd19488c016ca4e80edf1e786d13b9f54c67cfd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.cbb3f28ca.0.tgz","fileCount":11,"integrity":"sha512-dSD3l/BsxvA2LM/HR4m+pZj3FpOzWDgGojMHGjEhzph3UfWKz0m4vs2FUg4/TTgKHoCspcARJJg0cczT8axkwg==","signatures":[{"sig":"MEUCIDXDmU/YgNT3X9GOejMzGeZf/mZVf8qNeN98qnkRp6JKAiEAg9xZNK1jv1O87ZPaEtkRXB11+P88YR6AhVax9qfh7Nw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelUSUCRA9TVsSAnZWagAASx0QAJjNDPxJ3kMVnqOAUAQH\nw3Mn1GQLUOR7irz4Km9TMcCVqm3FM/E6eNTAzEoZua+98da0+LWaQHWggWyb\nC7YYHP5ZaYtnGEXTe1XFiuFVFY/34H++UbaGNsBennzNJtAlpclKpYmEEuG4\nCpvk/ri2SoEOtm+uAx8hSPnWH17dpg0RunNRsJ6Rn8ebawS8hhdR3A8k+l1l\nAXFzioul9FZUbCwj7SLDrDL/2IGVPXU/DeJl6SL4MZre4c9QnIjzcSSHgJga\n9+VHAHxmQiCfXM+7bKiAF8CWBvjmaTdmUQiOPtcmvD6oNGCuLz9CCj5GQdiT\nsc4Z8329Eq9voITHLLqWAIX1hE/qL70GqIq1gNnBCsGYHh2arRpTgz8LHkne\nLo1cvNpiz8WRUY0sitZOlQzbNwYdkt9tyCe59dBqEH0bc2zDrtdsWvlNpIQG\njLvEfvGyL1sPIJ1kLYUx3xYj5qY0l71o8LWy7ZMjgtTJoJUWXBmvk+kk/wxb\nQBHqL81VvSpVaXpmDitTM++HaoqNMYKsIqKKgxSHibKZegH4v+nfJB5kIZV0\nhjP3sTbkytkZ2FgVI2+5UlIwwHYr9LZwW+cAClCa/JA+SqRAs2BWb7XuZpKn\nWeBWV0aokSURKt9UDilt85ei7NELMuSBUXsdcJo2iN1eOBSUHOtyLqNZyk6X\nzUj9\r\n=IHoO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b6cb89b18de9f28799535d82c5ebc759433a5307","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.cbb3f28ca.0_1586840723739_0.9347040899279426","host":"s3://npm-registry-packages"}},"6.0.0-canary.f172b0f90.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.f172b0f90.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.f172b0f90.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f8efac86a10f3bc25d5aba595168d86e38bbb98","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.f172b0f90.0.tgz","fileCount":11,"integrity":"sha512-4Hm5Y/yASXyaelOF/qUslxeBi45skmBX2mkzuH4EzlRrTEFD0UZEskBGSyAKKufVlBjGVV4RD3eP/MeN/1/U/A==","signatures":[{"sig":"MEQCIDWtac9NWJlqJ4JWBk6O/3giwGNCVMj4jMzgoVaaTKWnAiBYGok/QPJbXb5afkPz4ys6sqRRAVB9J69tDEKJo9Xv7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelkK9CRA9TVsSAnZWagAAdpEP/jeHFoU00pLamqSuh6CQ\n8Zt1p1QF2nQZXCtr7kXt+XxsEeBwu56IiLdbiDsEAUyNORFt+3E0AoQ9smAR\nOgRcaSssUFFyvuTpGzy0lIZ/h18fezgp5sfhNjP4DgmCvvf0bVAx3jdYTVZQ\nVE5CKBKSkKvuVjA/bOPqYhpXUWAW1uJvVDbKJMxoou1+Oyn+xF89OgQ6JsmK\nnUvEMciUDbXqk4rZMpQImVvssj4m70/eRAytx0fQSuwheQaOo23WpRHPzmkm\nIoWWIaanO5hviJLguqZvzz/+8SBjeqqtsBmM67J7pO4hs7TcRHmo2nrfv0KC\n2HK2eWfhVbBxlj7KUUOwVNCtj24/zqNtNxW1YF5UmrlOdMNNxVdk65sHP+m0\nONeWPYPBfZJeGF+TkEdK31giFEKC8wurCpm/KzTt8nIYZHUhsKe+lqBIN8pf\ny5noOSDLkXTShNj+0w0lMNC0bcdzWCUSOFgBKOcva87qbOT57Q0sUWN9YZEr\nPfv7OygYbZaMKJ7u/A5C0mIQmzbP5TMGUBlcNww7HSKeqhw6ZmCeYc//3UPd\nQ+58xBrPlkjKAm3sPPT2rnTvMkK69XtVqTIliKDWxT3tauX1EEojUKs0pntd\nDWSzmx6nhedXzUTzQGcH1wuiuzLoFya53KlLx7niGQBPN3n0O+QIzJKfTdME\nEaQN\r\n=wPNB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eaad6fe33949c536d515e1177cbadf504619cfda","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.f172b0f90.0_1586905789174_0.6065709492869835","host":"s3://npm-registry-packages"}},"6.0.0-canary.c02642273.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.c02642273.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.c02642273.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5fe8cc3e11882b7d58f756bbb1be8f33174a443","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.c02642273.0.tgz","fileCount":11,"integrity":"sha512-fa3tAdxqwF143M0w9V6TEVDLb+oomqFKkEj6pepDC54dEJErmS9/R4ZV7QJuIWP0m97AMF9Qvl1RRaXfQVSLfg==","signatures":[{"sig":"MEQCIDWppvTwU1W3ZGt5xf2/K8CchJblllJyBuN44et6aZ1yAiBMbhOvPu0ItVGXmUpib3cyYp1oLz1QsPLCvlW0YpDffQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelzNoCRA9TVsSAnZWagAAQDsP+wabMlbyGhRjzv4r7Rwm\nNF9MNGD52mkRynGv+9hO7UaqXfIixlGsjupQvWOaiVsXPqvwq9NXG/Guh7DZ\nXgZu87q/HaK/+Cg8LQV6SSGWmLYdCUSFnhv81cPkGAjm6lKSTTIFP1CVevlt\ns2n2Xf7l8RkXA88Sn+2pXyfymS/4qYZ/OjR3bdBixrBWUcBigwvRDBjyoW0Y\nNXlhVB5M0dCo1+a47nv9akW3D5gwZx59z56xXHtgz6bBpdeZSKmNZc7lUS0p\nKthv6hoNU8oaB6X1jPhRmk0iKOZvV7C7D6MxIMOhFdBbAC6cXBzDB4PBBbmK\nBNSkEw9XwJDuwgxKuitUGVStUVrS4MfSP8NCa9JFqNDDvkGpqz97rSeJrLws\n8c5dHtmRL1VlBbKj9bErypJUXORn9puFBVl4U4aF/8RokwM3uIDsH2IaTKNu\n9mMPPt++iYMWau+UNKT83gLmtzx8vFe3JhCq0EN2RCye35OxHCdOU7ha0opU\nKOyKAps1NB88orhWyxhvEBXrrQVyoXaOkdYi1DIpxas4qo9KiI7aknT67nry\n2HN6tYMHRaACwDclnHSTxTFAjdfPS9AxZShHU0K0Ydm/K6fCjHP563eoAAkS\nWYcdRjsiIWQAy8Z3/pk70wF0bj8/I4uZHVntP0+LCOUv2tHDl4J4HlvHdwU5\nKTEV\r\n=lMSZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b648ba2f886a5d6cb78a9dbdb435d18b5f600bf5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.c02642273.0_1586967400334_0.6593370480202148","host":"s3://npm-registry-packages"}},"6.0.0-canary.8a299b568.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.8a299b568.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.8a299b568.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aac1e69997d68c52b36e6dd5d63975d3247e2f7a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.8a299b568.0.tgz","fileCount":11,"integrity":"sha512-Vz7A8P2uSRsiqq6fExn9Hs4ac4Bh9+y/PvYGeYKRXsIcocFHIIyaCgWDpXT0EKQz6T+jNWSHJCiz5GvduiQM+A==","signatures":[{"sig":"MEQCIEDCnfdE/MXJ55cpjRrAX66PZnoCfL/b0tbVJYtCbXWKAiB1A3EzONoXieN9r5E+15LX0mNdUrNKoVY3fAPBv8yYOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel43mCRA9TVsSAnZWagAAeaIP/1MVdjFVXgfJMpnn3p0S\nLVmK2xZTFhPwsTGqxyVjzRniSGv0vV5LAR23zGMej9+R9sTWbhlZfDuEB06d\nJ/aUQ/Toq3ke5sT8vL0VwkT0otUDB53KxPjOvDePk5MsBp9CdwZfM5IKc8An\n1lntuaagkHRKsFh1SOjMawk6NBf0Di+cr6di/KHEjJqpDwTvd9k41dPZQGTp\nb9jvuE/Wa9d5uf2P0C9sbPY/QeDnw7Wqhzd/wxN3u1k9282h5ghV9X9gkQhW\ntwdHctLUiJfPUZMYPy5RAzPMnbccxLNV0SQds7135YBacjDP1aCS0IGw4piX\nLmsfrLZigDizDVw58rUooGB4Oms98CRiETvng/RdWoSFuBox16dt8VpQKbSe\nkbNO50tmqiSnpcv4jMluN2Ust3gmNiS4Ekw80Y8UOOeuD01UTqou6eLtcdPF\nlq8Okzz2/uKURTZ/HWhLTKmiPBGZhnNMobA2hj+hdcAdP1Nx0FltlP+xeg/a\nEkLRY6gyG5xFC25v+5eCHZsEaIeIZDaZY21A7x1IAT8hOQo+at08C7sS5qdz\nIDgTNgI701WoBPqejGUqUpAzB1uUKBJUSSrqsItWNwCRS/6KEBj2gPQ9NXzb\nxATvm2GgsD43O6vICjD0g0zdAIhpkZPDLGIamhrCp3ZyNF5z81oQhGXajkZx\nI5iP\r\n=yIRD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1cce57afe783f6d0ee960b6d55080fccc7424cb6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.8a299b568.0_1586990565518_0.8517587825657336","host":"s3://npm-registry-packages"}},"6.0.0-canary.490fbdc09.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.490fbdc09.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.490fbdc09.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4483dc1fa388c50b9dfe91111db06c6fecff34fb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.490fbdc09.0.tgz","fileCount":11,"integrity":"sha512-AezU9xGjsDyS0RBxhSn88IUdoNsQLtgSbL0oYw/VBH2oo4C99BnQ3jDBshFR20RjBgxHNgsVrP7F+0L3uXbFUg==","signatures":[{"sig":"MEUCIE+lPOkEv5zXUeGLIo62e4ZgY1SsmOwmaDp2DmXDxVf5AiEArD2pDgSEl4COeUjAsWfMyzsvpBVMJ4Fh8kySpqAt3DA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel/QvCRA9TVsSAnZWagAASLAP/1U3MxgZote0o+Azo2sa\nSevuAWIr628O9BEocKj+Emay9y0+CTWKeqJSdCzDsbY9tMvMb3jcIr0RhDT0\nDBkvhE4gS4OD9nO7s8uELBK9yel2Zs50QNM05rhx2Kkx/89rTZoEOYX6ZR4r\nPM8I4+LeL6m0vFZlgHmNoT/a34g63Vq+AykHe5WkDBMDwY3VJffY2DT+CUIn\n917IFdkVdxIyrKktPTu06azCIzg7UnTY6spWcK3lye2E3pyxIbCYfFHcAl3z\n34rfDWpgDlHPMOkf0IxiJlRW9TQmiZx8JF+I5eXheWcZQosA06P9aM0cwzGP\nOUZwNm8mG4CHRNjKxqA4+D5XYIyTUvfg4j7jCK7wnw3ylQOW4a1AE3gnhQ5R\nQMfvl6vE1eYAE6FtCxlLHG5XOYYuqe1sKUsLl1Fgz4mpMTIxKOHhowgL9RI4\n1m4zZvP9RY0SOZMTIFugmQpx8RYg6hb/WPE4UJMfrqmOQ/OArdVpyDslVRte\n7NQS2c1R4tg26AHcNlOYsPC6hNaw7Okkq9HGLcie6X+v5DfWle2n+rcrElBo\nIHYwgVsg2f0n3TK7bsaUkQ6L06o9IPvcmr1nGwE1lY3W4d48B8+f8lKU6yqy\nIOSvSIyMg/rznBJCBvqwFX86stTc3xr7vU2/sMd4H7R5DioroTKEvVlXJWBm\nPIG2\r\n=aDiS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20bba7dcc3290528bf225184ac976a3b486ccc00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.490fbdc09.0_1587016751059_0.3761114917916639","host":"s3://npm-registry-packages"}},"6.0.0-canary.f838c6e55.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.f838c6e55.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.f838c6e55.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08215158ac36033a3b4a6d535aff0fbda2362b2d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.f838c6e55.0.tgz","fileCount":11,"integrity":"sha512-UIeV4Bl2LfPXWjcBnvYvaHBhv6NBCmMPBp0tM1/pBWWalvsTFMMHIotWkvYZCaHZolqX+33YgyPYBYPpbpoABA==","signatures":[{"sig":"MEUCIQDiTZlxTZdAeztUhO6TE2ZH47GNTftlUHnD3ra9msnuNQIgGR0VlOg1yAWvk5cNtmvmli4SNUzCRVdb3reuGR6CDJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemGrvCRA9TVsSAnZWagAA5uQP/0G6vmotgMMhsvEGqYnE\n+HpkSN2p7nUGoawmYz3hqR+WRBfUVisxsP1hJFlfwX4bG4OJFd3Bjr4dxwyE\nz3GzxB78QOT61VVhBCgsxXMUstlJqUeRcMUkF9KB1qeQ7ESdgzZqYEI5sSi0\nVoRD6c7Ebz+K7Qv7HwSxDMKFbBSSvpdbqw/M2QcY9leiT+0Ib9Nj9tIxkXeA\ns9fAnH1lRc4kBQkRUKuOv5cxpx6ZoHZKv5zrygnO2wQqZwyUeOa8AVelYkxJ\nxF3ljR92YKg+BsTfZMTbC3PlKi9xeAH1zPgOHc0dcLK5S5isoG0hguJHoyMH\n/h/u0zvRT2m+8y0SlQA0LiZ2JHxv0I8RD5nhruvH9Nna4Zb9IfPxlgvOZUVd\n/hCJGTIylb2qMqT+CcdRdNpBiw0a62p/5sQY8uU/TjO5gkSWIHvJSAJ9PPuF\nKrmWGJFjaSg0XwyvftJi8tjy3CnZAy22hzGSwZb8nqMDzA+J8wBcJjUWUJaQ\n/mwyEK70gUFXRL+F0WDA+5JH8gRMNQ4vulS8yMJjKDlW1VvreOwWZymBRnCk\n9OJESP9zg631EsJHe106xiccD9WN//uSZce7IphVNZySjGhCAo8XmQFlz2FD\nWB/Yr6S/SkUvTu3rtCFMikqqPK+yDSnAMKTbe1lxKKJ/u4wkR6JrfRpgfgF8\n01vk\r\n=qfsw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4088837a2a2d0b4af544090557a8266202e13a8c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.f838c6e55.0_1587047150962_0.8586172272017423","host":"s3://npm-registry-packages"}},"6.0.0-canary.ce6cb7024.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.ce6cb7024.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.ce6cb7024.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c4e5bbd6e90cd797da91667258ecae5bec8d3da","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.ce6cb7024.0.tgz","fileCount":11,"integrity":"sha512-n7QjPfyiMOaSNbDzJjeluxkZvGwJctJ+upEXm8J2kDIYiMjhiXwPEMrgK1tcwH+FS8kAsOX8DnetAKPlaKAtFQ==","signatures":[{"sig":"MEUCIQDeMA3QobFEuYZuqTCJlRJS4zjW7Ed2w8uh9FgWrNAQGQIgGjKib7dgy7M4Ez1FNqpHz4Ziff4rHM4O2Uv3QEXfZRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemJNmCRA9TVsSAnZWagAARXcP/RCO3VBspGS1kbLqAIiS\n1CBlUIvIV1cbQrwfbL89W7NxbyaLmvwwBn4rpxHjm3BxgPyWPEhriR9CS4/X\n95iUlIC+0VUcg1rudj45ZADgpXhYObjHjaf0rXC7xxRSLJdKXmCsmgXcgt73\nhJgrp5yawp4nE/cSP5W8flVmiKHphwlx/bHdz9/YmdjdXa9wLQGyPOY2TdLU\nE/saN0AQnwALBupabOfGhKPuJbNX/pJ3tgLSH5bxdz6iC+N+Z3P5Q65nQNyw\nOWHlw7fV/3puEXfCfTOHD2ZymsH0GaU33a5w4NNyofjuDI/iQt8iu/IKf/tm\n05Ok3/Hx8B/Vl0A9C6ItIUjPJ++MyQD9VF6j4zmFcDGFXJRl14itsFjm09La\ncL9dNgvnKACWtvanPnwpNxu3fTS5u0A47mFMQKkL7g464qhD1PUsZf3O3HPq\nCP6Lhwv9y3KyDKc72e8iktTG7rzNZZ0Zv5BahbRfizdDOYAS8LbdJtPPf2bi\neMlJHsIFA8uJhapBNa9BNfULdXN2yXFLMBhC3pX6JZlHZFj0dw5991uOlpPo\npHIDyapVwh6JQoAsJFV7s8CruB9qwfkTJFR+bZeyPjZ6CEgM6avo9M/94D1d\nVKTn1QS2urc31IX8E2P90HdFUfA+qXNkz6kD4zV7OmJEaUXq1JMzYzWKy2n/\nP5S9\r\n=h3ON\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50c11d42dccdf93592bf97e9211f34d95983996a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.ce6cb7024.0_1587057510014_0.5326264344826974","host":"s3://npm-registry-packages"}},"6.0.0-canary.0ab62a65b.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.0ab62a65b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.0ab62a65b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d31328cb38d2a05bb7cdb265f098e6f854a8bd89","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.0ab62a65b.0.tgz","fileCount":11,"integrity":"sha512-4ahCOen66leUWSf1gH6+hbSA3aedGCHpfy6K8AniW7TRjD2bI200jQbdeeWkUiHiZ7JWcFmOzfL3WVxwFkbsBw==","signatures":[{"sig":"MEUCIBpcip39ib1YzoYjUJo7oxNr22wZkLOPzuwLp8iioULXAiEAwx0bXV8RrTpcZktlSXO85Ki06wpfirrdhrb/m8/tono=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemKm3CRA9TVsSAnZWagAA0loP/3AdlMndQ8WWJqjYeOd7\nbWZR5xsmJrsEa92JSgREwgUylKQFA7jkEelLVSLpkdYxruNlAYFzwpK6uuz5\nxC6347y3GPGuKaHXLH3P/fpDsaoslxwGc6Z+2veXCW02ybDfAmsVOrGTg1F8\nxMQtWZo+12XSfDm+vv5B7VFQCCYfWqBPLzUDhfgSvAWGc3GVavE+3WPi6wim\nchTqIKYzZ49BKDAD30374Na3xxYxXeG/IEVd7djqluW3a+JEkgxg3JnBk+eH\neVMX5oAb0YWuRzRkP9gcY+TqMzSJQdpTILOwEs/gyQpTlk6zoFlkxykGWAdu\n1xeirvhkt6szccki0irXLLhPr4rJmaNVUc02L6UDIeydpPg5skIhU2fFxsyg\nE23Wri0ZtFCdn227G1+ZvPKGfuuvVlwCqbaObw0iHTZbp9me0v07EdF5l7qZ\nzfxiiCFzfqcz+ddBapTQMmRSXTPRIj9wwwB3FvWO2TaG3bTPnNudAWFIW1OY\nkj2/cDjvNTEo8gIz/hpXkeRubsG+mdh1unDUBwbdvI+HcjJ8fHCBbQakfRCc\nqCm/LwZ4Q2JgzZa1xEDK3EmjtQR9PowNZuarmAiovpIK96y64Hk1B9vgdR/O\nkxDUraP/22AXie+ciXzyRzz+/MvMfmPMrc1ePaPbNBknnO6CER8vVplf5hoo\nK2a9\r\n=88pG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f8890ca1119e1fc3b197f172b8273c05b5fba35d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.0ab62a65b.0_1587063222707_0.8946707202804396","host":"s3://npm-registry-packages"}},"6.0.0-canary.ca61b656f.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.ca61b656f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.ca61b656f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85afd701ac0d07f1874dd52e35e3daeafee1ae30","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.ca61b656f.0.tgz","fileCount":11,"integrity":"sha512-GtuIr5yyTum4dlcOPiqLbDUEm0f9JeYQGdyTcqjh5b8h+9QtXgGRfXdtpGBN/9bDSaJJmrc47YcaaYQhfuIh6g==","signatures":[{"sig":"MEUCIQC791/sSc/plqkRgsbVzzNwjpz2NskhX4vJoizpKX1ZMAIgGfTlh30drQXC+qYawJM75Usn2wwOHZXbDDhDmbu7A3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemLkfCRA9TVsSAnZWagAAHkEP/jB8k1HqXcbw4PF9dX39\nZezh9k4pdqoYR6t2aIYnjW1m8nkwex9UrOb9bqJt0ip2BecZTKKlqjYO8Vnv\n+89ky2cRt10IVseUWohX18kY2Q2PyWAAdZR+3iZ15Yd4svJFQzcZMlsKA/Mb\naiuJmvStc8+LxNR/UCDNDPxlXZmW93iiXg/wlueU94EJiBzRXWsbr1fwpU4I\ndk04xy5nWjdyEWh3+grObO3Ikvl6/Bu5tm70VUBmEQha8weF5kh7EZRgDNTh\nyoYKc+cMIuSKirD74Q7E++Lc+Z1899eSbDAiE537jUUr0fPLPIZ0/Y7Ppo0a\n3ThJ9Zawcc3KYkXAfGV/lNSXinC6WvyDL+eAkM5MWva6/pTL9M2ceVMfZszT\nzYlRUF1EaE+5GszlT3m9RVz3LJFSu47HbSEORDsJ6EC4t1CpNZNp6aoL8me4\nnLAddFfhHQNkrkHmoIQa4yCp8D/bnLrZl4WOL2HEe/ZGh45V+fE5aq8C0i8o\n5f3z0cedIc1IWelds8WvLsoktvRT1hDS23XeWrbTl5YbY7feetDWCg7cOTm4\nGNUEVQ1SK6zXxK13R4weBphzxu8YlsJU5qtDmUbsEzJWEPB4tpqmpjsCjjol\nedWA+2L8AeIbTaoMaPRpyp9gSgJzdRP7nuTyRTDR0titvnGfn4MibRwY9sb/\nrube\r\n=5r06\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"967c93bd4843f43b3821bebc6113ab9c73533ac0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.ca61b656f.0_1587067166808_0.4670097837284706","host":"s3://npm-registry-packages"}},"6.0.0-canary.45a6615e3.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.45a6615e3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.45a6615e3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b285471de47b89e92c924fffdf5c06b61d5a16f9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.45a6615e3.0.tgz","fileCount":11,"integrity":"sha512-yP51QiKQoecqQ8Zu6WS4/T4EpMeevVbhbCwHtBQUGcLmfJ2g7TLuTL+r2KMOGorayXit98EtOyAp1ypFqVBGMQ==","signatures":[{"sig":"MEUCIE9UgkBZpYoh9KvYAJ8FFpDkLDzJOA8oFQd9kEXY1vIsAiEAmza0/6Q03IWNfvw0Ky681X6eY7ZDJ1t2CRDNkf0iK1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemMDTCRA9TVsSAnZWagAAejoP/i02q9hYlJwQNRZIdhIg\nN/bzVpm6B0++U1BICzs7yDrmGjRVvB5FI+xFk1tQ/1Cp7QdSiLJzG4SB0pp3\nXZgT+B5Y+264tbgqrWEoyd4IOpGiQGW1CncjF2r2Xh42niL/G5dK0FshMuJ/\nGN4ucEitLq91QMBVSxrtxmQW62msj4q6zANJYP5mgYZDLGn7poDDiz/lKfEq\niJYyAdNWDX/0EjO2ud4+THMm2SVI0iKv1fgrL6qsQoyzKBODm/EmwMwmV4pJ\nOJE0/ZR3zNObhLLKPSnJw5U8FL1zdZeJgJMYvjLemsjuHOc+rEFoZztPJs1h\ndX954Dnekb5ySEFmnLGjGdac3EQBG8DxVfJ3FJe1p/xL/B9idLm+6x/3TjMP\n4MVEcApjwx/B4j/SmZqWqdvbM1io3inkgHDGTpNsRyc7bE7W/f3g+eMxPCWu\nebc7juoQTJTzoaR9cLUB48B3jeUQWyYswAiOplOfDwJ4IwNlQAifdjus4jA7\nIhCRI29JeiUrrJtkWmYZEWQWPu4V5D6qzacfTT5iwPeVlS+Vr5NJkkeA7L6p\nnTDihSFzOm7P2KetJ5kxCB79LMWHyDF08ljYMEqii7U2bWyCpZtoE+gfXmUB\nAC0orkjquHfTN4k013L534FyfXjqvaKEWfsh4ykn7hmAYcUOFILD2MEeLXiL\nbsxe\r\n=z5te\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ad3ae693731b43b2c055b2fd649a42e03abd2a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.45a6615e3.0_1587069139423_0.21729634398632425","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b04cdb0f.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.4b04cdb0f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.4b04cdb0f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05585278dc834b6d5d55b58a782c21447740f1f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.4b04cdb0f.0.tgz","fileCount":11,"integrity":"sha512-TX/l/CbKkff3RoUZlG63HGNGuDFipHz97E7b0PTesjXECBsfN5GYmTDP5MySB+hblmSoWqQnW6shLm0nAqXn0w==","signatures":[{"sig":"MEUCIQCx2DuukhBktECajPJrLoVw5eroRv1NAZ3kEUpWUOXyAAIgSpiGjwR52dO021fyV9KASw9OgWCZwBfMj6obx/xzzLU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemeoJCRA9TVsSAnZWagAAkB8P/1A1EzpPI5AiqdFltFyA\ni+2OhCqGvM1mVRMFG322lGs2qGNXJ1slYqbEJj0J8h8W/cgvtMPEeIOGUDkM\nIypCPbnCi0+Wmpn/xCtx0QR8YJSiN8okPkAypGTaWFsXQ/m0CyCyBRbt2jcI\nThOqLrqOEwaZPZJ8DlWMFykMbhPacBeTHom3/psGeB/nj3PRSbdnq/pidxKI\nUSXh8kYboGNb8frqbE3en35PAPdsTGkFa2gqW14fT9ooKclYe9bwo+KLL+dF\neAlUfbQ3HczUBaRCDMeGTzhq14jPkwPqkdsOxPBWUsTvVuvFMsqhkdfIk2zX\n8cHA2rZ8ZpG/wyC8HmD+lN07wq+zWC1/VGs0wa+qAWPLb589IJUtBB329NdB\nLE2Fudwklcg/u4Tk/LuzpPkhEZoEELkBVF19eZJ9jDmR7cZiQn7YVJsFst6v\nYtzlyQT8AfipwsRQskl5hFhyoXJHMjGw0ckApz1h2oUJl9NbtqmiBCJpLW/e\nfraPdH/vow0Rx0/T7CwUBEtx1DmplJxHSIxTVhSev3wYiJe7kX8eWyUH/LhG\nm/oPtqaYSVS1yHnzutGURrhNwkGWeZWkeexX6r8UG0mTDOBpt9qViXaGX8uL\nD5YYACi2Lsi1CPNpeLkDfsBYXl3HyZn/xX4U7PVacYGXGJX/5RI6SW/ZGB8R\n3CGd\r\n=iZKQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bedcd48d2eb94c37211fc93847852f5261655559","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.4b04cdb0f.0_1587145225301_0.04696568604067086","host":"s3://npm-registry-packages"}},"6.0.0-canary.b273afa93.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.b273afa93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.b273afa93.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00a0e3e62aac8dded403d3ebb8977170c9e2f7cd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.b273afa93.0.tgz","fileCount":11,"integrity":"sha512-E0o/w5T194G94g1I/aMRu9raSWaF0RuCqZ1D9lH5Ok2Fd3X1E8nmAePZJfO+qJYW6+0PH8vHWqLFYiyjSsBVJQ==","signatures":[{"sig":"MEUCIQCxwqaX3TTGebKwank/Vk7E7sjkS/xefHu6Is+sMJDSgwIgQrn35/+IhGUF1FzW73NxbQrair9F1hebeSJldcMUGqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjV+CRA9TVsSAnZWagAANxUQAJjkap1XzxqT4CgJRwj2\nL+oMVUDraV1xQoeUSRzQiATBXXPMlOPknZVjja44TskjI4afjJ4RqIIy1ho0\nHaQVit4b5c+8yG5ZugGk2SdipxyqUBl0dUV524gpe3KM0bwownbvUYUjcrXN\n9Ymw874+ECJVAZ0TCP1UPe7ZvccsbHGYTZvLsta/VAsA1UHrMCGFmAL1uEpP\nqv4C6BKpeIgMUJwFzQuoF4i2ggJRkIp7CaPHuxelDKuHaoJ38Y6/m6LC8Nsr\nulfJls+rk5Rt8FZZMEaEhne/BuLgTA8t1x+Zg0NxsPQ8RibWmZ/PTWZk9DlB\nqKzjQEMsvbKNPVBv5DKoidxY2/d5KGdC6rqazk1qYffP2viG6KCeZ9ixAnHi\ncwG///AMQ6Q1AXeXOIGW7TIqr4nCJtEOblQ2MCSzNOqQsM6PtiyFBrxE0fUX\n70fr9vVBOt9BT66MNn6Z9umVuY5BL+LbHntLSvVvGHDGcytkYiK/rCCFmoOI\nJh0fZOacYnaeoIO83xXE2AZHbf9aM8qL/+vLm4EtoQXyr+w83L/BJ9lzkFfq\nWqv4DKOQvXzKXMPRwHtqtxbsMi/0oVA/HEF49lVwDQMELb+5yYLux2prMIyg\nMC+5SzBlE1ylm9OmiH0jo6BN8aeRz5n2ywkU1kYqWR9MWFhG52sQrgw2up7K\nr+aJ\r\n=eVY7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"446d7bb0e65fdc3259b7b9025c6c058731ff02c6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.b273afa93.0_1587164542322_0.5569093591715628","host":"s3://npm-registry-packages"}},"6.0.0-canary.b70bc601e.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.b70bc601e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.b70bc601e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89debcfd8c03735a5b564b05ba4d9792814c15df","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.b70bc601e.0.tgz","fileCount":11,"integrity":"sha512-Znaw/mZ7BQssg/M6vvOGLzvFkB+9ovwI86tqBXzugbOv7bmEQivKlJtDr5bvbW8o6Ayzzdcfxr9miLCO3MbJuA==","signatures":[{"sig":"MEUCIQCWWaVZQtHJoEWx0kT13Oh8laWxPgOjH/bOD0H+Dvd0HgIgY3sy+ap2cg5snGNRnAQyUfHhtgCZN/1elxqdd3YS/EA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjnaCRA9TVsSAnZWagAAjgQP/i2h+dRjZnlYPdvqKmES\nHt67MhLt0YbjIDh0yjuJN3MvfYEzq8yD9Bwq8pP5b9DN7MG1yFVCd7SOeSKJ\n6GXIptFFT/6JxwsEoAqC0a0Vkzk9tNW3fR3P2G+4ubjHPRZSGAUwlLH6rE0Q\nmRukHIE6VNGdyzySlXvOtcOmNt2U44saXbSxVa3sLyVS50JTFeB4dzIamD4h\nTzoP9veY17Ossq/w0kXKfiJrmjGfQUj0rkae+/LYtzEf/9TUxNiycPiF6Ovw\nc6OLEy1xxw1XtTLgkAyB1DLo+MbX5gmyj6e6z3LYgR3pIj5MJ3TASPJ62y/Z\nGTMCo8IRuSXcwPjs+FHuyU/oCy8T7/ESbvpbQTcge+HG1uwK3p7z/mkFFMaX\nZe3wpMXJpYn3HHl96dRPbPtes6Bz+FmBK/87fXL3LX9GbCmDMS6CgIG87tLL\neiSWzIfM3IYfODSWZ2VY91O0rfARog1IeFKPBrobncAqenQHf2A7nk2887uY\nuQg77zfSy8C8kywUwN5ionnL3dJY0osC48LxUfJ6jMK6Qit+vxfTP8kDiMnB\nxvv4IBAEWz2HXYE2boOC6RtdsC/dKrjXMuAXrMo5C6sxPEDokjPGnER0OQH7\n8fyNbAo2gZZoQD+RCGYenozY6YlByq/pneUAA+P+NUSfGwEWgdgjLFGBv/v5\nc3FY\r\n=CXYN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"90c3468e59a65aab424bb59d4e91a4d522fca3d3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.b70bc601e.0_1587165658291_0.7258858634037708","host":"s3://npm-registry-packages"}},"6.0.0-canary.c4b4bba96.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.c4b4bba96.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.c4b4bba96.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5d6520be35f9c1978dfc3aa17394dc4483bacb3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.c4b4bba96.0.tgz","fileCount":11,"integrity":"sha512-4ZSVBWVGEGej/aHi2uF1Xf6BJ3H04H4Z7aCGV1x6Z2MsMGqaXxifUF42vdb9ftdj09IVcKDtJOeUoOWblaR49w==","signatures":[{"sig":"MEQCIAcYIn9OQ4nH1QamdNYDkNxKdNS1AUBq63l4bODqhuQPAiBRkonxAeSyDCDJKVf+/JZkELaPluj6ehjLsAqSQWRRgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemkcJCRA9TVsSAnZWagAAU8gQAILoiZXbRwJDmbUMDbqm\nm9EIUazfDCggH3RDbH+65YWNPpTos8J8Cpu9+/QQyfMpbG3lSc4ZdhXq8ggp\nfZRCJmb3vD7IY06o0/GmazVgm+5tpKpvljyJ//qV7GMBfJIRruMrvni1iTbZ\naIr5xEBuCNkldQeEDnH3+vmVYRqCv2Goon+BGtFIjRGRnryByRY9liDz+H9l\njHYD5ksFj++m9oDKrJu+E3EsSTjot1X/kEGjdU8ANYlE57MkL8R1KI5LmrA/\nN1n7x3GEhPUZcfwZpIjx6UJgs4OCZNyW/8xNCWpOXJ/ja7r2n+mTgq7DwMnD\nnpUAKoxMBgxrokizKrRMW2E7E3xSg4ZjfKDaGSgJUEeKFC/qRld4JTubdZ2H\nv9DO/u+w6pO+2lCMxqsY70bpiwE+UtpMFHoWSvLXnpm4iW7w5Q7moiqqzPT7\nHpTA4vsX70DfBpCEL0Glg7UlkzpNjpPQIEvJHuC2aufhrahhGgvtISrsdcIL\neWbhioLrJWEnj/Aar07CjGrXwDN2nIsXhHTwA/E4Wg2V0oraQmD8XvFLzMui\nO3VoNWxm7jDla2pBf4yXeBKP/skfv3njOo/PEQpd/8qnlHL69q52MRIqLqR+\ndAREBGumYcoOgS0YgBU7VedDTyiMOzaj55WgWeZNoxw1oNaX+GjvwRVQzWBI\neoNK\r\n=MuyL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ee02a718dbd2e86f9ea056b6199c1664c5abe70c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.c4b4bba96.0_1587169032467_0.7612304821036182","host":"s3://npm-registry-packages"}},"6.0.0-canary.6c1ebc721.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.6c1ebc721.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.6c1ebc721.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51c3acde75b254602fcdb0d151a0b3d86ddfa81e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.6c1ebc721.0.tgz","fileCount":11,"integrity":"sha512-4LA5VywoiH6eGmvH1qrbOk9Du+8Ac2iy4mMTHDV2rMvp7nXlhXZv2KnnemhBgimY5WmXf5WoAcfnjonjhNbsIQ==","signatures":[{"sig":"MEUCIFd3/DD6YwMJzGcwT0nKx/mvaHeIKJS3QukHFXutQ4Y4AiEAonMlYnEXgd23Lr/Yce7j87V6oAOhpxhWBAU8PYMzPtU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenf64CRA9TVsSAnZWagAA6bUQAKLM5CssM3x4rwEuM30S\n+mvPHRTwmWBF+oOCVEsXg3SXqFWV2thOXhzf7tRb6ocVuaML5UTsLXRPEe0k\nOvUoCAaTNC95Shw1EN5Y/ukXV78PZSehu7wWQjMfWogTEhjhotB7tKFYvnup\ntef5Qvqs7q0pnAwjbzbKFbm/y57t4yOYl98CAmLuexgzOngFd3KRxV3WsQUG\nD1moPuQhkmrQzSBMIYA/Oq2DKNAc3qnDFa3X5r0m1XhXtme7JKzHiVYmgPDu\nbgeeDAxp4NG9405kSW8lu3dWV8yuAY4kGmvuc0ePaJ+2wUMu2oeCfQtm6HYs\nFQygprV+NzM27KeAn7v7W96dIMGBP9XjZx34YMZpA2YAOJjWA8zM+8oJpqSw\nf3cmRvNAQZ9Gu5JIYfA566XxP/DetbVF882WMVDjMaAM2xcCLPwkTKe0xtBm\ndVzoGmKx031veAjvjAenDBvJ54cpnkqAa5Ut8CdseBsVvE98yuKQWTyXgIQF\n+TfYrfdZBWen6DW4v9gHFc1c+vG5YsRYkrdwog1Nh7NvG0qwBuB+/A8e+WA2\nbT7EFbRiMnIzjpPDiqNvzPr3Vq7/nC9UBQPm+KC87D2Dvo69E61AmNcMzB6Q\n46FB77rkObgk3+8rpb3KbbFRdqmF1GyCfBNfkanLd132zQrCvVfdIAcXyWK+\nuViq\r\n=WmuV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1a71b1e525edb460d6fa48e392b09267db9d2a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.6c1ebc721.0_1587412663997_0.7154767035590195","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cff4318f.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.9cff4318f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.9cff4318f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d87b0f318aeffb091e4304adee564209651c387d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.9cff4318f.0.tgz","fileCount":11,"integrity":"sha512-nRn1BtFdiogHhPGqSanqgnGkNLgzmJLgqek3ib/aMlbGpEGLXiLPL4vhgpHox0U9j7inIKNdtRnbDEjwrnspsQ==","signatures":[{"sig":"MEQCIAEicT0Z/RijFn6Uguo6H4XRIeDP62RGH9dD0XtIXBAQAiA/AT8SARcbmxPc9RMvdQNuOHh7zLM6NjDbpViLxwFsvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJengwyCRA9TVsSAnZWagAALzYP/RmZg/yozK5TSKxYq0Mm\nzSYF+X+wNwiM8zKvXVIu43erkyYG2zzYEnGyDbFsz6lIob4UNBOmJcmwHXtq\nGmDdRzXhE9pAwOuHzB8JwQIHwvhM2qEoWM4sIZcDTmjjwTJXVj8bnpgbStYP\nc14pmwuXkjkkF7EXk+TB1csbMy+/Yvd/xEiH9zd8Dc324434jvGgozdqJjH0\nMgS5HXHnfk+dvWLSv0ZYuul69N1JMbPLNjNBgTdjNdcgxUSDp2HZANpxLw/2\nQYiFoSdIuOv0p/ZIlxCHqi2fpqmj17qIpGhc47VM9aJVqZKX+d9+SYa9yvFJ\nTBpNO0Y5RUUpNlzcTTkFQFnv49YXlKm5mFr4jQKY9w5e06VutDErsNOMfCTd\nCjE4JkyYIMfMDn+pLhLYWi52eceg4SOIqa2brSNKsHiCrRr84gf3+1Qf6rnN\nwyMKkEs6P8238SxfXJDD709lEcgaciWZcwX6bYZ0P2UgQY1R+fmEjr6Xw97h\nyljMANZDYG+0P6x+vHMcw5+tFMU7cONmuyLIjd/5b97WKIm39SZoaCqR9iAK\nC9saEcsafUbzrlXp9KVk9ErkrBV1x04Df+punCXOTbgEPaY8DfPdSMngbolg\nCO56uqTFbhLMn46Vs/FJHxJaUAI3VFqabV7PVV5ZxB9RXKgStkEYpjaGMHNT\nZZqp\r\n=g6iX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ff1f177754c259b5b0021494616e96f7b6e0d8d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.9cff4318f.0_1587416114454_0.048946399720366296","host":"s3://npm-registry-packages"}},"6.0.0-canary.7b4482402.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.7b4482402.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.7b4482402.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ea99d52f52ed8658eb4d1e59173e6a709334747","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.7b4482402.0.tgz","fileCount":11,"integrity":"sha512-Gcd5HnfThMbnQHrebGzRMIwFHHyNvn7nDeaPl21kw8TEpWSj2e47gqAaHMxKFo334LDQI/f+VJkLd2rfEgszpA==","signatures":[{"sig":"MEUCIQCiRKO6WFyVs1WlKQz5ssdL9wQh0tfjIFsJgX70GAQfVwIgLz4tJXGrgv8Ofj9845HKr/L6XwMM/NMu9jy5vYxcGWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenh/7CRA9TVsSAnZWagAAEk0P/jVr8eqB1H6r/PK4QLGf\nZVqzB9QWT7Fgkuo9qanHBtA74OaqsqfZwKmFBVOluu/Id4Md2293gxjB0o56\nZbFdQYqcen+rXS02nL7dwCnBnjgDNodumlic9012ECBGXBtcBREe6L/V0lg4\nsCOi9QmNi6ggyditwq7pINRNsKQR/akpj5dM/snxUWrBliWgv04E4P9N7vUx\nrGfTActCfbfzU5eDMP1S3i3VQLBZQ3sLZ5UfPOy6W2HJAlWFhbIw6Sv5Yd5k\njDECP/6VVV6OF7Zj1AwOp4sGk8sqL6G/SOxUbMH72RSb/hNdFaHywCqntGVH\nfRIbMBSyVjPtFmWaphlVF8LM01hu9ybDaTNJQXZPFZYX1v7ugLl4sdksEmGG\npUq+HVJEFfZmSHG7P7PNx4Oxe1DpnXtrLT1HYqd2NG6DtJCRsC0ZP/F4aOzd\nNsVZKiJBcJHq5eimTKfx3HyWf9vJXuCAf0jFvtptTH6W0apE3ITwghgXsc0/\nY7lVQMRWSICrlRp9i0TocCLA4+MJAkg3rFKpQN6EhSYifsw8bNZ4OTd1MS4E\nhOdbiTC4wCA1pPElp3urRnAG8sOvWOjfHtSpDntYOyl++5QvMK11KjBnoFYw\npZ8GVW+FT2KoJ26hiyRUnnYn4RYvxyKL73hHHxl96Kvw1TIEHEVrWH3hkaDG\n3y6E\r\n=hp82\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c25f7586d29e2c5a6d3c289197d47b826d499cdf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.7b4482402.0_1587421178958_0.541086504248204","host":"s3://npm-registry-packages"}},"6.0.0-canary.deda86d8c.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.deda86d8c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.deda86d8c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"754f710c20923a9aabf380733ee2fe914dc48cd5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.deda86d8c.0.tgz","fileCount":11,"integrity":"sha512-/yqOJe32cWK2xDuimMA084abjMtqodBSuORoLrI3xpwHp3ZHhdIACrdalLZCNnO9CYADoVlrrwSWlw57j64w5A==","signatures":[{"sig":"MEQCIAxaFGtXQvGcuf3sYqPGyUJPuO9ccozaH/gV3FGINdYtAiAUBpV6K5naI48rG8qlYhgCICp8oACEgxkFNHMSONT5Uw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenkjkCRA9TVsSAnZWagAAhwkP/j6PIkmUmE+DNQ1lEcpc\nilHAxTRG+LNnimtTT5WbRKsg1VtglerPRb0UUmFiqJb47scYH7aV5aA7o9Qi\n6EfmtXEejBnxDRd1MGAKJaHUHJodF0DaXR3TYT9P59klHQsAwkh6igNL0gOv\n7guS+O4O9bvoYQSUwYiavMOu/2spiAz/pr/fwG5MrDp/2WHPs7naAHhC1tsQ\nClIxjo/X+8v6KdcgZWdzcDcs0h6y1pcSOsnBNIiEB3qpXfkeN5BjOS0gqhK1\nbMsvC+RSS85ZogW/Y/AEChifi6L+D3H+706I7yvaASAZHweLrUNpdNCvAM1z\nNebCkqrCi5dnAk0fX1w1ZXZWSNE4rFuCqqzTirM1kkjR5w9ZJv2CbrskmDq8\ncf0oZjRH2h2ilUN4cTZVfqzwrjRWrrOI4uvjkQcF1wdeB8DZOrR23DNo/no2\nplT/hYU10C1mw6g360EHACck+FG2aqDIy3Sr1DVhfyw+3FFt0PVX5ZYPpNr6\nQm9o4yB/QvOhUGCABbMXvZzh2nyufmbwPhviOeApscYCINfthUK7Fv0F0KIT\naqVOJpbiT1OdWqNf86uh83OpP32NzrcMUnNDzR5IHQCwHeprrtBU3hXBAexU\nCJqb68clHCcQKU/l+ZTzmnZXbmyyXOpMtLwmJnof4WK3BpNQy1mRZo3sUyZK\nDWSM\r\n=xdaB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7bea6ac56136246274e77c281cf8c66e2ef3e6ca","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.deda86d8c.0_1587431651577_0.11907660306442058","host":"s3://npm-registry-packages"}},"6.0.0-canary.d10412cb2.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.d10412cb2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.d10412cb2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93834d0e92b53768e9a4d824c8b8007da124fb85","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.d10412cb2.0.tgz","fileCount":11,"integrity":"sha512-DKCSKdQuhklo0/WmNzH+U0ypcw9kaUaLW9cyUzNr4X7BfQOIXsg5jixdXqDb9zFf0qC+OaUw6vhmkpOM4F8ICA==","signatures":[{"sig":"MEYCIQDI8VSIg91AhEIe2keQgQykfZKgxWAR5XFubTAEAWjX8wIhAK3Mws5j6UmGLTSGTqRfmErYIvecgD5O9/05ORNUkHQb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenzjICRA9TVsSAnZWagAA2cUP/i/JcIY7U4htj0UEqcOH\ntGhrekxGqK2kZ/YGKVc/6/q5qZbFCeVFRHR+pLvbtgS+W2sTnCxOMyI45FXd\nrzyDMco7YEaesO2dzynkNOlbL+XBcj0/gCO7pvv5attMvui9yhx4+h925z34\nDU9L2rhOII07tTYt2PdOP+WAAy26mmcRiT2gzSEcqHo/8VnBzS3IwQbv4A/O\nvC5QL3NEHBDOMKhGXe27sGgz80mmeZEXxriNhAfKvjJIFHQo6DdS4Q9Xywwn\neoVXA1bZlVMXUY6Kfht5AFANMjmAUrlwWS/VcwtqUomH//286Y9ENLacWnRH\nahwfPyqXzSyDbQEmXKLZC0chiC6yRue1j/6ssWURSKLT1pomqASfmHRnvk5Z\nl4VsMt8M+3K6FTElp6OQaZy0bbFnr8XJXi2l6g3nFFmUYJ69FfIKNsPJt+bL\nxZYKf2CehYQr+Elos7dKPZ1hq7DDKrS0kCCvr54BsWfUo0q7nDzklEQ0j0uS\nU7r8ieTt+gsvzQIzOBQFI2zW13QD4m9VYcIsj4Esld+6dKYygq9orQkG7yHr\nPnJPi6ndBx5qSh3DZnyL3gwTmq0jQQ71RTRWmydp3eAxl5l0EkrPiVbe3f4W\n3yYUHx4DrnwbspqT/Oejl1OG9Ls8cS7mK9DT0tR1xPw70uZ4bFdRUtYm5B5k\nHlmq\r\n=CLdc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2946b5762e597bce2d8e4e72f321bf4934e4543","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.d10412cb2.0_1587493064053_0.7453838687732017","host":"s3://npm-registry-packages"}},"6.0.0-canary.c141801d5.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.c141801d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.c141801d5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0268b4ceb00aa826ea5c8448e0043908615ed3c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.c141801d5.0.tgz","fileCount":11,"integrity":"sha512-jz2Ld1cT+C3DS7De7RcbQczPSq62X57xGR8VBfZvMFfN6cijVAcLWZG0+28/9vUnuLbvwFlpa1DsTMNc2lrIAA==","signatures":[{"sig":"MEUCIQDDcFBvPKSUwlNrsUeKpf2I27bHNmIDaWutD6L4JW8EQwIgFJr+qfWu/oQJCdba0dJFPqA5SSHC4AkTzJGpdS3mr9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen0xfCRA9TVsSAnZWagAAGbAP/1CE188Y2Wf64BmMnEYN\nUNyIl5pjtcYXbWHz+4OG0zLTrkXJaTZgVBZCw8RTrNkTuTyosrYQRwU7glbU\nZr21ncn5dswqQsaPHc5fVY6EGZQzo2CIzfqSSJdGHtckUOxNB1IPZvZr1LrR\nGfdUGUUZJ24//twaBQM9hFuJ3/MdL0Wmc6EeAt2vhsrBY5LqiTe8eB/IdlgU\nsTcLkBeTGiL1yH+rYh33tSImv0/cEAmALnrDHSpIWB77Q/t/CMoH7NulAsKB\nXGi1aogktOTWE/mnPotQ5u6hjr1UBmdwtstkp8E1VCjeYxQlDmOWBWMCQtah\na2Fvqed/0sMtzoSWwXF3fB8dwXziCZ+bAKenerGpOkfIgXPLhs8AS8B9aB8u\nqVAj8mJOeeiuv8h1aZKfWVNAoJb2ERyg53CT9PH6OT70oZDzNaa/fMxtvbxU\nb1WjYPalRmlgrtwlPRcqdsv7PsfDsNDS98mdwUkhR162rczN+9eGmc73YfsZ\nD9SJgHDbJaPC2xoODZDgQe2l4u1aXEgsGGopFwSEeGlfGixlBVsPfLL6GjW9\nFxVkgRuvvUBAAtEsWPnd4OtJUt4nZ7gkCAjZFugVycdGey6Tr7JjM9HGWc5Y\nyjMt0tr7e/vYirDp4B0tPkxQz5AF3sTa7n4MylmqtVIDRWNZSg3nf16yOqND\nvExl\r\n=Yabs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d026173e9bf7440b69f1e3e7e4c1bd60dc5ce6b5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.c141801d5.0_1587498079318_0.42593923117254273","host":"s3://npm-registry-packages"}},"6.0.0-canary.28d10a96e.0":{"name":"@material/feature-targeting","version":"6.0.0-canary.28d10a96e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0-canary.28d10a96e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc34bb4f22e16817512f3fba283b2dff02cd51d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0-canary.28d10a96e.0.tgz","fileCount":11,"integrity":"sha512-EGDJpKd1PRoa5OFI6MrVAqDVfMpl3fIG98QRMuKp8GKdWtT+cpwKRX9GQ5AL4VohYR4c/ZXyuo9x2rghjLBrvg==","signatures":[{"sig":"MEUCIQCoqvXX2kgFtfKuFNrmGTiExskj6NwsNFJxKCqKJ8yoVwIgNpM6nYZwI6KRoRL/fPndIdxvTmpGJuiLPLm61dmK8OE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoL/pCRA9TVsSAnZWagAANSEP/2a9yHiEvmbkioJUSQES\nH1129KOV1Dje628b+qMO2wsZ3d4Qj4VBvsRQLVeOp5DJhcln5NFgpJFvhPQo\nmy75iSMYtIPe5X63BU5FWkDviwaHqyiZPIH0erXltyTKkPWCATNtmL4/RvMs\nqqBPatO7Dpgwpw7WC+8sug1fle4yxlo1Z7eqi0IFMFEkWTeNSx6c2cq6chLh\nzJFXEbBZF1vAUM9XjmZuYNOH2H7MAZP9ISc5A9Y1PDcA4pLGCCyU+vIDzv80\n6w8jY3n5C25EcuD94/M1BuTTZ8gju9vbGtPYkq/vM2GeIHAVKjgrqZpvc60U\nZMyVska9x3OkEWib6+lPv6kHXxhdUgeWp8WSFzFYIHgRu5y6LUf1aB3NhWKs\nkYXd0l/0NKz5EZ0RwKlrFil755oiaoXuyUBvClJKHuFdXinRR9JphvMDDodt\ngxW3Ynmx4PZA+Gu6LK+gHrfk6B11HwIgY9pHUpI/8xeS3jLGPP/G73u52qAi\n2EriY4zVHxgDrQq+W/mA9cfKatIxm9Rl/J+3O+1dc2hS1JNoVijkl+ntrkNd\nj0fOM/zfhGCBXG2JtLmF112qYWjylZ5ZU3Y2URV6TmdLsYaSN+bspMkJGylT\n+yz9xWExZDQrr83w4laxjXnZalHoYdUy9RYZDVUHwveN0Y0M99p0cVjWA6/K\nyDHT\r\n=hcEi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20feb77e4dc8d7c73f3549e0dfea4b381106b061","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0-canary.28d10a96e.0_1587593192928_0.9934910860778623","host":"s3://npm-registry-packages"}},"7.0.0-canary.8540808be.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8540808be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8540808be.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9edc91e68eb75865696946fb52e0dd43f0c0e9a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8540808be.0.tgz","fileCount":11,"integrity":"sha512-UtH6aeFJSixwRLyvkfcggPOK7JHri2KReTcYjmeRY2iPXgjPNNS9wEUIlSH6uA6ePEoXXg8ADmaPfus7iCFo3w==","signatures":[{"sig":"MEUCIBwBlNo0Q90uKFdEGz5Q92hZhGkld3eZ8tCUcnObw08pAiEA5L4SDOao5r2aQ0PzsyPhXmkWcyp2hBmooYnNw3BVZmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc92CRA9TVsSAnZWagAAha4P/A6rKCbancQ3xFThksyE\nv/nK1VLpFlkrB7SNXj9i7S9YM/kiJ9KbFK4oYEqcz4gSNV22m73P4EUPGpjC\nD4kNvosgjHQqF3yMKEjwGhrCQXWFMY8mG8ZtB867ds/KBF2AezBOpt2T+QYb\nbd/fdxJAAeptgJGsn+tOf8Y0XZfYACZ5eD1MqclIlHDzjloSwHj2Kk11e30u\nfKeVfP2Sr+h+LxUzmQol7LdkKuK8RcOFl48rn7W0ecGLPy6x0eg1U3x1wpTm\nn15hE2B2gY/wKvAwoW9YlgNp9YUABG0QWonsvdBatg4+a26GvrPAx2d4T1B2\nX1jBMGidjYE4TsjfogLrdi0pV4F5Kes/DuwnaMpgbQ8HLcvCNtU3Q7hzUF7O\n22cZ+3WF4r9LUkrnP72Fc2NY4QT/lXzFN6DqFrhcq9ojJ9oRE6xUlR4zWybG\nDWvhDeLDt3JjYgXTkOkE7PMwir5HyURiZvwdbm/y1RaF+9uHmbVRpJOR++/F\n5i+fNcrSa0ZafdwckWfM4RiZYffmF7byUVSfPQ9dJjMeogmS+N1vKHrl3Ok1\nAT6fzGPXFXPiGt6qNqD+7KrevQhpKWdzKP0WjJyN27YmYb5V/Y1bsGdhUIAH\nJEQ94NHMzI2VeyC1zuIAmKpXQM+/5gC43PB/4b2WijG080F6QQIF5FHB2mDv\nnlv1\r\n=WPVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a99320a8e5b4b718dbbcaeee1ec4fc8feb72b592","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8540808be.0_1587662709951_0.5679139191782023","host":"s3://npm-registry-packages"}},"6.0.0":{"name":"@material/feature-targeting","version":"6.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@6.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8dcfc470f3c5b8c7e1bc04bb86b062a640ff03a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-6.0.0.tgz","fileCount":10,"integrity":"sha512-REj9VJnqkGwpngffc/iHGPt8WTF27QFPWDD8VBNXaP+MmnpIu7V5q5JMoozKzG5uk+hVryzam1i2PJHztizDXg==","signatures":[{"sig":"MEUCIBs8FR1BjMqJRGrLe7Bf9ot4LrwXcyTK9GNbDJh+HRXBAiEAr/J2ccwyPbEk4CAFlJvGL9ICqJEBAZ6iOpt2Y7yqyGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc+SCRA9TVsSAnZWagAAxM0P/AgFME/BYgqpiblktcdw\nIoIP/fTdYqKOL/ObejNotKHSZYZLnQkg/nFm5S1vmzcy3aqBo8JTpDcMlS0D\ng4xuOw0uzkmB4ah69vZHbGSYxvz0Lph0rLopt01FMb4ju15qRpbyk6Rkp7Nb\nRThcFo6QmNlf1w1pN6SiZuvHpswCCyAo2CUNCnCEj/fRLdfVJjW1b16e5iuj\npS3ArbwMyRuidvqlrSWU1h9LvuMUCDMfYd5+YP0hl4ra2gtrZgxUOdKAbAd/\nwDop5n44Z5zVNQyyc9S7YWn8XAfl8BJHaKL/L762LZruac3wmXDISDaFhmEF\n1IKBVcGUeA6UJ2dxosaHGf67f0C6P2UZsbjys4NyseX6vZebcZOjT6FD9tVL\na6+583mLVWDTpV6dcT6NAat48r7MqUfJ27JtxQQBR0Rf5NLdHAqppCP5rHTt\nIxfww7wPass5VFdoaC20bnFK0qH871gGnQp1VFaOehB1zFaPpZDdOZRi6jVm\nX5E8biz+QEyIYCIY13WbcEWsaF2BAI1EtIMgSCmRJ5jziBKGEYHjaTRmsHMa\nqBMfdJa+p4SkEig/bnpTgPz4g9NXkCKsAkK1ZY/SsPvrmaHU5iNMGkNLQxcd\n10IkhC9GxdOEYlKSWUEAR7Lblbl3mGTnLAL1zCA7wzLZGURywylrIi6phHSA\nmv2b\r\n=0HBo\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"8540808be4296e60f1c1d3a637413e433ca7efaa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_6.0.0_1587662737771_0.4766450413620178","host":"s3://npm-registry-packages"}},"7.0.0-canary.2673adb74.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2673adb74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2673adb74.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2723f05e11be1d6ff5dcc0bc0e48605af507ae3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2673adb74.0.tgz","fileCount":11,"integrity":"sha512-49UKhEaMm+H3kydC86DEZLbAn8L42uEgUdM6cGbNRtalk0ls+eTa2G0gv4+B4YYuiO+o3HLl6U/H7SwwrDXbIw==","signatures":[{"sig":"MEYCIQCSEBdsB9ft9/udlWyILBFnBuqKU304HteQEZ72lbh+6gIhAOT0VJiLy4gUfI+Pisrn0h8m3L4m3TpROWMNP1fmovFW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeohpmCRA9TVsSAnZWagAAZ5UP/0TmjfGGhMZx0quBmqFD\nQWWBh2GxIUUFQ7+KzndG2ANB1ce5RI9S482E/wbCNk25eVIEOcrqlQvdf3hE\nSlefW1+aOYb++ZBrfIBl2YSUeLTPQG+v5oBD1vjfBc7Jg6pvdDax6/j+AXu2\nnIIPNwgWY7/PkIrkOPHtECjZmo48fJC1KX/I3lsCqH9mAyMRVwvYmtbLTDQY\nELiNSuG0b/Je5+hssPMP+wqEbbxoZsnU6ZT5WN+GuF14oZj6Qn1qyOgMYQ3G\nAgU+NBZtoB5rEs4nhUY6sekVcPzhZEuC28Q0lIw2cKuSr1lF5YBFb2HXZzAQ\nXBX22NeEDsrxphznKPyOlV5KSNZkFU3YRf0WL/Hm8WYHXqHJIyJYBaNWmEnI\nBLcAMbvTYx14EabFhLji9DkcYS1igt7m4SWh1jqmkEAudtsxliuzqI8Hva1l\nu3t0KNmohkDqKOe2q3a7pzu0LWcwIkikv8Glaz/ayfWkAmwIytiIGNbokiuv\nyikKNptwWJgWe5NM474ga8JEYp/SfUpOtmheR3jyMua0aHI6hU89+UrSX8QW\n9lki//rBf9iYq0gqXXjsjtrVM4u6/9lVqSmmbptdGD+eJdn9KL5lBGDeQf7P\nB64Emv87aaxIGYmN7nkBXnT59ocyFv1dUnbcTmq5qonwYEoTVXQHT7LDHfzx\ntmm0\r\n=QNiL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9cedd1d83d1c7d125a3ed38281072b6e50b57e9a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2673adb74.0_1587681893755_0.8581386028778719","host":"s3://npm-registry-packages"}},"7.0.0-canary.b10d0d7f1.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b10d0d7f1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b10d0d7f1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17e940194a89de6a6f9c98873c4c3e6dda03c5e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b10d0d7f1.0.tgz","fileCount":11,"integrity":"sha512-ZolBPpgjXurLQrN0+QpE3xZbC/QQypCsrQOJJgmvw4b9plrNdV/E7K7uVT4IkhxwJW+PQjBz+6eNpfbqOx80lQ==","signatures":[{"sig":"MEQCIAG0LhGg7wbb+DflbeQd1biQk+EB7pulSGG4VPzHdDTfAiA0+Op+N1CXWasJXV84J9nIsXEuJAqrsvky5BTII/7Xkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojDMCRA9TVsSAnZWagAAHHwP/2NgPo1Y/eoRqp8DHt8e\naWQswU3emlfN7TcIo+4Wimatg3Rjn7k+vvafsaptvocHCmxU646Lezsa+dgs\ndm2rzrcYtsr1FOaq3XYxV18wyeh027Jzf6IBvreFxTKC58+Tqoik+fQcN+7N\noXpcQbcNyjlDqFDYVKKrj7Jq/KUxQKcObp5x2NrNP+D/CmS64wWCjtEnLmoJ\nCHVbvyurtKUK3PF7u66skqM7Nn1OeO793lvGtNpxDdOUle07WyIWQO2NXAQV\n/kmlISpP6kRctl0PrwVO/MAz4LiJbkiAnqqNUhTvd7jOTJumChCeSgKBqEXk\nN8KlpQta5UVafPf2d+gwSDOBIGxUSlkVLfM6gazoLXXc+YT8K1F2T3+0qmSh\n46qMai6oOUVHnnzG9PT07u0iFO+fucMhYaGDFs0epGrP/vu4VhXi0LvzAvL3\nwCEijnKsWg3z/Bn2l/ssQdFHnS7CUFOIQkpKOEKkvXfAWabZLlHrVFjttbky\nGvxs7KwgeMM3Tob6zunjS7i9T4F36lFK+CPrdw1gBXfrLJlNSaFMwTfJmzeq\nrHCaALUKfZbuQ7WjFKE3FHkTh0C7/X1e9NMEHTnEsPaTuPz+3rrX8tN26nBz\nNLsz71Jv1hQ5FSGdW/MmZDQoM14wYegf0fl1Mj+PX8UzKEn1z9V8VVKAmZBz\nTW+V\r\n=nA64\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"83fc566b3c065e01bf601ac65cd6d17b634b7872","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b10d0d7f1.0_1587687627578_0.14167744610537603","host":"s3://npm-registry-packages"}},"7.0.0-canary.3bd8c1bac.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.3bd8c1bac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.3bd8c1bac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b57eece2e17490e0f95d00b18392d90034de06a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.3bd8c1bac.0.tgz","fileCount":11,"integrity":"sha512-KtcYWyLkkAZFCWNpkeCnDc/v3eNQwO1ESDgCkES9Yy6U7BW177cBfk9WWmu6w2LvBUqJk/f2sw+1vlp5oq8d2A==","signatures":[{"sig":"MEUCIQCxxs5vzDPmMkdxqosUSLHJFkmAm7s6awYKXZh7f/WwNAIgLaEpiNbnhRofonWH1/kQTWraHF4q6iqCUAHbANc4xBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1SWCRA9TVsSAnZWagAAaBIP/jyxEVJGm9l+nvcWp9bw\nDsdYYgjIQwkCoO9xVFQ33zBzFLdBIry50DPpR1VeFnt2olqY8rTC6nKkLIKJ\npK6KvhpymZ1XB11lg9wWDBZNMFohMWcn2j95bI/zsXHqyXL18T3iSQd0Axfm\nIj/CTa5Cugk6hFheaS6H1XlvoLx9b/+Rzp09cfCT4PskrwBIeFqTXVL72gQu\n55nPuKRCLx4SUcEUGVZoKrmGHw0amWJR0rVC6CalLAPJbEjyIeE4hfGA3uPa\nZyWaDbd1tNq3ub2EeJQ2DI9hFL0nesD3IxX76WVlxZILTrYZGlDUkg2yY2+k\nqn4vN8nevR4LFTels+7wS0vfebfPiaxz2WY1ciBGscwIS8wB4/v7LwrdQWkC\nqyU5XmnTGwsqOotUTcc+rABQXGWmrNItqW4YQCsNqBmDdieri7wv0WTUiR7v\nuGB6LUiEmwsjhNMCGewGn/51ur1tZAW54Xokoi5DtXB+DXsJ4H7wh9mmOpDm\n1ZZUeADxWeG6eEFGrGRa0pBGaBKZFFi/TKdlScb4PBVznmXFNHxpq9z25pAb\npoQnhn/Ts9TC+zdi4YcQ7rNO0nC64fYR8+61TFH6jfRpDjvBlnk8NGhD1hA5\n/NBmI4tMV9mxleR5812zO2mxbg8yVrHR14bqawB+ZWJj6ocI7H2nipefrrZJ\nWrl3\r\n=6bXL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6f324d1b107431694d9112a3e94b90e82718ccb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.3bd8c1bac.0_1587762325851_0.8451157306780601","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83c8dc22.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b83c8dc22.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b83c8dc22.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2518d5b35cf32da977d19e57c3553526aaf9654","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b83c8dc22.0.tgz","fileCount":11,"integrity":"sha512-LsVre5Iu+ULD4VENr6EYKAlluiVuJqfjUkbpRtsAuFxcTDxQAJx8ivJpc0BIpCVfysgtkFkCMLw/OOFKF8RMFw==","signatures":[{"sig":"MEUCIQDNuMVHw+3KWksEFi/SCMD6IMd4Zd8Hw5ry4DOrOabuGAIgbcbbRa1PbqNQf51nknL0b31vhE24PP2QA2xeggp6DE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1eUCRA9TVsSAnZWagAAMtAP/1k4iWYOZge9Y69kOR8p\nVX6MpGQ+yB7Vul6Vl3hSvD6JupokW079tXiazoH8cR+CSE9q0vodKNXV+Af/\nSjqg0wWna6rB4lYG4HTqFQQO1BhKR/ix3b5rdgGlkTG7QayfmGnxJChpCQjF\nipAVbNjhCS5x4XL8VIEB/eupqbUAZ9nidNbkWsKISCcVMzUUG3px5Nf7enBc\nm14mdid+eIZ1A7JzYgs6QLblkDux2QGbTZTYJKxKF/Bi/vrrpIE6i2ZUnFRI\nNiggKQGtu5HtlUWss69wlnwUO+88nsyiQNGOaqjN1ssLHRZdlNr1lAHialOs\nw1Qp1x9himXUie7AOJJ4bCKd9GQNS34lk4yM+kCkdIaqZYRlf5lDd1uLWk7C\nLs489yes8M8M8TdCh9oK/2VxukFkCSMbRiFwLWfckCB6n+evE/dimJ6afBlY\n2jsuHIxc2oleAgn8F4O0SWt/6SD2Kba+PQxTeF7iQ5LHJjvJA2yqF2gTz5/2\nxzL2dHaizEh1sN14sCTtKIpsw1UCKVP4vALxK2m62R0EeT9S2JcCUD9EvU2L\nzDu+zP3i384mAMOC1Jt6YAVzPudgU7nQV07MIn0qQBzIuFshq5sOy6UCPefx\nuUKe0HpxlEsZLLJfMr2JjFoMDlTSMyWCTcNN2Ma8B29N8jqHs9egW58/S+Ab\nRyoo\r\n=SAP/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92cfe3e927d76c82fa2d8a864bb852b8d19f30e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b83c8dc22.0_1587763091571_0.7684883019365407","host":"s3://npm-registry-packages"}},"7.0.0-canary.1b3dd846d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.1b3dd846d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.1b3dd846d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"453e48206bc938682bdad2aa69ccd9147292fd4e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.1b3dd846d.0.tgz","fileCount":11,"integrity":"sha512-CTOdWrOVRKjoykXXN4dF1JsZc/zM+nmT8EY7gjbmfyTdkL0/a0ZVtiUpH+JBFAx1i3u5sxzApjrki/oZFanuGA==","signatures":[{"sig":"MEUCIHNs3PFrCegn+8Kl8nq/NsiHcKaz52UkcAix2lIfd7rqAiEA2XYBKqHAdjrwEUptawid2+xqgccZvi67yPwp5YzCzuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo4enCRA9TVsSAnZWagAAqi0P/1JLQDH9bSkKBIOnGkve\n3oooksuXBxafQUQXztl/o1QCTkZ2YLbI/8iaU0nFijG2iMuj/VoehxtIN7NM\nxsTMbBQZi2RFkABX4TjBPDofImG5UEVBz4XE4wH4B2czIK37IeKtvEqktDVb\nke7he1L8NKEOdUkLY6FWUMS+bO88PepU5G5KGmjt8RErIAlEPJqfx9q0ThyK\nkdxDeTW4zXx7C7vD9KoiNdTmveZ+68cwHyXqJENVd7HRj7DNlkb4+KdGrN2a\nLkbZVpaoWmKRkPhPbxRfMFPi+AXHFJaigmMWgGoJKMfQl7QfrTrUwiTXZVdq\n6RWUXIvEzFfmJ/kpMYWUtjC2HpfuFvdta+sCq77ESMchQ7GRDhAGd7dyGPer\nvfLZVyeEYZaE/+27BNiANXNcLskqAUR1zqMqGPKyYCaV/Xp6d0jIKCrBO9f1\n7A98Y7y2VLk/AAzwAOnTG7Dx/gy7o575XMCn5kaHiT3RXFC2OBVm7F+UP4g7\nuRSctHhBlM9tlQGagkEbHOkvWo03uafte2mMB3cpXrRi7cE2r9tw24n11Unm\nbVy0sVCKVUxEFd4rNv9J40gTqj12mNNwONmji7OPtC8FRFyDlfaJIgIJJVD/\nYWJZq0K57Ctf2/nSgKRkH6osXWpDCDZcvYtQfqR7GF8eWKs2o1Ae5oPMhvFn\nivxA\r\n=qtf8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"370fec5aeb98791d923dc357e46611e61cf6eb0e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.1b3dd846d.0_1587775398823_0.7222558264446042","host":"s3://npm-registry-packages"}},"7.0.0-canary.29debfea7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.29debfea7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.29debfea7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b74d8cd5f2798e7c59aaf6ec529392dbf72ac414","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.29debfea7.0.tgz","fileCount":11,"integrity":"sha512-69VTq91tKB6eZ1ARpSws5FdUiHSPI2TO1XOhqQy2iDlbGR1hZi6oV0xQ0xeFC0p6fiqp6zs+B55Mbo5hk+2EgQ==","signatures":[{"sig":"MEYCIQCM2LmwjFiDXdMOTTpMP4oVuJOc4D7LVf6TbCPdJpzzFgIhAMkuWGB4X23wsdHZ3PYQdzqTYPfEj1PZIhJIP/7J2R71","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeptCdCRA9TVsSAnZWagAA2z8P/2UV203E/bhuqhkhl/ij\nq9cZ6DCts3G+fvtAXvvnqnzq7NrGikBkGOajTNtIZuWd3BBtk/ai4zWK9pWq\nDCpWqHwvxDrJutAoBIrHvaw6dbvICa+K9TOxHtK/McmUUzwDd4eQox4qId9S\nn5Maq5XiMB8hsTOhfuzUVpw+OtBy3Fy+hMGRdXXXnLTyCBbKWdUVOQQTh5fy\nvEOchIlClV2Hm4RDK+cnVkoWEDTuMwLBUS3JyHKLV8XvgUwJ2uMXZ1bV6XUR\nguUDYasfmZBQIKjocjtUjIxc/AcaCuQCOfMAV/EZJcQNOEGZ6tvVRKg6K08Z\nCQmM0igobfozVXvgXM3pL/mN3xYN5a9MlS3qXCrrblKLp3jGpToDKlj7AaxG\nPSy9/eK+DPp8wqEnL7aJ5Nn9MUSwfKDQO3QQnP9V2fDzCHzvWRo6SSMdIe5n\n2jEpjPmuTSKVjlAb1UBM31ASdXRbbUj9rFasKZV5ArbmVXkUvH4N0LLDHngz\n1+TMLX9yrNZLVTjvWWxBLgpFStVSficEMzp2tTJnq3VTfrkpaoTi1MDggIo2\nIaodmZc/qplA1VGv6LMFV09tZeqpF36wAV5cFmHAkyLvyBFCk11sLH7uTRnk\nb5CPlzrFZAZlDsMDaCeHGR+ebvKiLDVm2zq9Lxci/d5DJfXpbMk/HugtTO2k\nIoDM\r\n=D1bv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f121c350e2a52fc59191d5e843358aa3e3926ca2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.29debfea7.0_1587990685349_0.47429583585912405","host":"s3://npm-registry-packages"}},"7.0.0-canary.28d32f8e0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.28d32f8e0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.28d32f8e0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9848a77881de906629079100759ffebeef21b5e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.28d32f8e0.0.tgz","fileCount":11,"integrity":"sha512-ePLFvCxOrtdtNJDOQOhs1qIo2DimHKbEbUGymoBbLyPzjFCTRvHcHfC/6EjtEl0VBZroUGZJ0/p9frsvJSELhw==","signatures":[{"sig":"MEUCIDf43Uc6cxe65QxZ5grsSRwIP8XQWlkDKaZ++8oFw1neAiEAuByZEBozG+jDoMDX0mEkaDjDQxSOxyd7ylOR5B2q9o4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepubECRA9TVsSAnZWagAAekgP/imB3Or59mbUQvRIVT3f\nqaHLI/y9OIkOrKkIlFM95iOciv0Sbe2NXQf73sLAj7l2jlArOYfE1i7hW8Yh\nIXPrX235ZY7FCiMnxcxT1gXo99/HkT4QjvX3vBr/RB4LHMyMAICZbSe0Ud0S\nsCIXNi6yTmy3GFq+Ijbf+V1UWnBWTP/x0bsQW5iYoSC2fou6bPFjBeYGGA7c\nQZVIxSk1SCfBmyAvbwOboLz/g99dfIYg6NmtcCqC3rsrkgYnvv6y3LuqtcSV\nRk64OoD9r5NAsOF04IkZ1XXQ2USY3n+M39o0cDfJkrz0zDAi1HxviKrn+b2/\nLxzqUxRRss58ROQdtZbFFXYZ4xl2PiNadxm99zq+Qp4PdVi06mC5f66xN4iW\nW95eFzOclSEu1nqaA+0yAcLDS5mb+eBG0b8NNttmprGm0YCTZiJN+iwX7z9p\n5MfLq+D1hIUpszytkhbc8ZPPPXQFONzmnaZz20PYB+R7tkTbTBBW0Hih+RgU\nSwsYJZUG2IfQGe22+pnxj2nYvNN1p62PVG8njAj4zsZGf5tE0vEpavbtHY76\nBuDiSrBHh7BkRWQUBBXWr6wR3gSVvnf7Q5swSJhkFdaie2vLyJpDC7U6CZlY\nGV8YkA1xtZg+jPfP6JGWPISf/G6Gzeqwndbvt30yAIN4IRZdD2XnYHnfMks+\nE4BW\r\n=19QZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5e2a5c88bb5127200d9f70d65964a419ffe2b123","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.28d32f8e0.0_1587996355531_0.03744034118427386","host":"s3://npm-registry-packages"}},"7.0.0-canary.af71cfdd6.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.af71cfdd6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.af71cfdd6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5dde618f45752a7ee482e7723c98abd707eaa5a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.af71cfdd6.0.tgz","fileCount":11,"integrity":"sha512-6jETBIbmGXE6DH4crY2DIpfH+wULLnXNXWgwkaiICZ/ZTgZjFIUdG1X475VTUrlVAT8leNWGkfDdvqcHGVV2CA==","signatures":[{"sig":"MEUCIAdtN8oQEcSHphN70KiFO2+hosZXYnDYlZZFC5ofSU7uAiEAw1SqjNPZj3ZJUnm0L3SDU4QMueTEq+4dBwf0517C324=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqLliCRA9TVsSAnZWagAAFuoP/jobaojXR6CfVx05h22h\nqQiXd+7go5iv15/aw0B5C9bm6ApC+pyrPB3BBCyk4vGqjOw2qsSfn/XBAcjA\nK/h/o/iWDg8Y0qwzi+i/ktKFLlwzKlahDqnhqhehbpwsk4QI1BqVtQgomvet\nnjd6rk1oNSExFzO4Dnbpb4WBGuYO1Lp5Jtcgd3QzkZvvyHaLqrpfjR7EOL/l\nlgYR4DKDfOXYzpPrqY+PeOmGjl1N3neGBeLVVz3iBdGGGSNltwy4YI+3J/on\ntwL3VzC0/UTgRC2GZOhFAV0j00Lezv7OPjK1N3G9hFYaQAIlvCyuzdD2p1t1\no2f/O6bkOb3U+Icu5v3EK+cgXH3SgtOqfD/GrNjFTqeT+3DKyhKspS5pypfA\nG6jdeVqvD94JVYKJOdEtEIEP3fUSZvn89edgIwdnhA8uL/iGXdMmAbH5yBEc\nI0/wuYNq+BHXPU3e6lSqhsOr8iSJUjAkYiycrWPg+CT4Umg5hmqWmrqvqz1P\nRMVwaqGtWsL9EgC9V3JKcAAcSii6lCW2fQeRZxGo4Q9dStx1UTucWsXEZIdU\nwJkInyUsKYEKv/skY/nO7kgG0kdnbYcYVlwdqVaWy++aXgJ1GU5WfoTULQEB\nArtU22uDYdDqb+Xp4szQAFmU98/ZfwLj/1Fc5EKuRSwS+sumrnrsbQVSDAuA\nMzWL\r\n=bZBS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ab654dfd65440046211cfc73468f20a57d7fb4c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.af71cfdd6.0_1588115809773_0.30133913268105994","host":"s3://npm-registry-packages"}},"7.0.0-canary.99d2fc961.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.99d2fc961.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.99d2fc961.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0de41f26bb41319f602528c2807f60b54146dd8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.99d2fc961.0.tgz","fileCount":11,"integrity":"sha512-5xz9qY81TH7fDnlyX8lHkQoBtUNkqZayS6CgYqh8sdOMa0kKsoIgRq9TBsQgSQQ+jOb3+SHQd0X4qLj/bWruYg==","signatures":[{"sig":"MEUCIQDEnVtTEId5b1rMyFG+wSGKrjOXwPg21+kXEgKfHeR9XAIgUAgGSz1bADT1/o2yF/b/SJjmyO2tldq3e1RPz7mgW7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVo3CRA9TVsSAnZWagAA5hYP/3zeAmqmVgYvotiaZgd/\n+k48qyyMNWaDS79jxznjjAtgn5Z1W4l2hk3EEC7Cd+7c/8zuMv6Jd+9Rn0hC\nIThbMNbm0CyyZ/3rJT3lwsoCt1Sgi68svf4cSUkkceH589zu4/a0ztd90vTc\np7zMgy2BDxL5FwVymv94ickZ0dZIraqiuZNkRK8nCFKIome2oxS5rEhjD5HE\nTtKGFvqNaduxgobtxq848oh+suCxF8fYNFa9ZyHTY5R0audU6Mvs9f21V+eu\nEw13vDMRijLib/lqCOo3Pqv6fBl4RF8qlpsbmqWpx+oy6jIs6C7+0i+Q6tKB\nnhmps+VaDwmKZ35lLgqwPPsightQuYT618/+Bhlt1IOzjS//xWdnaQ85jW3/\nyN5Egz8kEZBno7sVSJGzP50FOO44gDZ3J4dWwfkF8Rz+S9LP4C77kHMkuJGJ\nCkkpFN/RzqilqBcj13AHo5Y+llhOxQxqPFnSgZs0kPcPRjWEWLZqiqLKyQe7\nLSeNAhPMunSwskYQOgL0rnSaug4Z6xhgkg0WrUN7Ro9ewxl7PCvDOq4wjsu+\nUPHiOI7t78cbgZtVwR3JbWH2/fHekhNoZGEJduZ5Sr6ueDL7+KxWGJz08Zfx\nUjpzN9WsCFZHjJqRmYlf/+fexwqryFkjKpvty2u3qLv9pdrPENqfrKtiwcKf\nYPi1\r\n=nXXQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9b1ef36f20c436f96aa47dc90c983832edc5985c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.99d2fc961.0_1588156983366_0.771534296145751","host":"s3://npm-registry-packages"}},"7.0.0-canary.0e052b24f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.0e052b24f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.0e052b24f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f518fe9fa682644379f47fe4bb010075ce44b225","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.0e052b24f.0.tgz","fileCount":11,"integrity":"sha512-pgcdeS3TfQczXiydwygFi7pN1v/sqn/htJ1Qf8ZENqf07Qfmsxj5Xyxrwxf2Q8KHVXIS6NJzH7IXJ25mlh37Hw==","signatures":[{"sig":"MEUCIEfd0DNVK/lgtrIZp6vDtbVlEFtRxcZ4Jkyyj6ezy9TDAiEAtnPrwYfeNEoEgu0XEVjpSzRgA6bmV2irvjTjumESKd4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqinPCRA9TVsSAnZWagAAOIwP/R7a+4alSuo3emKJRHIr\ny+Tk7+Xof5zxd9rMXHjvFKYC5OJAVXeoyNvVsmvThXgpopHQZAF/zGM+FbZa\nu8s77fgj99T9gsMreoSCIhVJkPlv2QIFqdQp5p5CI4USXx+H8PpoYJ8wLrAm\nNgONGXxn2ZjWZ1HQxtpBo86Y/m0hZGXUdsglzUj9LlWkzDl84SwMeWsyIKuY\nccZboqyH7mxkTPjwyAB+KZpenF91DBg/hN65PrXP4910FiD18WD0dgSr+egO\nnAbgn5yC5rmtIc7nAxflu7I8XQiSP5BEoWVVyaSaCbcowujMFy9abOJ63M2C\nvElEWr5AYS+pYhvvoDYaxSTxcrnaNCWwXLjUBjZygxNlNbCMNF6qFaqwMQHT\nPs3oIQDzKS9yW8hYJjuahYKt8L0H0XWhZGcK8IyOapr077iaohZNWl2qaJH1\n4c2HOWGVUpiud/f4gjIs4ZCqQhY1PCXZcLpewKV9LGJsMgVmmayfUz7bdWEj\nVdrXxLBUfxD/dsq9PxHHRvBuGcF/CFkFpjs+frgiYKv3eB26MyeKeNqB6rmi\n8EyOIto1el84HJqIoydR/5yITKyJiP6mHMG2z5gmE/btpNCHROKni5lSXqyg\ncyRReQHZwRz4ll919fFvT/WeDqyOL4lw7rfx+gEfkDyP/zJDCV56UdMATFP1\nKjWv\r\n=DzJq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"69929564b970323734d16e9588636ff8a645f2ad","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.0e052b24f.0_1588210127159_0.2401837231986923","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff4bc632a.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ff4bc632a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ff4bc632a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a4d0328d6730a97325e32df81748f17bec90b6f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ff4bc632a.0.tgz","fileCount":11,"integrity":"sha512-aTOA2HXeu9mfKXlVEUMuZ+S2d2PReZGmrkppgMb3RAwEr4aY0fd9DN4XjTSkVFyZo4rdqXe9iauuXBHnMwNuyg==","signatures":[{"sig":"MEUCIQCIJwwMbsARjzFVl8NjHBwdwhNzMW/2V5KDdzFbE8feQQIgerSJYZCNnHYnPL+p8NjO+SIvFEY6/UtNY7Xrd4e/Akw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqovVCRA9TVsSAnZWagAAto8QAI4incwc3A93K/ti6Dc0\nscGqzmUuGJ8TGuhnhVQC9gkk9moI/+Y/0jRjVR8BUVsFCRKVGeglLq3I+agx\nJ6X3Nk+Rjvb8ogZGTqtP/asf42NVxNSrZuzaDouOu4oxDtoEtoEWdt3mBLcv\nH3iMehECrc/w+bKtk5yOoQwXyJ2IS0dDPT9frlEPraUkk27qjfrMj8On8m1b\nLBHIXE5Buxo4DTx4kFA03uTH6bgViEdvWFxWm1ADPGdzWHzeE2wSIjYIIrsG\nt7U1eY9naJ190kz+DNKxUi+Wut4Y6q0LB6Ge42yYqjuJZ+cVFiyjiIYfoT7L\nbebP0ccoRktaZIXiFqU9HzKMDoydcW4+JZIX6aKgcRQnpV4PE2t51sDjTBoF\nKRGfMDOuXDYU9XWZjQs8XBuf2y8ntZAze5qXyNcwNuJodsxYGlPccuQ/uw6f\nsUqPxbdCJzIC/QCEGKzHLrC/VNtDfS3VTa8Pcw3ep6WYRD7QtsuBbphj+MPr\nOzc0CMhEPzvsUNcq8RtA9evUAQRKTa60OLgo/nBg8ElSQeuRFxIsYhQjyGB6\ntpMLlpsClUJ82bQWnXyiTcI3M4KMfoffGhWUO8XEQKOAdYT9Tk1y/igRvTO+\nn/TvuCvRtoHvjsKh+Le8KPx3yP0tGpmqBr8N7NknT9hleFizRVR7nTOxAwpP\nzHme\r\n=qZ8U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bf4456b9aa6b24c3dd166ee7bbf96a700054183e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ff4bc632a.0_1588235220640_0.9754910278879751","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0f83d2fd.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b0f83d2fd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b0f83d2fd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31b9a8a9d9aa8f66b317adf5a05b8ac37eab66a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b0f83d2fd.0.tgz","fileCount":11,"integrity":"sha512-s/3OZeI59Z7LKQvPpjZc0ehgqGbObJQnho6kUoviP2+6O9wSaL5E86ssaXaE4pX5wKTJF1QP01r+29R3bNZilw==","signatures":[{"sig":"MEUCIQCUcjdXnjFM6c3OZkcCVKWBNACd5jJQZ7Xhi9KxYk6lqAIgdDXHOI2CkNZ/Rf3qQaZgoP5eW2qI9hSTp2/CIIIqez0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJequFeCRA9TVsSAnZWagAAnqcP/3MmGVg5hXVVBhRuukNM\nco8U2ZtMJ5CdbZjScBlH0fxVis4vp/BvML5NZnJYywCYu84FBTEqA5KwrYpE\nr6UwFes0+vXvQ6PnyoDnBNoIqBp1yWHO3EnVC91Y+ysne6Y3euzLc0it8rWf\neQUboR6t4d6S1yaqrZxj1oPmr3Qn35J709TvOwUHYfn5Xmg+WZyA5/rUXw32\n7hpbUJCdI6daIxdGsdILsNhCJBbW5IacoaYvjLqgh6YMtgeVVioW9w9QJJvd\ng2Nq51hOUN9884BjougcxXyfegSWoiCo6oGZ08jdijCe4wmC73mpI6oKHmCw\nNPoU9PfReBsLDx84QrnQ9b7hBhuJRp9GsK20oXgSlC0N7KkJuhcCogph9Y93\nvVrySTnarz41bcqPz0tgluZDllOobp4mDSv+M8ZURD8V50YVOi0HJLhus/8+\nrHUadIOI4xLbmZ3N9ZP5BxohhPLt8a09EAXM+dXRLB2BYH4RLMRjbGt0YuFs\n/kuAIv+WLA8DlOcw4PQekfMHauTJdaPh15T7UwuF/RtUrw8x7D02qprsiEH9\nhifleVxMdW8McKbd9Zh0zxsZ65M/GH8qVv+sHySf24SRY6zX5ucB5xSw2nJh\nCAiVSkzUnRmWoHhbc5ghseyloT3KPCQLLBSNjLHMezdBHOTl8/q2LJYr3flO\naQa7\r\n=Dm8b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a1500073e25d06ecb6fe752169f836de2cc6ba13","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b0f83d2fd.0_1588257118347_0.4617999162790152","host":"s3://npm-registry-packages"}},"7.0.0-canary.e59906a57.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.e59906a57.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.e59906a57.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce44c464310e2e1f7bf82ba721629f888791294d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.e59906a57.0.tgz","fileCount":11,"integrity":"sha512-j9xzmDIMaRLWmsdTSCnFmId6ZqBdYS+3mh4dySXh/2zDc0ka2Ce+sriBZ5TUbKkSwF2XSXp4mJhLV+QRqrNPAg==","signatures":[{"sig":"MEYCIQCdQ3awpUEiGbRXQE63XzowsPTRjNHtRfNAbg3Gx7LulwIhAMWJ6opqORjCbpPR77pQXqh6CAsRoze4Cu+Zw/NSFkIy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerEMzCRA9TVsSAnZWagAAglwQAIUWeFo9FJUep3QYLTBG\nkcBqFCsUQRZVK+dAU+eGcPYHC2A4o+exvSulmJMSSPdxyDz6i1nruAwO07ru\nxcg9Gi0sj8uMOOKYQp4h5I+bEqI0qCtGZuVLcIuPI+zeyB8hgBO0isqqE1Iq\nVI/zpn8FqIrYHXOF/VYAtGZH2AGXQsvHCNeS+GeRIY9w+jlAIcoDGOTc/xdO\nFvaGeYvOz1SXWCMOm4t0Ndpt2HCQkK5YyNaVaohf5YSGkmQCrMtsMvBEUjD7\nf3Un8v6leopQlpsN5HPmzG7HcD+bwUle3aCFDmxGIsJqbZOYij5SppSvjrct\nhQm+q4yLguNEe/MFfglQpRauIGNOkF4ZPA7FajNCSFrayz2PfoIz5G1UqIX/\n2AudrBdCQRCDmiKA6Fe7Vy4Q2phmh57G2gIdl/scXjuc+PIE9gHYCmdYTazH\nwdts7nPkSxyp7S5dgUPyAxung6qh9Oa7A8b7i9reS1JL2EKbTfeOf91ZV9qv\n3EW+9j2t84pYkYz13h4q56HWDKjUcqPaVbue0C6EV8CUyK9pLpwKQ2/eBUBs\nhezXFkLKWznTdCkXxG7TjXVye1RLk8dEC7L0qZArry0xsOyJfmuRHElbOFnP\nRVUW7rLNJRXiFdkefzglgPcvvVNbpvvw5maqD1zXL6fOQk5YRhODthsdl+Go\nCAxv\r\n=aJ8Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fc7a5c94d345c5fcd76d4957427c551ed759a1f2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.e59906a57.0_1588347699320_0.35557142419171606","host":"s3://npm-registry-packages"}},"7.0.0-canary.c02712b59.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.c02712b59.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.c02712b59.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"729ab94dd12a89e89320098ea353629f41c657c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.c02712b59.0.tgz","fileCount":11,"integrity":"sha512-+M/8K/Y2wKMXt43yiZAJC4DNJuZpJnWwXg7q2AAB+2kx2A3+qHwvINV2UZVq3oe4E5Rcz9qG93j/e0p3fdL8Iw==","signatures":[{"sig":"MEYCIQCxtIq3qihgADk+ZW7TI/nSWcEq96NQLYRrg26GHew1uwIhAN5w2SaURHajg35VoPpZCpTVDko3ePJDsOqcUpJXjrTW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerGmCCRA9TVsSAnZWagAAufYP/A+kYGXtSTl9ckF21B6z\nYKZuOfIMUpxQw5MVIBxXYLArEcQogsRPJ5CsOob5/MjJjribI6u3zz+srcp2\ntPL9f6pfxvEjd0bI7Wia4C8y/aL3N0PBs/ctbfVSWX6ZY3i6ZJd7ZU8mOF7y\nVsuVv2HqMbwIRy8goZL0ltvqtDCLSo79+ph/2CtCLCp1Ex/17J9pTyqUfgB2\n64iAOb9o7QLYRjmRmeqwM8aEtVnUFgjqY4Nii9B3jHOGFsvXwZt4J1+cKlOp\nbgLNFuDen+ldsODWqlln+6kVdBUuUwx1XYSXpXHhBibkGNiEjlFXwvYy/ni4\nF3D6xO8GC7QSpPyRpNMYSKHe7gQ6Ud4s9HqWAheD1FOwc6zxnokNAsS7P6bS\nS85ncZmkkDF4pF+NSmbgV/MFcb3TPtr8mW2xsC5k0IzfaNwbGjfN3CJjmgxP\nzrhG5WMH6AbITz9IQWCy6igtvlH9gS509967ddXP+QbCRXgpLSgMcV2MYGxD\nxm4VA0BD6QUstZMfbhyYxMPgAZFa2gsk4SklDQLmWqs3dZVkltZh8enMmKOA\nETxFYuIN7MKijm/lXZIrBswi7s4EHb4lYPJuz+sArl7lPWQaflqxdw7J3wdm\nTXxeAGXzoO9jfV2M8Ikhuv4t28hhG+DsSvZ9i8w5hKbzTKCdv5gvYW5ahzHm\nTtXD\r\n=HSTm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed5da0cff8ae5197cbaf84af0bc924c207d3998f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.c02712b59.0_1588357505991_0.8218309285697891","host":"s3://npm-registry-packages"}},"7.0.0-canary.15d65448e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.15d65448e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.15d65448e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ba175deff26dbf9df2277ed21f3525644d7ca9a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.15d65448e.0.tgz","fileCount":11,"integrity":"sha512-4DC+c0edTqtkhdhSqqqR4IXuUNNQsnQfajzkirfHEUAjBKAfNoyU6bv2AjdHyjD7G6vgGSyJYpBImXSRWN6Bcg==","signatures":[{"sig":"MEUCIQCReJ+J48u/mMv8Am/XtCPDTbCCcYPWly1q/Og1I3VVcgIgGfp2zXoiflb9ymE1+Ny77MVBrCf4vRbrv/A8ZtzRZlc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHbNCRA9TVsSAnZWagAA02IP/3/wZ7wVhElyA0Bxc4Rs\nCE1/EkLtAWGrmLk1ixUnKWvw9Ft7tPnhJEVpCE7DqL5p6410tfdcBX83K65o\npyLScDD4W3Coej9QCXp+Gz+ZtE7E6azrVf+Q0JpP4d3mHrg51Kr0Vk1TEwdZ\nx4t9fNOLqQr2YIiB5lLgD919w28ZA3lBTlfGGeVQPiwQS9I3uqkv9mOeZ5sA\nOJuYIPhXBvscExsEtogZBq2mBJlQF+r4G0RD3fjUQFRZwtjiJ1W8gItCRFQ5\nhS6+QTXqPJgzYGeWjrtJR6qXivQLv157h18lRJhWmW6Xe3VdpelEUb18Cbez\nFHeWrWlsiDnReQy6eX7vcwghIL99OjgfcmUayhtxnT2O/KU9nfgY5LYO7doS\nJP/L9avFhteNoChOjJQSwQnX22kH0AyA2vQQTskqsYrbIB9aOLFbBC84CATf\nmbHBGhwg36w3WD47a1+MUanBQj7Ckxt6L0OAmKAQODlNH18iPWOWQEPoZO8g\n9hkPvsW7FmR8CgwKCltZUURjSbuqLhIR0GyxbW2moxnzyPanuKiyJDUfj2Be\nOuEUv02tMJkM/ESoFE0ntBjpYTu3C8ceXgxDsTE6+OMsiN1OsyZe+3KBSjZd\n8qsXhh2aKAIIsn4FT8hzJdg6BZHhStgVIDwDkLfen6O4t7UiNKDMtB+pDgpT\nhAmm\r\n=Fkue\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b2e16d6a45e857fdec3838c3c09ee0a1c61d1858","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.15d65448e.0_1588360909012_0.3811333972800597","host":"s3://npm-registry-packages"}},"7.0.0-canary.142b1549e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.142b1549e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.142b1549e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b25a35d52d8710e5887d9d13aa8cdefcedb648f5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.142b1549e.0.tgz","fileCount":11,"integrity":"sha512-CnCT7txwK3nJR6+pzYsfYR6I9GVMOX4RACwQjSqSIOo408K5pCeJJs1nwjNI6I/59TviA8hgbpEOCCK2zXy5cw==","signatures":[{"sig":"MEYCIQD01hRaq3bBwPnrXhpy0yassRe+vicpcxXYsDXs+gjx0AIhAKE7JL2x7iE4K8jBSzacpIaanvjXZ+aEAgmBxLC6iRvG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerKQfCRA9TVsSAnZWagAAmkwP/jqMz9OaIvfwB4CxCCzu\nW6XSe8/vXML4nZb7YTNQq/skz2+rlTzJ1wCGB/Bb+sK6So8s9s7V/OZDQhxu\n5Yr6V5zP1A505026v+FnYjS64itXqROmd9oJhZrAOADRkq9OdzqezMqjFbHb\n2WygORmOOxxJf7+yPr0HUe434cHvuJ+TGVynfuu5LaYh2MPyVzf5gQQvDxv0\nzhs09OG4M4lK5P01aAYYb13/oirWGavp5uJKhLM+2AcW8+Ap7UULaFky4cgO\ndL/lnALONGnp473bMhrIQIwGG3wVpQwwOC2yx//nbI8hdnE4utFL/Nn9alba\nkCcrQH/Ca5Bc/a6dnT4LZVTCRYu+TQsRRvwlaYvzJ++/YAzkhHWwNlrGJeOC\nXaZwR78UZZwPE6Ob5hYnCn4FCJVyeq04g7SP5uRxyTSUXAPwfJBt9cAgbAcZ\nQvlW96grNGbGoHIuE06/lGdMa86gz2lW9QtBRp5GbmIfrsceESZeJ1NMQ5AY\nNxBT78QfsgoeILC09Y3ezuv3FLmDFfPqJ9tgJz3SDRzcLa7DO2PNnJujJCYY\ncPo96uvJ+usMBNiMbtRFNLBSbxwGAY/dNMLmKL7IqDX9qzydQfjiHyKlO+F/\nciJirslDlF9LYoHQB+RdI3wYDHeBjUFsBoDARcP/HEI7MXM4IwrhTLPXVJ8H\nN9MB\r\n=2lfF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c43c6e2e74a4352aad7225952aeb9e7154d35751","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.142b1549e.0_1588372510827_0.5732650075624564","host":"s3://npm-registry-packages"}},"7.0.0-canary.524b7b812.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.524b7b812.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.524b7b812.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6baf04c5b034c4a7de910ef446fc73c06e0f0d9a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.524b7b812.0.tgz","fileCount":11,"integrity":"sha512-MWzzfbGTtHgpTcIUVT/EIbIaZWZJJGhYAICR0TvYwyfvQ02ixn2a5BvuOygeQM2jKW0wtKNad2SI40FXuDKkag==","signatures":[{"sig":"MEQCIGVlamycjR51dpMTxyeIHp7DIQ0+HAG7jmcoMuakqf1zAiBH1mh19PlJsZcr4GPrKH3uNLfHiXLXHufL8H+W3dt+wA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJery3BCRA9TVsSAnZWagAAM2wP/3PY6tacYsK17Hm988Ir\nqPERK1FW+QS5K3rQLO9zg6D5ssgmMT4NHyMmB0VnGHWa+G691RSTqJePdaUh\nhunuIiIzHVx1xHAOMlXZOv+cX9YO/QkqwSy5gmT27qzZBcz9Gf5Nhk1bOr8Y\nL3dolokloPK8jkpsGn69UTSY1ZMJkVnoxEUkwQYp1fqs8CvzHi0UtbaO5/ti\nWiO4z8Plrwr7L5CPWqrbVWhVvFw09mMh3mW9HAirrc5mk9e0gfd39WGEnm1m\naA9qCqCfWJEZlkQPnZmx8Kc6UjyW7jG5C1feuLHrnwDeu9ftoPVrwpsN0wtl\nDdiyncBv0YcJL4KYUmSsjZ8P4oWdOmhDkCSV5iYbK5VmqgvTGSvyI6YSF6Na\nSNRkfBVmT9C4w/V9bdK0XrreOXTaC4KTdwxJ3vwlFx/1wREzx8KZj/1IJg9T\nKfgd9JtO2TUxM23VBAHPsDO+BKhvu6//VolRobmCb62sfoCZNbszhq3+Lxda\ny1JopfheYbJnyTqnAbnUlBIRZOm8pQ7Ys9Jy4h3tfa6usnASloZaUGwzhlIa\n9+6y9yP5axq0WmW5DARKSsk56rjE/OcpC0MLccW/FJQU6DB5n+qP2X+YR/Hi\nARoccQhEU/OO+Gcj2vagBvlc3zf79WX3YHVnFKzQatHvD9tMnrPBH+mT030x\nyZGB\r\n=Ru/t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"82ab8bbdd2373b285c315177e7054a727b38f4a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.524b7b812.0_1588538816845_0.617293762854842","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8ca9678.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.bd8ca9678.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.bd8ca9678.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba2b92166fa973a7dcc83561537a494ab58fe127","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.bd8ca9678.0.tgz","fileCount":11,"integrity":"sha512-Tr6pJparE9tTnMAmDUsMLwvL8bZZRtd8rsj6qfPhIhIqhRTEzkjPeoW3WLhvd9wPSGgAW86wsir3wLp81YAKhA==","signatures":[{"sig":"MEUCIQCT9540HU74ftS2kgedRaC9Nt4OS7Fo330WQ/aJ5U2ZdQIgNewvk7dnsLdlYZHWJzGitPlUS583db+pn32zMK2UczA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesE5bCRA9TVsSAnZWagAA8sYP/ian4dWveCP6oU1i0EYi\n24zci/nU1g6t3sqLgRNCseO0N/75oGLsuSYqPdLSq4X5xSFruBeEFVkfWxnc\nIWUMpCN5LAlifLViuMNLyy/HmXDgNfCNqoRZSX6W649TtjEA6qZGO7Ia/0GL\nOJMU+42Orcu1B5+6lf1qafSTKW67OQOKYaWsgpj/+nLOXvAwnSs/k4wgW2l4\nSMPdfOemRucme6yaR5n8atKnwK1Z4VwyMFq/4ZFnx/nfnaUEspX4JA3vnBcl\ndfVNlhnw7JWVTzdWAV8o43X9JQydEf+yEIWqTX862vLQwVPz7ba9DhmoNEPk\nFy/Y3wVfX+xvIvjLqWayAgSa3+2FByDre6x2mlgIjF5a+ObRxiQksB9Cme8e\nNTsmbRg2ukqN4g0bGPwBs8lfach0uT1VEzMG38j7qyK9MWq2DPVSPBRkCQV3\nne2cRwVqZmd0ARAne9OBiHDT0utQa9kZE2wScRQ9g4j+mWqKjU+nt60MaI+D\nnhgh3JVOjFDUaR5DI9Yv7hyOEolCrvXuQNm/9PH93HV7B6tMJ2stL9j8G1jT\nAysrHhhUd7n1nmkFXYmv+LYrYu16H50lsXM34fsXsXBUeKnBZC/hO1TfTBB/\nz65WiJB6tFfFNC4d1W5dDO1H0+/RxUmDTPmfAOTSizwSoBhblGs4hnsd0Rbw\nzxBA\r\n=WfRS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d21e98ae16f9c893bf27272d187617574615c417","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.bd8ca9678.0_1588612699234_0.4557473342913869","host":"s3://npm-registry-packages"}},"7.0.0-canary.2553e86fe.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2553e86fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2553e86fe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"914a8165dfe094ec53ee8e9f4b8a6a87ee8e66d8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2553e86fe.0.tgz","fileCount":11,"integrity":"sha512-U3R7fvmzR+QJxPLp726s+FSXTZVZO3YLNVSp0YhcreBdkU0vQVVnUpcZI21FYkpvcXC+UDbheK2mhazR6NvPrA==","signatures":[{"sig":"MEUCIQCIh/gBH+yt+8LIE8fH2M/GD+G05ovmekhzGTejp3pD3gIgHEAARIrCPZQw9UHNHwlathl4OoOo97Bz5ILTmD475vM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFEoCRA9TVsSAnZWagAAvqoP/Rb280kGMIBVhXcwlMzj\n0Pb8bGkHkdYtBXhz4CHrdX/OHOYu3beY/SL7vuWc/LjAgvW6BxCYYg9hMU9A\n77VH+JZBo9p1pF6YywPI8hl20UJC0CqlJzm+daUA6UAFAlhV2HhkUuCx5EUt\n6KYqrFHFO9PIz1kfhefzH1wiYkfUIuqzZfvouKWHgHYUPsINZ9wQC0EA3A9Y\nR/U/YSNy/QYFjV9F0D7hlWFuqptmGQTXexb2zlCuysOjk2peHG+gVr3MJhLV\n+l43vqJwDgPyfa6Ic5MvSLv+Lu6V8jX9SVjAm+7kSXoRlmAmpnCNmEAIKxKY\niXzQbbMtu/HzodPmEmgPfm9vh7hdxPyUqXYym+wCvH5PMdbvqfG7taJCqXpu\n8XhsI4nzBOj6HoEOW2jywFHI6NRLbFnWD46fMEVGTFHxd4PialTajh+XoeJ2\nnCcIl2iSmTEOQpWRuHvXzW17kuvlho1G0+uiWZ1xtRGwkskeanDBJQGQjz5d\nTS3lpVYC3+xMDUxjIRVEdBi7VrvZIHXvO5KGOpg6HFamL6rYFwbeKjt9Nqh9\n+u9Mls+Rl2hyUYyzgvtq+rudBFuVK0be7F9Czt2CVc6+JqyMqxr83qZAy4Bn\n8D2T3GgKvzEB7JL+1mAU3NYu4hto1c1U7e0cuyFpeVAYlLt9I/XEhON/678g\nPO5f\r\n=KA/k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9fa3a214bf3d70eb6522a1f75e622d936e7c0273","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2553e86fe.0_1588613416228_0.2874875097765801","host":"s3://npm-registry-packages"}},"7.0.0-canary.03dec929e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.03dec929e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.03dec929e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f31628cfca602fea927801ef0abc9194664cad1d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.03dec929e.0.tgz","fileCount":11,"integrity":"sha512-midgsq3NTa2dypuUKtV/hCxKDfTSLK+daTXsHFcOf3CSlwOIb47aQPjd0Bs5chWB1pgAN5aSIQ0wkHf8JjUPvg==","signatures":[{"sig":"MEUCIQCsJyHMTctIi6YEsEefILtw97MYclyrSshBOekHsP25CgIgWDfGIt6PSuZ7HUv74bwaMveMlHxakMlL3LBOYE/FSZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesKYhCRA9TVsSAnZWagAAHy4P/21qTGKTP9ww/qgIO2/8\nf9E5lFVN1wRqE8A0LJwoHRwHjwtFORm0yYd2jeok+G/a/fOiInShtFn5NuQZ\na7T5+WD6ogWVkDnn0Hlp+guzSLzvJ5vKUNRNCH0JrYRbFQk7V5ouWfHwLq0M\nsXfQWWX6mkyKv4tgO96IgjHppJKc5v08p4GoBchaTl/FyIyfU5Ersdzf4qqD\nPaFmWxyX5eKtdCzYiy5dYENaV+Q9YoPclXB+ac003p9vfcxCef43subRxvmX\n7AxtSKQ5tJR6ajj7tZSSMtAVNVG1pXy9b3EzP+4Ti6mxOJAGl9244/mELn4c\n4WTAe/e54pu0huwkqu8OzMrDQO9N1ChViDplLuT0sQxdoZGsPBR04kOBBzYY\nlEIABKEl0+P/sR8NJBqNQ9wTvPDyJOVA0I6WOrtOAsdu+dFp0y85Ft/lzsXb\n2FzzCM6bt1Xxdimt3VA5V5w4+3+9EcWcCRkp6FrQ/ULKhGPBjzAB4eXcjR2q\nVNWs7FKW/o7C61cgVkst1K1Uoe0fYY9WIVBWdAU/xGGlYY4f0ZOmmkS6+wVy\nRlRFGGfg7mw1MjjTxb56JT+ZavkcJ+ofJ3uYa900ojN5GC+AXUi8HmEDuzA1\nT1ElEr4PUdHeekrvCEpyedixY+J+36elNZksrsDY6PbZoIymNCywikRw8kuf\nRzuJ\r\n=JDpW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"976244ee82fa3e080e074d9aa9a254e6428c90f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.03dec929e.0_1588635169462_0.4723018200577389","host":"s3://npm-registry-packages"}},"7.0.0-canary.d92d8c93e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d92d8c93e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d92d8c93e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fd210bebaf260ce8b3db8a27100b9716d807bab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d92d8c93e.0.tgz","fileCount":11,"integrity":"sha512-0avhPtQSnHrQV6jeBZpnqLq51KFjP1oHaQKr2Tm+eqZXqQibNTUyds9oXVTzukd9v3NYTsbdMBpeiKyNrPfHMA==","signatures":[{"sig":"MEUCIQDheLxyAfeZkj3/yorlrcb8LPbYD5TNlRPcmKaIsqCDswIgZ/Wb4cIULPTOKOaB45zEFPO3CFKnWWH6dBYVtNFSMg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesZshCRA9TVsSAnZWagAA1IkP/0dTEcT3ocrsq45UvDTU\nfUMLkfTZBJC6VDUHMdKsDNBIf9IttFt7zN/k3/50RYEkhclLgIhFGILpeymS\nsXFqMrD8fNfRxqmZUE7ymhNQkKK+H6WNd29o7riVzDu238Lx9XRs03zqFy+E\nUncNJE8NbQD+rAupHEwaOHRueeC9KTtqjffcpshFT7FEPJdyRmtKTFvzTf69\nNUeBIyWNbgQQtLDCeS7uk2uz8VZrl7bIERPMRp9mIWbilH4sLqYLpY5lYu+Y\nssdtQL63uuEo1/Qv/yC1xhzRRgqLtmb1IMtVC/we87mVoHaY4J3qYwOl3qhM\ngyOUlU11RCOpyyyUEknwbg0NzMlSSAnDI8nCf3akdrBROT/CCTj+3tiBKeei\nulbuSHaA/mbtjCTqHjp0cKQ+Gzh4Ws6zvxnZhuUCirEoPZLvRTw3//vCgnSa\nEysQ23eeuamG/S9VRnQH9U/JC8FIxpVciVnLNYUsyqYG0Ezo5vgwvbTgO2nM\noLS7lj9Gzbjej2Qjxm+0YV68oReUBatnGHV2CjfweVeaLwSSJculBCa9bNIR\nGpbH9FU4uO5sVcupypxUnfJVh2vuk1kt3Q5u5nhv/kXHm306XMJlkQ0PYELx\nosT3jhUUwz41kyiVjZ6dHo2lIV+7lPYzvCcMigJ8od9D+NZ711+T+EVHN8Mr\nVnXD\r\n=QF/x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0781b5a0f14ce17201271abfff044630d170700d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d92d8c93e.0_1588697888558_0.2644495306075869","host":"s3://npm-registry-packages"}},"7.0.0-canary.09f591967.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.09f591967.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.09f591967.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"383f14d7083f9d31dbf6e19f255e7155ca3db5e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.09f591967.0.tgz","fileCount":11,"integrity":"sha512-Om3wDyIubdQgHumTNhd5f0f2yr5Zzc17WB9YM0XjDJyp4vwPkmb4Ewa1mvh3n/N5mPJFs7pSPBisYKVPm4PInw==","signatures":[{"sig":"MEQCIFYNswY+AF61IIPfUan5eJa4bkSN7lDROUdAzR6n6EgfAiAwUvIBMT4UYKX3l/BQtInbwF7DL2BU9ikUSldOYtPAVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesdSiCRA9TVsSAnZWagAAUyAQAJzJhx1MBzJyyc1AF5ug\n5/L99UDNjb3RvRMWGnDNDYzcJ9NFNxZJwfG9V/jkhnusJxsgWaycAIeB32bt\n/xSloNYOk4SCJw5Xr7TYONvOFH7gV0RpsQxZPm806kdDlQE+qI5ohKJJ3Lsq\n4JDb03EJxStvvGwMXSgyM78gZSYueiEnx5mq2PNT7IlU2FZGMq2W9tcnX2pk\n1c1Bi3XLVmyFkIcryPeum4oTeOBVkXIPehsPxXk70gnWLfrlSELU54eI+qDk\nKeX4rUVcKENV3tx+pnyEybJg6oadylm3IbpqzvaWwmiQsZAE4VMHOyLm55zx\ntEWwoko2S7ifv2fkyhEF4JmZJAlymJdYcUU2lcX8g7GZSWTqmhJ52uNKpAdC\n87PiTkELoY2sIClegunpA4qDAMc995wnVKQo3OU93yOMIFFeDAMFsVkJln5K\nuJLNi13jaEicGNerNxwmXALAZmZi1Vv0Vv5PO3CoIzyPMm/ESU7rUUbQWjCS\nzi1AfrFvl6ufUB0GJqo4lX1JKGUjqHJV9hihUfmmT9lg0/6rDzb9MTYYnVCy\n+62TF+nDr0B3mV65f8xFt5ZA7//SL5Fo8lcf5XN3CB6SwxPYsWs/hNvqpgY7\nAnU3bzZ2aeq8RrP7jBmh5y9JDU1kpMCAN84xhjxOv96YSONI0cYvwMJQPtI7\nEGWy\r\n=PRK4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1c5f494b8c0fe5f6f9710e50d51e2736a01b227","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.09f591967.0_1588712609761_0.8196542446005042","host":"s3://npm-registry-packages"}},"7.0.0-canary.3846ce311.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.3846ce311.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.3846ce311.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5da78945663e56320e14b3a09a0b616e0096bed7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.3846ce311.0.tgz","fileCount":11,"integrity":"sha512-G4F/ypNGBaN90nRaUTRG2FMJJ4U6avBvTeGJEnVP8DTj/IqXEwpdlzZ1HXweYZ3HaIcXeF8xfnOxaScbD8CSJg==","signatures":[{"sig":"MEQCICTUDK4vQkp5KfD9BZdLzT8k/E1RY+wD1Sd2tt9phymmAiAyTpgIaFH5Mq6L5b9FirLMJIYUb9xOPoKXpeVTJw/ZdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJessTsCRA9TVsSAnZWagAA1pIP/0uD6k60m4y7qcwy+EF1\n6Ad2T5M5fRkSlRD7Gosmer1+mlmTHYRHAXAmzrtjvamE4ejkCshe9fP8Ed8j\n6gC8lSN0Iky4U0kjNshQU06iE1z28IwHD9xerR2jDQ3OT2Vl9+UUZma/tI0K\nNXhzF2WawaF+xMzqUVjoxtWY69VY7xrYTujudAUqDiqtAHfLyAliCEJNSTra\ngIrEhbL+g+6GjitincQVc02OqvxBfK4jhE8VdNfaJ7oaT7H1UizBV7mmgspo\nwkvwoZYd8myBQ+ALCJgG1UJPGPtj+tURQev0DZG9upctmjPZBhZh+siWmTxh\nmN3yuziPtp9YVYVdcGajLjV1tBCKCv3YjTwWQVsJeEjOmy+QejNkbeZeQ+hl\n7Y9zRKWpmorWH8ctBOWwn9Btmj1qwiwUBSz4oYSppyywSh6OjMabEAtgCVSj\nB+UU6UJUnRO4Upt0XqRzs+r5VGkuu+We2Hu8fQgoHbe2zDs7bGJRsavozhbZ\nfXHRjHYJeD8OJXycI9uvMlcEEWOEKH4YxThO3ATCaspPAs1t70PdH0kbYZVG\nuCFmurwUB4Ilt7wluaClJ09RrYcF248HNSPrXsQ5SjDnS8KCAox9PoM2PXjz\n68g9yBNojkAHjf0jGBjTsCoRZ1Jixe01UuzLUXB3usG/PIPTXKB9V8lOPbQn\n/t3d\r\n=VBfY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"80b3806d13f75bd5b77443c9e504fd6468a5820b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.3846ce311.0_1588774123836_0.9375311714937642","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed7f32463.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ed7f32463.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ed7f32463.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9be88f2488f79f0ed84e1c14a6d098757319e15d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ed7f32463.0.tgz","fileCount":11,"integrity":"sha512-FEfDAa+6HRfOqwlamZAo1Bj0Ir6BWQAa8BSxivwPFZozyk2NqNIRqfKR1m17SNMOWkbDxCRmvAMNEXK5ZhokNg==","signatures":[{"sig":"MEUCIQCW0fkrdQvua/i/T7wr+fcuAomeugorLoN/I8D4D1HxcwIgcgWzPhzK/1r+j7cldrKmIp+cWiVfbak8+Pf0v2neCEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesuBzCRA9TVsSAnZWagAAvQ0P/izEHYktb/Q3yi4tuN06\ntJC7FW1bf+8DkorsfJmS/IcbYWmIEROQ856NdV9gA5tIuaIqypg0mvYzoeqB\nO8ZTEdUI1LjLsP8tJvwILzadCRkfoIqLJCeU5pZ2MmBG7ZhCE2IRZxo90jvS\nU2XWhsiNNIebF+XAxogzx9aw/HgbR5CusvGHYpsc//d98S7pWQpjKq/mMTiv\nc7/rMTVybdz9tbTy85l3wFw/jznAvL8YFVD2wpS6QLJ57sE01X7faxZV39/8\nCPdhQb3VUfMJJgHgnAw977rqYK5d9j7XmvR3FG4TgCYV7/T398dVig/BELqI\nLG8eaZhN40cxXXLSZyH5/6JBN3JR76/QDAu6WnxKWybor20iTiK7RE/bSrRP\nFFU2/NKZYAiV7bNXIWOW5HqPaJq0RG9x1JXDkWDw0bbn9cnBfA/RP3GooUkg\n7wjHha+rLh3B++MZC+T5yytaqzJ3ZIqqsk01Qmln6PN6IBiEnp/pi6INDO7O\ngNmHKTdQBtLsBZ7Ed/ugtw9nU7dIykbOXOOG56HEaTFmA2X2TOS1+EZ54pD6\n3l/+J7rtRNaqshFHrd53QKCI7CnuTswNfRJggLTT8uDWWPJg6HOLE2MEAmx3\n2lvGD/85Ob30kqj8js4igWnpwn+/qxd43hmcCVX43yai4HkugPd7NTvkI4D5\nJ8C6\r\n=JyUJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"84dc461d7b4d6f61ef286fa2ade4f3d05018af62","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ed7f32463.0_1588781171137_0.9469069056457569","host":"s3://npm-registry-packages"}},"7.0.0-canary.8135cc085.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8135cc085.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8135cc085.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25006ba54cbcaf91e70e47e8345fa2918a7ddcf7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8135cc085.0.tgz","fileCount":11,"integrity":"sha512-mSUBFrq/Mn2p127bY8/0MJfN0i+l1c7nKRB9/xNplPXDl/ZWEBohPucBOATVJBPxEQ0Su/OwTJohC0mQfNpCdw==","signatures":[{"sig":"MEUCIG1gPH+sbUeRIkZnisFVljj5UKLRbB/Oq0SsLifxMnpqAiEAxhenZ3EzSPkfYdjGredCL7pXuKkk4diqDlnkeJsXt/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesxXzCRA9TVsSAnZWagAA3MYP/j9dLDWCWCQHrQyoONkf\n2ZvWVeZp+gEPA66r1Wr0hrxb8mgcRQGwwuEKEYo9Nim394kCMNT9YECb/xyC\nM28cyMtBvXDJfRaPosx0BkuE+9Zkb4XVMbeKYxfx83reTlNUDpcb7z/xaXiB\nRctDG1pMsnWlG5s/FsxG24kuOljpbqCqjGXPXSZGZqdaZvneWxMWEbNL6Ed0\nBz/POY44ljiq52n8FHg8zplWh/qJKCUrA5KGWDfG3v3oxs3m7cZqGwufzqUb\nFz7QPWGQ2eXF/ap67k1uGOZE9Hpe3NXgKhBatllqvei4It5ZgCbBQlaf8Cqt\nV7Qx41w04unmfXfiK5lT3HBtWBx/suB2c3C/rbA4hmi1F1bqP/wUzeGYG6NG\nlX9b4hFmvIZHWLjUXBrE7wI89t8CtoWzeAuqBCCRx9liNYxM+XqhG9nykNFs\n2hYDFfp8bvOm13jII7ToBxDrQH7VUDQZctYIFctk8pi6RrjKSGSorUR6WgAk\nyOG/oSYaCeIz8BxWIGuKCDJbiWiFvGOdmiA1QGuQKeDywxbh95PQLV3Z8yij\nTm2N92evshcPwpXucD6fDyaRdo5KyDB0qc23DCyk8iQ9kBbQ1s0sEoPBTp7k\nNLF5JZHkBnANKJVzEjLykk/jwsQ8/+jMvXO0K+UxlyDfPQx8Fzn7rG6q6Ywq\n9AP6\r\n=qQYB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"56422959574aba25d1461d4e7ebd168437ebf9a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8135cc085.0_1588794866614_0.5098679624756357","host":"s3://npm-registry-packages"}},"7.0.0-canary.deb212de4.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.deb212de4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.deb212de4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb5320af300c8bafc2d83e06e461320d4c33b9a2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.deb212de4.0.tgz","fileCount":11,"integrity":"sha512-Vr7DdkE41vlNXIVgac+WL6tTTieF7iVxipXOwTO6gyjdwbjMBnwNqPv5nr4LgaCuavWpf+erzGBN7yFNL2YEXw==","signatures":[{"sig":"MEUCIHL4swu/queWGfY7NjcpjR6Tv1GdAKj/3UkEJMB71xLXAiEArEaJgb6xOy8kBE2cXMln3hrPziGckSvXBnCX3cB1KJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeszeYCRA9TVsSAnZWagAAnFIP/RR9JwMwrQ49bDde3AWK\nKzkZoQDzb7q50X4RxIH/3DdypXTgf/W6hGDrLTvIuwjxu0ij4JZ3+cXZa6Eo\n7ejHPNb6ClrN247IVz6e5CUhBfVS4DTVWAc/nTb+WN4f70GhU4aQLxZN7X9s\nT4wSfZbffpVxkhqweKEz2Mqa1vaThrLy5YrhQy9Eh3DEigGG6HAT17kFpKZ4\nmEjdddUmzzg0KtGqVpqnYl7NRHAfnw4mlCns8TDhmbdqaCGrSvCucBHBM2I0\nkZ6LM9hec1rMKr80Vjm0W56MeEpxppX4+AjHDZi1+qlogF7v9fwfzA3YqA0h\nKE8WZ33soEQnGCYuCHtoxATpPgU0l3qo8BSgYnlsuuOqTK8/1+3cFWfSvF7K\ntzQq+D9A9pRSwsHN0yg/lsQemHd1w/sMUnmPYEeU/D5h12/skFeiwRWRt92B\nffrYEyftZEDBLVX7/nNrbt/MCMhHvIU+LfX8K6Thi3ljRcpA7Ms+noNCB/dy\nKruMoMMYRgvRIl813riABHFKq6/CCvTXiOlXclfnpRocOim9POx3L79rt/ZN\n6SruxidvFdK7CNrt+QJGSWCv+hhxrldv3n4MscmPqroInnFF0oVOHi3CKtM0\n4QTyHZ+kHz1Q0B7ijvj0buZpne8+uNKDzeDe//0R1Zfpk9NA9djL2ljRrNPR\nkTRd\r\n=wYz2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fe9c146f82589e5f1c471dbb4986ed6b3a7caf54","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.deb212de4.0_1588803479673_0.2406218754109466","host":"s3://npm-registry-packages"}},"7.0.0-canary.f83e00898.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.f83e00898.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.f83e00898.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"885b6fe749729172ffdda3878ced7f6333004615","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.f83e00898.0.tgz","fileCount":11,"integrity":"sha512-vUOQNYCnmf8e+7zFRKqhyip77pjHX6o7qOA4s3M68sZcL/GZNEkRYSYaF3jdGMti5DnEAzurP/P7N7W9JnC+rg==","signatures":[{"sig":"MEQCIAV+onG8gO+T5tAvTXUcqGPsEkzMjb9Wkg+ZLriYlglTAiBV1FlEZxukjV1ozcw/u1DA0YvQ3eX47OwzRf15kFnx0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetDvuCRA9TVsSAnZWagAAuKQP+QBo9atl/y63PU48cIgx\n7JmeDGHu/2jPqbAuTWDQHfD/Z1P5Vljf2cBeDuf6YBsJgqDsyzB1RBJd2w21\nG6Qy4/Bz7TR/fEUajijEtdmfLPHzV59XQlxxDveSJY8d3MOlz7NOb6bYiGtH\nONk/qjrrja0ypdqpjl84IIfScHmAyBK3Rxi5olwk0ZjHiUkVsgR85CW14Bot\npKD1m3iMjvPF2eyPToK8f8fYvjks8cJfra80D01q80r3wiWVeI1119zYV1Tc\nkYSAgpLEpnBYHDDIFCCe3vnWsC4D5TAw3Bt6QDogFEyU14ZLgLzUHdjEBjWW\nQ3Dt3msWKRy5ubkBogv0y3n9pUxbpz4KChDuX2mNA8RAWeRwfeCaTOMoOEiI\nadjBgs3Gd7O/TPPgUiauxM/AM5XxSJSPJAjv5u8AORqUYk5YWp/bC0lCY0pG\n1AvxwGj8aTDDbAu86GjWUzkMF7KEAwtyBGoFI3+irkD5KpHV3KRiG+osngAw\n6HCeFOwaTZePjpsivDxFFafysn1S3SUPhJosuG0DPNpyM5vNyoq5iBJDB9Os\nUTgLKlQJNI6rrs3OlemNpwbklDaqIWVCnDJHknjCVGEi6hnktizqnzGf289S\nFoJz27u9fEhQngszzRp32Ljj09conSFgESwjC3kUTXP9P4UR5fM/TgVyuGlH\nkTCe\r\n=u1+L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"02060afc2f5dcb762e9083970f865f1c714a38f3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.f83e00898.0_1588870126349_0.09263403974674245","host":"s3://npm-registry-packages"}},"7.0.0-canary.047e6b337.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.047e6b337.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.047e6b337.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42a48f1f7de4d05d2428ab46779607f69a591c6c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.047e6b337.0.tgz","fileCount":11,"integrity":"sha512-gtBDw9k+I1rJxwqbrTERwGeenoINXGrVu6NKZpaYqzcT9KhmJKj8G7ZLhSaB+Yu9LUXFGp3lErZGOe0JkYb44w==","signatures":[{"sig":"MEQCICmHNJSQSQrGvoE0AWhRxaZtjMAlCm1uV8g6XI7EZls3AiBAcgRkvTGwruojwwqcP2MtRQZlGNvgHdG0tumpgAKEfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetab3CRA9TVsSAnZWagAAUbAP/1XpACpHRr4iS2DFz7C/\n8tG28+0Ev1zy0FBb2kTv06qv4vaNpIYq6JYBb1fiOcfSVhotLy4iEP/H7ZwP\nE09+umyYc++A596JXltORx+dCEis/EUYNMIohdheIfRj2B9p7upSi9oadU8s\nXhse9eSaC0UiNFy3d/8244OZ4hTvr+tMjFYQhFGVDmZgRITOj2KEfD/M7JrI\nu+kWiUldt1q2msLTDLc+7AdTpLhAkvSQe5y9G95CcjKvvjVyxRRD65w9UfRG\nJ0EKzPMj8tBOS6TL0twFjrijtPGwvSYQvA/o5e+2sINpck8dUVOXldBBux4N\nWxmW6NQttvJc74LZ/lR7GvYiArGTh7Pk8tyKJvQMzj7zN74TwrRQL9ahJhpg\n1oGrRMhGiJ/ZKJrc75+5iYHC2Zme2bi/APXY5arffKlpJ21t+zlO0nlvu7W5\nK1qlngxfNrBPuYAZXdQuTc1eCceoMyczn57WbqRzXXu7a8G2UkS3JszHcu+z\n0F0Kevf+CWYi0tgsnlMTPezDeIGIeiiiBT1PbjMZYX384OO45KLouYhB9Rh+\nFL28qLJBhnACI4I1f/fZ10exmVBOSkweJHo89u0xIRoYJziJZ+Clec2g+lWz\nfPslduuMBCJd0K1OtM7p3nSE9VUfBGWgXdyT88bh/qha+tBjkjXpS2Wn936B\nMyQA\r\n=t/2M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2be3b5993e14d0bddf55fdb157837e5593ca217a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.047e6b337.0_1588963062824_0.28461393140865243","host":"s3://npm-registry-packages"}},"7.0.0-canary.119e21426.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.119e21426.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.119e21426.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eebf2a0739de33419495c8e239313c365285476d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.119e21426.0.tgz","fileCount":11,"integrity":"sha512-KQwTv3Ix4cXcUS7LeUar103+L3m4b3OX8q9Lwibh9v2RmxE7GGkKaa1K+D+V6IrVd1in6tF0iHIyI1t/JJTe2w==","signatures":[{"sig":"MEUCIA1B3LEsb4v2ExkKfLGyMNos3unYUK+DG613o5hWgRa5AiEA4rK6vX/cqLJBftooicIDKX58GG+esG3W0BRlftH7lQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetb9UCRA9TVsSAnZWagAAMKAP/RBW0sgqGU6rrGDUa9cU\nXLHEA6P/FthgpYJEBwBBECXFLHyN3/iRyWSENcsV6t0CBR6N86Ac53X67yi8\n3GuhTbgcANl4DSY9iXcKUUwoZyudU6Yvbjn6Tlhoj/OVXJ8D2iC47ctz9W1Q\ngA7wv3K1FUGKT3ZyeCd8Pm5cQLha4AVuCOVRtGOBt0kcc07TNCsUK5dfEjn9\n0UNk9hfZMCZDKQklFI/R4Zh5GiNAtJCH1phhJ0NVHnYtqnt0NL0k+QTq1R35\nGSFoW8ve2GP1TCFhMGFbhKvHvetVat9Esvk+90G6uDsdvbAbufyN3U7xvvFw\nmdPWxjs7yVSFN53aPb2IFNy4lSUESmuN9/7imsJL53zmI4sSV1deqmLJjDdQ\nH0/ZIbyuxkRaXMHU+iwq6BfWLYKUPd6JBjX1nxPbynv9WhaG2WV5f07tlsLk\nVdp/On598v62BlcpXrz/ecvWEDbKESr6Y/cqWCqABPI0DvUkgtpLQ9fDq8pZ\n372klqcOBzY49I4W26WvnvMBu+0sqYU+cIWVOxvVQv2GweHcGD7UTQyJu0b6\nBO/CXO+TAuNWuIUVloyyIPYz0UBuC3BETRTwZRerkkcW9vJsL2srEM1dMW+E\numgd7OTT7ImgpvSiLC3U36z7Asjbr/kQXtwSX1L2SMoNCd0B091KH8SS/Rvo\niato\r\n=Bta7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"693ba4159b1a25af6955ffb1ce0555d7a989aba9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.119e21426.0_1588969299597_0.45220414759042926","host":"s3://npm-registry-packages"}},"7.0.0-canary.2f052d824.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2f052d824.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2f052d824.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3357fa7b45f067f91f8e33a49fd1c4eee1f824db","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2f052d824.0.tgz","fileCount":11,"integrity":"sha512-5W6YkZQYJMoaKODVUU6avNWcKoy/w1mSgcwsEtlsAeF0cgSnO5k136O9fcu7Vpx676KGeB9fprxR96x+gW/NyA==","signatures":[{"sig":"MEYCIQC60bMF645JAfufQP+y+5oPjzzGPctIam9mDlVCWA6EowIhAKGzc55kS1Yhk3uiGRjP6pi0FcoGyXkdgTVa3lOoVXno","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetcnPCRA9TVsSAnZWagAApdIP/1iFCbAXp5lcV82uNuI0\n8NdsFFNjZRfiONXo6TP3PiFPJXn5QAJz7Lk3YnXssWjuQof5clBtNRzZblQa\nwy9XwXzCwZOGj1bELEFDznPhk02YR4Ftn6JZ3tOBhA2GWLIdSoPxRf2ur449\n1pmx5JsfAyeOB6662WksCSBafDLITHX+yuL9YNW3qovNB5efcvYGZ2hbCmZm\naPkEqg63qf8FSMD1epRzdGSnR2GdemC/bN4KfPCL6q6T+s0tcDPKnOcFGtGY\n+70VGwj3Bx2dFtYEfju6dfzeVNXa1oUd25B3iW/fAnN1P2eOqyuYnamoZW81\nVS0IdwbPrilmFXIt4t72ku79tqC5aZmnZ+DAVDMPPUXH9dHqOA0kKvkEX6Du\nSpMJSwcu7EBgv0g484ST8SX4HQn2J86aT6BntabDe4Fu+D6ZFIPFjsry6ksD\nFRqSK1032YxmvBnkMAhh772/vF2MO1LWtUxWvy6wbGx2GtB/509kcwTRgu8Q\n5Ks5ujPuWzw/BCQFZqer7yW3QJpr6o46K610yhk6z0fPFvSSiMNspjpZUWXx\nc3MSqHcM9h1kGyIXNTRePwLL4hHR3l0MWcelGwL5Up3Ux/0fLWV6bf7bHGAK\nwQODfgU2NbHi1ulXSXyPpndA25NH0dezFen4nlrIPrk8MdDcbLIl+KaYyAas\ndcXz\r\n=iPyN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e3bfb78e98db35607ba75f333490d9693f14e844","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2f052d824.0_1588971983414_0.0031165237126959955","host":"s3://npm-registry-packages"}},"7.0.0-canary.e84444387.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.e84444387.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.e84444387.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18d2d2b18a25ef54774be70a49c2fa6c5816b404","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.e84444387.0.tgz","fileCount":11,"integrity":"sha512-eP6w6FzQQPO566bGqOWZyUrrYkykN6FXaxsL7lghGhrqAYjTTiJtvpGTn0oFcsoPIRdx9GWv6+Mqbe+2cIZncg==","signatures":[{"sig":"MEUCIDY5A4Q0O4szVT0EUHatdAouWPuE6jAas2scgt0NpNTVAiEAoeC852ACc5dL1Op0Foj35Y25teQRMGqAen4gHBuFM6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetc+LCRA9TVsSAnZWagAAbxUP/0QEnevg2hRLfFlt15n2\nJZQtsxHYzEbVFOnpekvRqSqOMqLjFvz67MTza7Bs/yz0HGOU2VB7zuoEQLkH\nGhgsqOFll4IcqxQGe9xUn46a5lZ6jucqbpb/iZMJzWqBOMZYxK0z/QXl4gLI\nEtaGm9lwI5/dt4FPpGLwvZ4y4KycbENwzoKg6nKkyp2vb5ruZCfltpsr+3D0\n/y7e94GAwokQ1mUoW+u90NxO8XLM4ynDB0usK33HDqk6wAqh5jwbLK3WtU9x\n1OUiBeXoNQcLsOkB40pWcsH7+UMLFYtWR8ToDsIeMgDg2Hfl2Gk1ww53HEfY\n3ITox6BDgIYqMQj1AF3KNEEZesyRwDLV6Joimn+zWZ/BuWQ0hUEFGb71WNMm\n5mQH23sxAQcY3GytHB9JV/pO/GgbJ8l7J2SRUkXkszByIK/i8I0Z0xPgIY8e\n50mxWEocBfx5jH5Lvgm7ebROPDcMTM17K00jUryayd04mFQTX6SSAswTrCta\npl/HKu5uD0+onnCl1eE2Vy8CEcNAusInVtskv46RNDiZUySJv3E8qGvSxbsb\nP4ugbgsEzUkkb4Lma7iyeC1so1j1auzu4x8YQqnnY6XUZ082eEsKc/0J8EL+\nMBT9t5gYgacXhCIn/lo4v0I8TyldaRQI2r7q8G+AQrgEfZK4ec7AAYNlaJlG\nn+mZ\r\n=emNY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35f59683bcff8d7b2e79ea4f582488d0d86b0b97","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.e84444387.0_1588973451414_0.4138679904654565","host":"s3://npm-registry-packages"}},"7.0.0-canary.893eb1876.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.893eb1876.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.893eb1876.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bad06afc652b592ac43c9957c8dff6e0ef45ce3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.893eb1876.0.tgz","fileCount":11,"integrity":"sha512-djr91VO2xrIlC3MMXo9dFsAPZOUDASpJFsL3xX6szW4qttMd7yLMHVwSaFVrZ2J9NHig5ztEvSjRbSBaUgtCTw==","signatures":[{"sig":"MEYCIQCpAqDm2HyePcRj2wj9b0VfhXTxVeuUwkUoirUPVxS2OwIhANIrTzQ790fbRBQPlKZLVEMkmbimO1qJViMWLaOwxTq/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuV1ACRA9TVsSAnZWagAA0pAQAIuXBJ5G2nqrKNPErR2I\nnpvmiie6Xuee2788bncUlduNuWZOdZBGxqBq2fPU9a7DvmWOWIy7O57U3KVd\ny4Blg64Q6LmlApSf2PdlPHHELSMvm7TraQjmlsygVxup2GJOrYjy2oQXI8nF\n8cCr+kLkNNetFb0bDAaY+zzmDz5R1CMyetCaMbvvHBj/ZYMVY2RbNhjU4Z/n\nmKvUU9FFrgE/M61XmqM7I2Dup7PlxsD+XlA1AftolY+7LAYf3JW13pkRtn04\n3Lgcmai4gstp58PYoNAED+RjtAHQ3QajenwtYvERYDNH85EK4+QLAKRvTx1p\nvkgDASslIdEDqySmHsSI3DeZt9jAnKSF4AaC+KhoKiGW0xXZsXPQlH5EvFP3\n+y6sJh5llckN0cCy5OfV8OQs+kQjySu5G/hGSWwFhcJKY1OOUuoVpHfcodB4\n22Qfv9ATfni2X+pZ1P23sC8WyMZCEU+JCjAUEcZnQLsK1NZ0K0U/rFuoDJxl\np9CQeuH5+pcBlqbbPeHokYp3xTBaHZWKVAD7TJMoUWlyNYZkU2CDVuXHlhxW\nvoxrz/5gK6Q5o8G/MCXNhXag8ksudQdoejv5kVJYAONxj+w8O0nAzUXkbbOs\nhJPKMAF/XOzSKpRcTy7q9r3ze3L4EvVKlQD2U99/P35DrY96j8BgkUBWeraB\nSB5K\r\n=7j8R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4bf9fb733753ef4cba5683a95a2f2a71a743a68e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.893eb1876.0_1589206336110_0.2821097300622848","host":"s3://npm-registry-packages"}},"7.0.0-canary.a5aeb3001.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a5aeb3001.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a5aeb3001.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5af97f77aad9c791affa6505b92c40012d8664eb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a5aeb3001.0.tgz","fileCount":11,"integrity":"sha512-uuYfGrXc+ZWJlAYUOKfXdX2C3bEtALAQ+EVIHHpYr3OA9fDkOIbGr4LkMm5utG/yigUDgl8hdRf5l6v9MqlmRw==","signatures":[{"sig":"MEQCICOvN9MuLrx5XgkDrIjPFH+syilDpspSeV6Pccpgc4nMAiBB3A1PRJDI7IZHjqcA7UFKDL0fFf53eVVxRSpvriE9SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuWDuCRA9TVsSAnZWagAAyHEP/1CmOnMlg0A0D3ribeb2\n7BB9hVRJe62+0zN9yoCSAJ8yXPqbg6fcrcKkk0UYok2J9U1oDJGxL6upYLoj\nSp7+viZ9Zek9h4JUTLb9Bq+ZorWNustxw4BFmrkjPFTu+qJss/dG0nlLOaIt\nFvV2m69trqqde9E/TeLHGIJyuu4TlMKmLhXEIRV9NbUizMWDaiI4e5MlAej9\nfoWgnfmKUXML+gsFUviPGdqYXHLlUCzK2DASSVbg14M/9YRLf3fVmYUnryvl\nqSPe0vDXrdtZPhzmWr8n2h+touuvaW8GpPL3dq4tzd1wr7Co0vrO2jQ/xp8L\nTynuHPjDGZfIBjlCciRucXhF8tHviyyUB9Hl/DTozh2BWuWtM/oVvwcAsqFC\nBp00PpjFJs/z1esjSjBjuy86AhWk/jOdy+BaRX0mIpv9qU3N09n4cW2l63GB\nMpHO8iSSM/cUauDMECB1gB6Jmq1HHY2xaspjsv7MnDuMfANTuUeqilEW47KB\nm/tDnksnSUQGUODnkjJFc8DEhhb5cNWRSa6Dfksn+J6iXgaVhQVJ8RIH5i0Q\na5WxV4Hof0U0EzwNSJUhQTkimEF3qzpt2Ze2S03+mV6vfAL2dzw0sQ7QNEBA\n9baL9hGDISmLBIXV3ASBjjnKCXNkDw9mUbjL/XQJxF+MpP9x4ISJsn/gaFAY\nS8Ho\r\n=imYZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"01ce640dffe32b7838dec108ffb4d0c40d3e7bc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a5aeb3001.0_1589207277783_0.5790105510280621","host":"s3://npm-registry-packages"}},"7.0.0-canary.610c68d97.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.610c68d97.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.610c68d97.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"400f226a5b2e29a529d8fac2bcb5f8bd180a8e9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.610c68d97.0.tgz","fileCount":11,"integrity":"sha512-voxoN23J/OPiRaBiam+Q7l4fhOh8TkgqKbMPfzZFPkAJ9rL9Drqk5PDseecAC8kRiKfVQva1euQLYMxGg2kq3w==","signatures":[{"sig":"MEUCIQD9E51S5PbDlbEBmmLs6/WdK+/NMk0JfjWllIaqDqDwMgIgQN7B5QQu1arRdw1iwaayHoGZT6vdBNsxX8S0HiVKoYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuageCRA9TVsSAnZWagAAy1UP/A6bQaoJUzgpoSqpVmNK\nB9ahTPWs1dXLnE/Tc24RJAdigCNXZ8sXCA3jCqrob8zpmh2ZpGPJP1EpDSY4\n7OgPXJbA1HgnBvIywJer/DtFIh/1jIUaPDGHrvQVOjiUhamy0+110BeWpepE\nkQtjNSheFcVy0TMK2GJggr0V+tYmSgUsgN8zcUAVrVF1C4Jr/anL2IltHAb5\nURz8oxW5Z6FLT/eNg4nleMeDT7OxTY59hy0Ru3Jayk+zTmPDOoBWAe29QnvK\noU/HRxNmCM9p4NNXScwSBpGn/HfYb5l/T3XbmPvGcF7p6Z4uqGeh7dXiKx3t\nLzVbguDSdNTUPEb4bztB3hkkJiefaqraUlE4zWdbkGXH765nPTCK8Zp/GMka\n14IQvRSHwV390gIcuv5Us9ptI636Ec6tOlJUjcKEHk5xebTC0weDvHdnGeTk\n70X7O5AOT182QR908TG/Cj1mfjeEUfCC5rQz+cEL5x+yyzWKtmV/KXcvqC2N\neE6Jqu8n0YsYlfO3MJ2xpKl94DKxLwZzbCOY6sp2+JwIW07+RHZKRdi2TM2N\nQZHwfLW+yD+Ws4CKlqPTGaw+GEpI/cLTOnmmWYbFdt0PLviOvHW8eUkOcPZ5\n/Q3es0ndwtwk/qH5FsO9zjQriZVebdE5nn+S2q2IikTbaa0Yc6nwXoExj6lK\nQiM+\r\n=47JN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ac4b0339093446110cc551732ef34ba30b4f4a49","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.610c68d97.0_1589225501937_0.9310745002965153","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed52af767.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ed52af767.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ed52af767.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9c17b79100ee72655165278890934258122794a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ed52af767.0.tgz","fileCount":11,"integrity":"sha512-8n3Nho2pz0Glpvi94ua/fbfmXCkuXN2KbKGMy12Ni3wVRd0GDa9IQdqFQk/Z9TsV+lk3ZQVdbVKT/ynaegwzbQ==","signatures":[{"sig":"MEYCIQDKdsQdze0Q9hptwGpst03M0mwQnRDqeGzLCqekbC+l1AIhAKMvW1hrEBoVFOWiqPyF3NsyEpX7rL8qwZIvA3SvMwbt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeubT1CRA9TVsSAnZWagAAE6UP/3+G+Ohjh7ZNqTkQm39X\nqSfuRdmBWGaqqkgMzjpJDHsZV0GL/ngT6lTkdFJQS0zhMmtkK4UwJrtDJfd3\ntK0Kyr6UGcjEtr/n4XkVX+qcFW/pRuo3uev/ThiI8ssDfuILxXjIz5e59BIE\nwJyDBisTfEbEC/pG7lYvnM/RrlDSmC8CUS5oKl738u5GMP15OpYLJjEyUaRl\nyD1s+AcSnMwjrm939EqCUZW2HRFNBtFF9yJjWmEoNzJkvDBBKjGukOi3WQjp\nnqqkuurjI5ZqWEE6F9w9OCamDjb0xBdWEIL/5zEWA6cuYwKKZPGaAwRXYj2S\ntD42efaQhuxFGnHskbhEPCe5Igu+xDDtEppqzpmFBiUImV5foTBcpW4BZwUd\n5hXY6+JRSUGciD0ElwqnVBa4lwh3tReGP9OJfObHFwCPJo6zWpm3L5IqvluN\n7fCqfTqW1nFYhaKTvPfNyhCedN/g4tESuQvCkMy2kkyZ5tA4wmhrVJacRXzo\nDJwqzMBq6/fYzpkz9B0w4n5J1kfa1GkwkjsiFWxOjMr4ozpO3dVg0MV+AjEB\nJICuOSCweTKNcfHSeffhoT8DrZ7XreJJ8vC1wlE8IAeYoijMXIw6gib2qPXy\nDT7VzM/zOD5BrgnKVW2/MHEENp6EmKGR2dokIVBAONkEKBnXP+UYnrOARdU8\nfRVr\r\n=rF0W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"06b24ff740d1a29e8764ec98f735b6fef77dc5dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ed52af767.0_1589228786548_0.06017874633117759","host":"s3://npm-registry-packages"}},"7.0.0-canary.058cfd23c.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.058cfd23c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.058cfd23c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"488ba2b9d7742c01e4af0ceabc5ceae2f3dd85b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.058cfd23c.0.tgz","fileCount":11,"integrity":"sha512-Antpi27OuxzydcR1PuSShBgR571pWoFZr1c28UZS5Y6LSXzQdQWRTJar3a5RQbwV095waHQkpS+EvoWniS2aSw==","signatures":[{"sig":"MEUCIQCOj/9pnt4GFcIsW62qy3tLv2LyUw2sqAhkL+r4djVqIwIgfOpFXPNMGuQ3do/XohPTrrz1LTdKggkP/eS76Cn3P68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeucKKCRA9TVsSAnZWagAAniMQAJQ7O0ya9zkxKNfLmqBO\nsz3XYaIJy9qlQkuNWoVya0C7vL8mMRveel9MtK+y9uLgjCmdWAR6iexCBZ+6\nBtTPo0vmzhUqSnpRPe3eHU8oFasTb9kd8WebYPMyeyFUkpexeHzMr9FaUF0g\nueh85aD7hqKViWp4S9vVHYmFW+oqHYVsXJCjHDsAyrhDBLAtmUTyamUGJEZ/\nEcyGSvWlwE48//AN4n4CcL2slkqSSYQfTkQ3wK2pjDR5dIbHviBVvZ0Ade+X\nzE4iNU3ElhBSdJG/oc6j8fE8S2GoGfc5MJ7tKXMRDTYtrI8pKXRqbPGP5IGR\nLvS5FGDdISOGbuI6Ibw/KoXBlVsGt4t0EjKJfDzvUlmdLzGY7/XzjrU4A9KW\nwtwHvh4FWE4gSfuH9QKV19UNNprmRJyGWUgu61cQA4au3pf5SMR/L9bU2355\nspYn/+fEesCf0Bku8p+LGIagXU+g5Xo3QiI2IUSUg5ewfSFV/Y2ipLEknOJn\nAu8EsPZHhVsjNLQjC30kPke61e1KZnanYbj1Z9+PEsDOK3PEqjlEw9gl9QCb\nCRSkumZgnCijuEEXtNLDVIU18xBKH/BWv+thcaI8MqQa04zCAZB1Cbg7B+3X\nYxKQxlLr6B/CuIA62Prg5XkXe7S6tz7aD0UMTh9arFWjwqClDu9CHDAVLdOQ\nj95r\r\n=+XE9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e012af26b00c720a751210639bef8379d1085234","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.058cfd23c.0_1589232266370_0.7242599830751562","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a371b4fe.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.0a371b4fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.0a371b4fe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb6d7689518ea6739d0ffd014b6c1be911953a35","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.0a371b4fe.0.tgz","fileCount":11,"integrity":"sha512-TcYsGCJtc8ygTgb3nekhZeRrBCBNvn1llWgNxgNv632BHPTd7gUw/CPUc9clZa84iR07q1kFettT/mt2WDiIlA==","signatures":[{"sig":"MEUCIEjJJ17H5enL3nLMC2sdwY1tXz4kQpdHkMWYrrPynFyRAiEA/4F96+SKnK0tXPs0CodbJ+hxIBgI5WqtzUt47AESFCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuy6ECRA9TVsSAnZWagAAgRkP/RHTKbOBZR9Ik95vqlMB\nosaHpXnjnWryECKmv0J1wDdWSa3uRoKxFShq4Lpc3xpwzArfvxLEG500Qdzd\nNF8Ss0KV0Ne1kdvsZLoXp99EJkRlqSV/VObluBpeRL6u4GfvbxwQhtd2fHQk\nqY2zkfYDYW4D2Yt5HWokxKe4tPZZZbKB3CVDLMKYlI5xRcnQ7FezK7DvJLjI\ne3QODL6dxcVtIWLLHsQF0xYqRTJ3es/xe7jR2sPCZ36E+DHnkzO6uC47zZXO\nLXC48azY4VlWhNJRQkJ8/U6TyRwgNaQNTqtD57QwDmfA8hi/E4PwGS7TByVY\n5FW92XlEJNWLBzVkrYy9OtwhE+hlb+j/gj/wOydk4E6FN2+Eoqma0TS4PGYS\nlYppEL5WIwuOeaBTRORXetF4C0bUNUhk8+/X92Vjz0Qo7hrCwO9jiNeDRP8E\nuVjMANoOFwoQbDzb/e8vgS6ItHqgCD+Vreimg/KRU52qE+6fFKyK+FzB4Knm\nVrMVnD5h3Kwo0SL+NqwNxUGTq8878zIZO8ovVmvvPIkip9Sf3EaUz4RWJGt+\naDtxYPD/tVtx9goZeFAz3Yq0R+P50BlYjT9KFEa27rzZioRiixTS2sSDq829\ntNB1MD9Kk6DDYUiDqdvNoXrNIqKVA6k4nFFHQ8IMfN5kf54pqiCi4fQmwU0u\n1F9N\r\n=DdKr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c3c5efa159a3a5dd1da72a8e4e94015fb7984f7b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.0a371b4fe.0_1589325443603_0.7586027257303514","host":"s3://npm-registry-packages"}},"7.0.0-canary.2139200b3.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2139200b3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2139200b3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc848ebf86daa6b7ef563a956bd6989017cda1af","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2139200b3.0.tgz","fileCount":11,"integrity":"sha512-jpjM0vd4vzrYOhQb3GjUsSjLH006JgFvUG3QpypdVp0JGra3nKrqPz+yEMAihQ+vLytVzAeXbgqyhcza0zYf5w==","signatures":[{"sig":"MEQCICKhGEq93gPePvmhYLnLDVnWSmyjrTRuwOUEIT9hJ7hGAiA6FlzjuwlR9Nwqf9C+cp+npvodGwZiFyK7Poec7RabKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevAhFCRA9TVsSAnZWagAA2lkP/A091CQF/h7RsM9XKm+l\nlBTn4ig0rM36Yoh6bpc+jhML5fKDbKGdz4LkCjx+Wn9C5XYVqjN4AoEcr9bY\nwXthRobVO1tlSM0wbHDpshUfCAtriA8Ja4zKzwEZdVdA3cG/MUY7ozHQzCqE\nP0FzBL0shwXBON84xTCiesmdYu/V/1tJTJjRjilCT8CC69u2w1kXYvjZKBv9\n85om97aQ+YvdVagyTLoGKk3qR4xKQ7bYEwuUF+bya6t2lQNhwlgJpBrPW4no\nhNXOesQXLlYC1Cs7jc5rAU93tQXTFBYP6kdJ+50frkHb9800S/nwtnSRLHRH\nd7SF1/vfg/I2DKKUyPoNnd7SHEueygJ45cbc9vx/LoddVW88T2DsNP/fa5BX\nFV88Kno3q0y330RhmPBsKBvffe0H1teS0O5LYNQOpDgt9IhjOSaKdITyN7RW\nABQ8g2Gb4b94CfZ7j0+yy9n+DfmNmNoVJJ5bJZ8GVokjQaEmHB7OXgZXqAsO\ng1VJqNfneT+NvFZlfh75xsl4zT9wINNX+Bxevt8PQRXhfHxOsHFs+Ujgq645\n42inKpuaO3ZfbjN80LElzjKPyBYaOFTR1lxbbgN1ujJGwRXiQgDElwCWgNU0\nKa48lSbjzLTyhSq/HP4ap/nM3fptrm0gAQ+LkvAbkl5vyX/CGp8es5oAG0ie\n8fP8\r\n=FstY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"42c214d2b2b544f76002d71be276eb747a69d9d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2139200b3.0_1589381189305_0.9601602441094887","host":"s3://npm-registry-packages"}},"7.0.0-canary.744d751a0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.744d751a0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.744d751a0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"891e33aa906e1eed184fbffcb7ff7f4a46dead53","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.744d751a0.0.tgz","fileCount":11,"integrity":"sha512-8EanR56pPD2AuvXHrDZFYEZxvN8YXw+lyyqUVCS141RkKLDLpL9qNu1UkApURAgnXe130dVtR6CIH+E2qN3dnA==","signatures":[{"sig":"MEUCIB/7MUgEzNJHpWodlIVosXtENv16qjEmSPplYSL9KiwhAiEAyG8EK47ANKXLeQKg4vjOKp2agnjfPdJGk8wyvTk3Nhg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevMwbCRA9TVsSAnZWagAAIckP+wc7zQAm1g7OA8IrQHQW\npGHuITbftbRFWQI7REN02YuSc3WLWRYgZpKtjnN4oZ6W+M+S1WzJWz3p4v8X\nhDR4SohZhvUDo5QC7TxrjnzsnAgyOZw+OKd4Ct0BCpK0rzWfXrAZm/izf3yj\nG8Xm0Vw2Y1OGfSo7pgYz/d2ZVJDeaDU2BzdfQ/mUYsfjQT23L8whwegBAalE\nDRmCZDAIxH+R7QIBgzDZUGHG4ratZgU9DjqcUYbD7bR/T3U+vJ+rXul4vSlm\nCiPiGg1ZvGROGwVSZDU2Cx+L/VBhhbVWuC8YWVd5pFR9zo5LjLR4dUhhBMbR\n3dCJm5mCUmtQ9aJse33WTkNmQlb1EPiFw7MRxSSzbMFIF6tQNPnZNfTipqJe\n6yVCvaZVA/h4/60iS7SMxqZYU74hWSQM6XhZhiuVVkvubyjX9aTHgUeLUTIe\nCYVvwivzeqfSZ3coAZQwZ3CfwrgyFpqIVvhnH0sPodTmcAdszaKBSdG2gucH\nRp8QyQ92aaGYxBs9OVinwNiuDE4ztX/RENOC+bm8ZeOpax/NnyPPDShur9/G\njEZd7R6nKov9Nj4DumIBWhdzj8t+/uVMieIqqs/tM+mcddqlop/saPYcVpyB\ngZ7AS8WNHGKyUbNByPtsk3qh2IL9SQqT48SRQjEX0ZYDy79j05kjlMmhV4Rc\nKClS\r\n=E10l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"afc5bacf5330bcdbe874e652a8d6df5e4a35e7c8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.744d751a0.0_1589431322674_0.5165427365230983","host":"s3://npm-registry-packages"}},"7.0.0-canary.ad0c0c103.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ad0c0c103.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ad0c0c103.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"27607d2fc6dd03d443209413b090197ed036560a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ad0c0c103.0.tgz","fileCount":11,"integrity":"sha512-kCqHy0aVKpxz4xUK2iaLHrxo1ttCya7Oq+trn/vhUcLqo5J4wfMY5LKQX1sUCUQLYAv88ppe6U0YlDJAdexd2Q==","signatures":[{"sig":"MEQCIFMQTGoSTKHlwvBqNGuGeGha4a3De4aD6PbdJ2vFaAsOAiAY5+8+wnC3jWFUHAe57JR+PPmZrvi+hbFZ/O1xj2oi6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevVrDCRA9TVsSAnZWagAApVoP/RzsD47UYZbF0QZMslnQ\njlau20L9SFcknCYE2KQ5m1gg4lNtQrdaqfFwR89HAON5znJS1RMy103Mv9iR\nl77BRmr91tW4M0yWbtZ21YFwftunLq0mPRTozbmbgXxBGDQzsHavK+Ykkxkq\njo2QTazO11dftZgUsh7/eiPUnqZ9VgiI/JEnt+FMZdsL4guN95WfQwi2VPH+\ntaxu9RdHYcqvJHhQLKCqrVlzLOyzegTXF2fVZxxdm/EqTCOp9aWzhLWFhtGY\n6sQzj+8Tv5OXXqM3/ARnky9/lol/baDAyEZ18g7vV1mW69YDN7UXOsmhKEj4\n4rD51oRfibUQilznJUgQ/yV35zs1aI0YJPPG1htfq+GPgzTk8IRgIgL7N4p/\ni3hzGENPegD5RrvXW8ondXOjFoiWxfxv+H8ympwVG3l4XGZLANL1UXYrXkdY\nEGsZwB2j0U8r/oe1bnTZlhY1IonEsVldgtnDOBQmdpinKZPJfNGrJAQd5gOs\noIReGq7VPPg00Uln6Kg9yCldn6UqCT8/eBgFCpmACDSj37G1NhLOf24qYHm0\now0X11XLoR+3DSpNSLIL2YhoMv7E6DB3DUi4KEqGN0Bpd4RVUWzcy1k3Qoqt\na6E97t2m1O2mYtRm9sQ/Hz5bYVh2VaNjOSEAdRMMppiWCeYeMxtywxisZWOm\nVeAC\r\n=t8CN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"76a0fe161f579d30f0d739918fe09f5f4eef04c0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ad0c0c103.0_1589467842755_0.8498821500451417","host":"s3://npm-registry-packages"}},"7.0.0-canary.fd8f8f2b7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.fd8f8f2b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.fd8f8f2b7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93e893874c208c99de0a7a8872a6ac37ca250edd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.fd8f8f2b7.0.tgz","fileCount":11,"integrity":"sha512-Q398pGkfqv1aWlPEuglqVOt/eMGBrc65mThPLlWSSPOGk0Io/vj1rxm6pBasknSdvwrwJ9QkwoJDOXxymEZ1Qg==","signatures":[{"sig":"MEQCIBmFdr5wdq9HFhoFIm8fuX3wkWbqH4PK4wDytV1ndGl4AiAy11emmGkmtlGFrn36g7vQXYyTjhh/5HaUvTlgWuckxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewst5CRA9TVsSAnZWagAAfPQQAJqLx1/eGS2jRm8BSyWd\nhTRx7j2IeSwgDT87ocw5Dh6tJnNgayHQzHX+Jr2t7q4T+Frw22VdemqHFt4z\na8BeBfkOL+1CRwnHI3xFz/j99OTNCYoHahDtXNeBdsgaCuWAARRp+7qtJ3J7\nGZMlx0hYaKAsmrTPkMNTzUmDvpTmixxp7bdmllz7rd11c/JNpLOws4nWr2xO\nOc71kqw2zGAAjLczs6yvlIhi9PByewFrZcgr5I/31+p8Sqjd+YDFASv3YRMF\nq7ea0ugYJSc3dTks3pZprSN3D/2aXX29s1Q5gDndbPsvorERFiKCg1QJzfyU\n+ljljRg4WPPaIBk685hJBLKgnmGRfs9dw38U4EPC0KvJ5AY2/w5WXjZokMVm\ndmQhColqGac8+ReFMEEDUeFgmJUZJgw5fhOekdTSjth2qsQ4z2FzvC47kMyR\n6EJmOMkLi/EvX0O7ud5E044QmuIMxRclDW6EvYAK2Fy2f+VKq59/PTFVro6a\nIyVY06NmpSIII8apYS5kAKwhnYpvk/YEbeXj13tifTNT/Lze4TIPtkg4FX28\ngEunnvA6T1dgAYBBWhkMIFazLZmN1rzLk3qRvCvuT8GevnZrE+NAf4P3d+DJ\nZ7NAQ5tppXOsK0f1qiWSfiVwtusPQvMTGz015SyC/gTe81HK5diaTJHHVHba\ncoIY\r\n=lbJI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"30fbf3d1582cc530b978714ab043f92bea7c4b83","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.fd8f8f2b7.0_1589824376682_0.8159652536344468","host":"s3://npm-registry-packages"}},"7.0.0-canary.730920fbb.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.730920fbb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.730920fbb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2bd870ee535069ca5d351df21767b5c315ade9e9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.730920fbb.0.tgz","fileCount":11,"integrity":"sha512-uKMgqTDqCOrXcy9RJ6hHXjwaTrMeA978O8EvZD8nun/YW/bIUJTdrrm7BRL6hg1fLT0Ku+BUYqbHiSvotKoI0A==","signatures":[{"sig":"MEYCIQCv83SW7Fwm2+LWTDaNX7Wn/J/Ehab30KxslgIUXvI9fAIhALS+YzXe/QAxbB0Q9UjJSwQX7fcg2oU1YjBmpi3wIRnR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewuVTCRA9TVsSAnZWagAAK5wP/jPtpcg/5YZN+Vag5iP3\nL7RgsLRVVkkxwAg/53bfzTX9L9h7AQ1apxEIJji2fCtoWw2BcOwrJ52Ve+Nw\n24u0s6sPXS7b88wlLQ/UqC4qsBsk9d7dEN+QSqO6zlRX3QQrpqJOHcxqIo2D\nB1+IY7rHmoEYGEjgLkXyrjAimrdbuUX0oGI/O5hfSdHSR7LioDU2O6P+NRNF\nem6soSbUEmmUVgGcyjDfM617Xe6Efmw2rXymLMA5wDJ14Gdt4qK2gHbcdjdN\n2IUHfABRpQqpJJC5Zf33h5xxd3sNgwzrRs8avzCuoeb/mg13JEAslTnXX6Fg\nZr2V4lRUd5sMWTw2EGUrw06P0XooePEkVSw2aLMnQDCKu5ibiNDhIUhE7m1y\n3l6sZKf7fxkmGOmIxkmxDUoAbip8NF6Z4VWZbtxxhEcDQXOtxC8F4E+LGCed\nOPQxCf2nN4ZwpPB5aRDCQ/c/OR4lNMTbF1IJ+J1S3/SsA4Q+IMvmodNn9aPw\nh2xHrHad3kVOGQXFkRrtVSBvUH1lbwt2cscl+2jRWR/RrbedoijvHB2AedB3\nGzyfEuXB6URVXhfCNlsH49B3agXEtN3FzEQETMtcbEdmo5IzvyAu9VboSaoZ\nFgjTESBuB0b0lOjSTRFp3sz2TmvKk0z+luKnBn0GdKbesX7BtZSOOGONRjYp\n5GbP\r\n=rqeW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1acee01a3bcc1944050bcc6a38a1846c507db43b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.730920fbb.0_1589830995586_0.11449428053795918","host":"s3://npm-registry-packages"}},"7.0.0-canary.bcdad99bb.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.bcdad99bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.bcdad99bb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1eef8c994a24c5b5d1b6217dc4d8bb14d9817b84","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.bcdad99bb.0.tgz","fileCount":11,"integrity":"sha512-7nAvcFpLVBcDwj20Kfbd4eRQcnRVPTanyIUNLz+iOfwVeLNAB2PdMaPyJigPJJVADeDmegdfmfA81xEH7HLpzw==","signatures":[{"sig":"MEQCIBoRP0g2uaCmEXWrvfymc6IeO6XmvDPUBS2Bjv6eXiSjAiB0+4hCjCW8/UIh3ZxcxfVYX3gtxwcOhkg8cgxDkRUyuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew0/ACRA9TVsSAnZWagAAVrYQAJi2iORiUwV7hSkB6az1\nu9eUE8j1D47nwuB//q7qU4zGkP8QGTy1SpP32Wq+xTTS4RRbc9QqpTzPyCGc\nItYvOfcaSG4XQqA3w+4TXSlBiU1ucOXnIuwz5KyTuKOyXCYxyaPGEky3wZfx\nom+MPWFRuZq66+Ge+zBfXh9fvxb26rhtXpGxczjFo1hOIggFBS/jNoomEEhi\n9FAEOqmHjaD0thP8goeHRTm4ri452kNgOXIITeVcHGpqlIoirYuau4g9TgcJ\nE4to9aYT/pZamj+XFg+CoMiX3vsicNuujQFRk9CayHVlhHhEhgMdHeiD+8Mc\nz5yE3ASs2LEogAkgJflSALjNmPPBBi0VvB00UN6tb8TZ4mEpoH5PkjiwEUiV\np34MluQTEHAlREdt8FGs1awIugkjngfhRZg2uscVnRU1Qis+Nt1KGBk5iyod\n3U8bwNKGfgrEO5rBkmo7KC9BW2J/GCZJNh8Mw+jOnUiaLY29k/mVoovfwOG6\nCTFBKUUNA6ijqZv36d3vhFfXFvyOp+2dbLXEe2gIjojCIXlUhmuFlRTm3kHu\nkdcsSkEp0E3vRx0x6oBHMhOcuzVCS8p0fHomPuISPY2Zk+h0jVAybgx9qAVd\ndSaC7T9OJtHf0qaNmNFTUODRuTWSfkPDhenVZbvDGqqlTdL7vgT415P8YFhu\nOz6l\r\n=FBeG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"33c3545075b4fec07083bb484fdd7245d0b243a2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.bcdad99bb.0_1589858239961_0.7019277762982887","host":"s3://npm-registry-packages"}},"7.0.0-canary.4497b86ed.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4497b86ed.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4497b86ed.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b2c6662da450f06f56c1078376edae861317f4b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4497b86ed.0.tgz","fileCount":11,"integrity":"sha512-vFikLK5HVqAg1ypqI+I5DCvz8waUHWTHtrqKIpyUvO6uHacIbiqTQwX30JHGGcNn6fGhCpUmAEhE6MaDJBfq7g==","signatures":[{"sig":"MEUCIQDOgJ6kxEMfNgp0so3c1Omvki+Z1+0Jo4yD0hfdnowKHQIgLEZCTzA3lHBEDVstVFixCJnHQ9XqameP6YiTDqX8OPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew1duCRA9TVsSAnZWagAAFeoP/RrzTDZhy31aGtkWrBrX\nVOHpm87FbYJXkZpCtead+WXzVw4gyGQ0oLYJ8Cysi3K5CPQsnvZouBz/c7qn\nihYMmohd/vPHVsoNpJJgHuXx40/P5oz14REGziy56ldJqvkCSuvGaC72fob2\nN0UXZlNnPNiU6DKjU6dAJ3uu5tqe4ytgRFbICoDxLvBomt+YHFtmPne+QIGK\nfeJyAe78ZSmAMWvtL5J9Jn79/jsz1epcLP0EioetjdNqOQlxRpUnGWfPvJqe\n6GXp1hxMSUMgFr8XE85sNCFou9XV5YTwR3XlGxa5OH5vDqy+2EQz0FOAxa2I\n1Q9iZ9ujF4Q7akcqINbSj8wAM5xRs2v7igapLuTN+dIOUavYKdEZA6NDsyPk\npCga64njEeNiHfyA2DKmOeReFQCgSFYXF6D+hs9hn29RFlxAujZshPn0rtOQ\ngkJeuxysYMIkq67WrbSC5oObSTvKT873Z6m7bE1er8jWsqXsT11BKSAhyvUA\nrSvTqTijBqAanTGHZIx6xDmag3CRgOiJxql/sPjkfzrSUUo0jslN9McZqIDX\n5rlDV/zNLDpVUhxcbnn+nultZ3svWQP++pePaM5p9/NXjZGdF7yAHicYFCY8\n9ZkJtUQe0Z0jmcM/ZL4qaYg3lX96jrEPC3Fg/qjzw1Z8U7qm1sSW0vn7nJzp\nWlRz\r\n=h8b4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ffe8b9fd24f52b80e2fa6a7007881da7c29f885","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4497b86ed.0_1589860206393_0.3643733308719135","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e60575da.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2e60575da.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2e60575da.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55a9d0fd10c329401192a7cccc843f85ecfeeb02","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2e60575da.0.tgz","fileCount":11,"integrity":"sha512-XYT4WsIuDiukbbTF0C+3LHb0Jqx5oKbsOC7w9TLGRkU3B0O6f+Nu9knPJ8fr/lpc+DLOMsA/pKBW1pEResvwZw==","signatures":[{"sig":"MEUCIQCxYZVcxoHz7Q/MmkNK9vKYwNrfe+GQfFnzmcFDqti8PAIgPCVumvR9FMFS+mlERR74V7BlK1oFut/qxQ7mL5rj1uM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexAR7CRA9TVsSAnZWagAAYN4P/2/VJVKQgNZBP2bXvLmz\nZgfkS/xeYe2n5fr4O8nrL9gB/4cEBm7Ff5yLeEWLYAUi5HKAmsVpDYFvsMVP\npDiB5XKyUkIcFqzbiiheWwRPEZgyu0CsgLre/MY28KWISBDosA+x2S1Du0oi\nGaqy4bIQZDsckeGu1HcHS/2rxssA0FYz6Vu2TyMbwLckApygy0cuW1rwmAqU\n74E2Fjgu14iM7rBnKIjzNJKpC05VzTdG5kK/2JeXwSluDum8R61nzVcLEAxO\n4xPgIXnlnYEmoTHSZ5G3oidQQXHPatHF/jjr7O/nPXp6ZsVfbl040grHpGfw\n5Q2l2+Y/WL7dPkMo1ZP9D9xhORHSdnwwVxFwllQqljTCoZ+G1wWgI7cA9PTH\npN4vR+HZ/WU5y+6Y/FRQd+VejF5n3abwuC/cpqLbdHVgSU8s0lU8UC91+C78\n+BX3iPPJNfNvUqOwjrD7mB2/4FAPiXx7N3VeJSHxmHa0Xbo4xryRThS6VdJK\nUefKZtj1GT2pOtHsdkQH0XLK0RYi24yDg8jED4WGAcXQp7r39SkidLS/x2Fy\nXzdYJG7Bgsh/VLKxSML6MLZKinydrvn6LNHppIIZF1SOopRyJEvuxH1DF4Ym\nYNyHKDjLkSQPliqkwN6aIHXpNez2yA3AknOphlUyQ/vtH+54VWKLSyxD/l7Y\nv3br\r\n=kzDE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4b6f1d5a01445ae9c14845614630907beaad190","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2e60575da.0_1589904507400_0.667385870981092","host":"s3://npm-registry-packages"}},"7.0.0-canary.e3eacefcc.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.e3eacefcc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.e3eacefcc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53f682c96027e22c9dd4ccf6a8126476416fd29b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.e3eacefcc.0.tgz","fileCount":11,"integrity":"sha512-pRPvWxwiuOnLkHC3EdQE/V4dBDEhhcYKPwyMOirMUj0W7CTGcCiJkG/rFUPogOD+1jQOVC7urhahVp35FVi2Fg==","signatures":[{"sig":"MEUCIQCS236LsU9h8/eRWO8XUS0pEvtELeA5S8JENChix9CFIQIgCsDlntQ8byyQnU6MPHC6y64QB+5T6ExCyFQoQrttCDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexBlQCRA9TVsSAnZWagAA+csP/2cbjb/uVq4DdnpfPr+e\n975HK60jE+jyw0y7j0e03sfmABG16Wlf1jE8oWJoj17yo+xYY4YiNbonAZdo\nJiqZp75s1VMao4kLNsxS41HiXjhhiHe2heedmSQViQPk+kqABbTPyog9qIoG\nC2v/KPxuuqfoT9lmy5BpKuT7Ww6Ee/6tEVP/ZGvffZFUjjLTDZ6fNWF9E1iY\nXfCwSeyW/0Z+fwDu0XpVdjniazhQeL75Bpt/BKc5UY7ZPIndYqpwO/bylDhI\na53crQqAIzxIkaL3k0mIEoKCyvIo1xhbdY6ed/ScJ219GzVvHXpQWb8rT45D\ni0j/gcVdnBemiV5F64+ShC4nlPgjyc4rmp3LLMVaCd/deMUsJuGK55lZBfNk\nh+ogTE9xmUYO8RMDgPx1o5mC1NfPr1JLP1N9QzMeZVnl62YF5eJL6BFMnUh6\ntjBGDm1sFYxBtPTHaRVpq3J4DkeJUNQ0JotqDDpisc8mybqHS6X2WyZVv89P\nqSTK8fOpvMUqDqeTTROfKiZ8mCnvqx76pz37UB0uYDZtCpvtxm7OvFJMWPPG\nULZnfCdeikz90SpHQu049TYNaTT/D732Jf0GugavzLGxCP0xcT5vBeK2gO45\nQqn3mpUVpXCuFkEesokXZrMkg/RByJy8YwCMCHHfbJ9MpY+3IQTDwGBiz/91\n3lUv\r\n=BLW+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a80846c07f1b98212ba692bf027c2003093d0180","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.e3eacefcc.0_1589909839751_0.16642802257683464","host":"s3://npm-registry-packages"}},"7.0.0-canary.b065a4d2b.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b065a4d2b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b065a4d2b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bb7f5d75bd935a695431c6d99ff63d131632a59","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b065a4d2b.0.tgz","fileCount":11,"integrity":"sha512-H/EY5MmfNEimEB75ssCxtQnka5i4hsumBPIlm5IjhmhptmAEYSYb54qVG4w7nnbU2b4w9izbQV5HctdqH2xw/g==","signatures":[{"sig":"MEUCIQDisgPy8QauMKMbtcfWthSNrdCs8kwkacsUbTakYucxUwIgTGWBd1uvsH0erU4rrlV0kRUjkmcuvED2iHzgfOZRCFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexUA+CRA9TVsSAnZWagAACTQP/iU4KCa903+pz93cX1Dr\nEcgrUsPN6D5VCoedHI6gu/hi9Msl2fR9xTuQiW6HDbXUa6n69CpAOht54TTw\ntTjWGcb/dycr/ZZOs1O0CDvawGhq1P2nwDCxxL6Ymhv3JdlUUVudFxRChP1v\nwdJhIkFCY9DpflKO75mw+dBIj83BT9vpmsdsq+H0tHQNE9F+Ky5OxzUgklTf\nH8aJQr43EGulKIjfk4tkTXzVAPr0YEBi4a83CWYttVe30D/12PtA8UGZAL4P\njGkUxmVlwYLboE4UGPXkI7V6I4RVmhZDB3bIBb3lPer1eKlRs67QhtSlc4ID\nX++9+fURMEi6xsQzPU2BHJ63w9AkoN9owUTje9+kh/NRC9HbduNSaffB47Kv\n3PNil9vmkIatPBG8zX8FbROCIe2BbcsxQECX/fJDOzqULGahjXMVz4vMTOzX\n32jVyVc03Ay79YDl0Cm2aTRdl/U88dhjYo41ZZvIR8reiuuz1RVwghVFFvXk\njh2sRYy95mgZODkItieVSAfTayWUaJ8FTyEEDOLfmnHo9yOzowH5nIQCoJTm\nauzeId0RiQYraQeVCr3TlwAmAU7WXvu2P60Ac86JykaYwWld+rudS5LIDDnE\n7cO/XQsHU7PsBAjpZhe0In+xHGm+nA5Cf9q/ARrI5pnFy+wY2HZytiPZWbij\nK/Xq\r\n=//EQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7de80cb2ccfd67196d7be3fd614cebb9cd73499f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b065a4d2b.0_1589985341941_0.9997204287757786","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ebce8d78.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4ebce8d78.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4ebce8d78.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e7a87fe492d11f9a1a353e802465408458b23db","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4ebce8d78.0.tgz","fileCount":11,"integrity":"sha512-p+L3gMiqpHGzu+mdoWA11G3ZQO6EE1k5mkrS9KJNck5NEmQHW0V/veG0XXo3+5ch0X1h4TS6sjCMbFx1U2WnuA==","signatures":[{"sig":"MEYCIQDly2XFRPyw76B7vO++omug9o1/8NNrNiYdWyAbHwxcuQIhAM4omLFkHGTZpD9HGUEN3F4JWzSXVMElZnG4Q/GxndXJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexZfhCRA9TVsSAnZWagAAKY4P/2dGNbp/B3EoLhEaJqLN\n7HkeWW9LV9WxDHFkiUCr5kwBkZl44XF0UzFC9tXOWFr4SMxkdywtnpYy69KU\nlCyiUJJE8azvFmSBWy8ePE5H9eECxpG+NQpZqX1ku3ZtW9AXNB+LufTFGYIU\n7AdtDqPj5SNTWkpKJsEaJV8d7mxeYcrs4BKCzBCtkjIhHrn1d69v6KtQxaYL\no9abt8+FmD3c3II8Hbu/Sm7Zw+Z9e7ehW3WMYihxDM7bIZl/tlJ/qltctnkB\nGpEn1u6MycQcTUeM0X+TmsQi63VPjUHJWPLSaWAdB528mAQ6WLKCnzfE9KEh\nKSGb1MlDrWS179uJ2CGDsjTkBDOcYz46cmdawyIJ62UU9B+PVmHgv4jGhHjF\nobnkupdM90hfcyDEi6113n04gmfFSCTE9YGyBnoDy9xKmgeSW97VPxXjwVG7\nXG/jbVsEhn6x1b2qTHNNJtfkPWQ/Az6yzXTWZRmfMbAhNyfdTR9TpGE/8HyM\n+MU8oU0OrDdSTVDXmR94sOLmwCjepbadFvmMtENOzxCUR/wBvzKjhDu9EGFy\nD7KdwvzIj4N5OI82uTfk1oPNgfMFQ6UYHuxWqX1nT5O/EUr6XpT++BbjFbQw\nbJkGwOrHBbhg3gwZSSTWC2mQcNxgCbdDsUakawJ0rrdvl2IxchsRI2FzD0Ma\nkaJ6\r\n=B5+/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7cc6c4aec24377070d4417765fa102dcd7c7e0b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4ebce8d78.0_1590007777293_0.4192858990534243","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0fdca492.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b0fdca492.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b0fdca492.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c46be822412888ca1c06e4bd478ee52ff774bb0e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b0fdca492.0.tgz","fileCount":11,"integrity":"sha512-P4amT7jKoMcuLCVs5OG8Xk26JbkuWwgbnSJKPb8RBeS98NTBfYCQoG6d/fHRYs8YgW83lq9yFLWwPr5ashlKVA==","signatures":[{"sig":"MEQCIDTd55ZYX/Uzn99io10nfcMKJbtn+Ro/H9c7g3t7Jq25AiAPoMctN5MRBKG6Hg1cTe7pW31ecS4eDJ9uGjqWBvK4JA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexbbrCRA9TVsSAnZWagAAOvIQAJuAqW1uSg0b6JT+9ZGS\nxUa6/RCLEInCQAyFih5NQkWUdQih1eGZ02/nZrlWI3yDRa9AKmnHj3vnSZku\n35Id+773VDgvk1luzaZEjauhTHmhjYp++Ugj03uESPhxtd8EZo9LC67D6y/w\nWCin0YDqupjr/95pcr3cW1Qaa5y/r5bM5JLqC9oEBHvHeVC9rEr3PKm2pBtJ\nWrfro24B3kJ1UOmSyiGa4D76P92K6ErnuqR+LGro8QEnsLoR/O83pwF3h7OR\n0uLKumPDMoN1SRV6YhIldNFZYbDNV47MFhTR5IfSu0gbCOD9QN/x7jA33exS\nf1uEJTn52c0gfH421evZdl0q/w9+MMk+W8o3uvmoQYgS8iP1xUHdZocS8mcf\nElxIqVK4KaTI958STBoSJwTObjG2M8imQ6jhjGpEo4hOw9pbDNQtHeCyKan2\nvad+MqcQl3+OMrtT55bmtysPmsW4yRhtYp4aksNeqi/JQY31QCAsFKery2gk\n+/Lsc0zFD3tjGBiLx4D43OS9uN6F6aXgftcg13D7K/pevdeP3OxLQ3NYKWL9\nxSGu96N1yhIeraS2q3FRZCrtw1PTsLmudLO+bhgu/g9aOLiqlxhWbvZD5ahT\nJ1ERrzK+WSFeUd7cGy03XQl4wADpLXsH1vafcf65YdJXX4Y6XY/soq+Jttk5\nA7y8\r\n=qB9P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"590e5f052548986555dab713a1bcd253b6dcd01a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b0fdca492.0_1590015722604_0.2104352379092056","host":"s3://npm-registry-packages"}},"7.0.0-canary.c67667e8e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.c67667e8e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.c67667e8e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9071455a39d70fe624a8be0e5cf033947fa2882f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.c67667e8e.0.tgz","fileCount":11,"integrity":"sha512-r/7CJIlCUuQrqFP/4yhzuBWUwcaqfeWfz3fW/gH0q4n9BzD66rpBKPlHSUFcX9pU4BLwd1k0RCFlSW4PwcYXGw==","signatures":[{"sig":"MEUCIDRFO5/mNQcBKjv/7tfRr7UYlKoggxfDtGBSpVo25HELAiEA6cwKEIpM2kfO2VjqYmGd6Nm8Uc/fHsnzLyQh046MlHE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexowiCRA9TVsSAnZWagAAqAAP/3O1jBo0usu9d9HUpAM4\nUYbDHFxqoUS58ZgVIlsTgpQgcDoPB/31QYC/5sdaUVsKiS08Q+AnMvDDlDX0\nLFnluC1Kt5nLxplF2hzxBlY93DrLm/YBcvJl2LVXjjUsC1xKjLfD0BJuyswy\nJ2RMit99BTAMOpSsJoGrw1+pmHY2IJO98JQZd6Wi5fIHLg35Z1jM4zKzU2BO\nK65Fkt6k4ZRZecOjNgcvWxkVIsR05cCFrfuQVfWcGzEVf5Zl/8x2lG/ebWrM\nnPeDuKhKjjc0iPkP+rbwAK/7pJzo5xAGrnLPSn7vQGq/Yvsssq4SsIH0y2AS\npkJpidcsMGnHWAQ4nPmGOf4jzgu7+pn62Ziu0/34LxII33ST/rm/1kbi4buW\nULJbdzYdrXNOCAflXxo4gHtXfsQT8arXuHj7uv5KLnjZiAPPk1gMJrJv65Ud\ngJ7/l8u8rNPWYX7q+euiax8yXO2Ba6CEh+zBpHBQmgaVmuETGsDuTOXxF4aw\n+ddkyMA4ZrmmCDdumDNbqjLfBwMyZbDIy2au1E25k55wNYjmX06H3mA2ByPz\nkEH8iyiTKg40OgLfGa8E1oE9isGxf3vuF2djXqfaGFI8KzGbTsrQMMz0ni70\nyotW/+bjRzNAv+LWsY7wka3OvQE4sjPjSMfhNm7cgvT1pU4byqJNYasiO9ho\n8CCP\r\n=FVih\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"405f1e85ef85a7cfb12bdcba9816d716433463d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.c67667e8e.0_1590070305590_0.9103139267344675","host":"s3://npm-registry-packages"}},"7.0.0-canary.62b5f37db.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.62b5f37db.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.62b5f37db.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c29d16f9df21ee6fd6fa12df4fdcf707bb6a105","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.62b5f37db.0.tgz","fileCount":11,"integrity":"sha512-KL11iPPZqyRJmtZBJL7ioqj52DsRNhTGLh65eEEhzxsglV+cI6FsvJSRZbvXDHlWYUHSIw1n/WtizbRryOVPmg==","signatures":[{"sig":"MEYCIQDmZRaEWzyDZIwF2csWb+2/0F6vrq3WCXwzJFknjHTkPwIhAKwjVUjYoFIFi9v9bUzhr7CZofgTp4pj2uftSsVma5uL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexq79CRA9TVsSAnZWagAAb8IP/jI1B4F/g+yHZs423vwy\nq3EJjJBk17a2lmOl5FrwlJIIeq7Yhkrqi7A1GRxOzpAqJQ4vOlBsRlke2Pa9\nh4lfLHZFnPQ1lQC/f7MoD6D+rUj/43qSFADyMhpcC4mIhBh+trxv2nJZ8gtD\nFcMiq+2Ve3/plm2mb6k6JxOoBJ46FUeGI0La4sNNGvylATN+EMYBu5J4WJ+o\nCoFks/S4CF88RTmn/UOm6cPyaOniawsA1gQJA15QkwGWcaRHbVp/FzPAyyzX\nAe9eUOzR5KhP8v6DcTxw0lyZlmog9ykTGsQ1ZiV3QZl6e4RRyRqzHZGLTZO2\nHvttBeeOPhaFA4QHXreiceRZLIz5WonqMNQGi6jTFBLJPdWgkjCTAWdyVgYC\nxUjpLL9/wTFZLVA0cjlNCLUnoNW4ZT8oYRbkGcBOVzuQ9TvlrGg5ETrHP+Lw\n9OFrWp3dbsmKxr2YMmnTEc0awjkGBz+QZpmvKrihJBMf3mAGa5KTBE+RjKJI\nMM8YMEoJh1M+o53YjojYqGdEDock3qxqVu3Smn1rjrnhNIgu+gHYZg0Kiafn\nDPBu82ikTMNvQVxsxJjf2nJhoAzNeYEdUfRfB4wngZBsQwdynV1LJQ2t/gsa\nOZ14n0BzYOj2EYrEc10mqUejYYoH1UI6GpH/gUk/YchcPvgfZXNwL7X73kTM\n+2HY\r\n=9WJn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"62c869c9d490fcd3f25cd87f251a83b273e32736","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.62b5f37db.0_1590079229153_0.49373185328866076","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e218dbf8.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2e218dbf8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2e218dbf8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78bca34d6784ccdea22b5addaa31cf3c9f6652aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2e218dbf8.0.tgz","fileCount":11,"integrity":"sha512-7P7B/QBi0nwPJ6kkYhYz5sa5aW7d+iVVzOuHQFxLhwfkv7uDWxlONcWepzAwSM4yZiz51PaYxLcrj+dFw9l0Hw==","signatures":[{"sig":"MEYCIQDmrrgcOeNbbaE8Z7SVQAeGvrhtBTYMbHMmTJhfA/QT/gIhAIAnFj9QOOX3h6tDyWTsm8GHrSyGOPY2YMeWVNjblakE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrPiCRA9TVsSAnZWagAAizsP/2FotC0+rW4tCNtsL+jv\nJxIvgk30Ge5E6na4Fd38uYuAlKZLWOx84hNpo/DGJELq4Bjh4MqCfRH3bzFb\nSdamMvNgHLMUxCi4UKKyYPtyJi/wr+WZ+263YoPXixUmrZdBrc+G8rijbTF0\nkQE3bzNv5W9SvcMbr+QLQ7GDIUjN/rNT19ezRGUCDatvj6HxH6e/n1m7CM3L\nTZkuawQgcZdOhQfQMjjVLIHHXRM4A+BQspQZLoiF90GLAEKmafBXOMs+ac3C\nLf94Dmi3U40n30pQP1q0yOnfRyLzadSStTltaUV9g1VUeuFj9SruitZnWJHo\nUP+TYtJwhJ5VVwXRZh0oi9gKMNItGLIAGgYHE/oRoQ4WNIQMqicGTbMV0qQS\nAFynB7+OQhqsH1oo9VKWn63PwP+tZhOSDxP40x+Ak0U5LslSIHFreaGL04Be\nUHY+y9asR0+WmmRSGm3D4bLeceY7mIPDvx3VnNGlLS+m5L9gex8l2Cvub/Z2\nvPfZ/925aAq0WX5hggS/dkWLzGEj2Ji5DYXOOm+rSF6KIZzXhs/DOpxiTARg\n/Y00OUpyqhk8/hTX4LdK4We9qbr8gBbM8c1vR9nsvh0oG/c0cTMR97IeqBN4\nsdLPXcW+UIvq1CKoql3D6ELSgIWpO/ryrbbcSXsmK2gOMIAm9UlECQ9DcvXm\nykSP\r\n=dnNv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9b76f9144a233e7569877ab8f0dbbb1be555055","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2e218dbf8.0_1590080482464_0.3307085153762439","host":"s3://npm-registry-packages"}},"7.0.0-canary.7fd792bb9.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.7fd792bb9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.7fd792bb9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"365bbeb65f3df1d298a1e23b6946cb8f729df2dd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.7fd792bb9.0.tgz","fileCount":11,"integrity":"sha512-9K1Lrt+tqoH54CY3i/8GUuU0BkLhGZ2vyx9zvEkvXDbMerJ8jxIHhzTtxkKWGnp5CUdll4xe610k0LGzLIjMaQ==","signatures":[{"sig":"MEQCIH/UKksKkKttSPpgeAlDfLlKp2Zxmh5dp0Zb0fMZEK/pAiBn7S4FY5VJQzpRQbwITCTep9U7M6GuHwfcsevII+6sew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrbUCRA9TVsSAnZWagAAuukP/133qiK5gioDr4o+laIu\niDWP9sH/h3lFGANE4FWuf6HsBN4U9Law/RNmHtP6ljMRVEBT60odNWMV8qS9\npZlakrC4Him9AAI+DWDD7M0uSzsx8us+H8J4FMr6qaakI/fzu/uiO4KzkzHL\nbMDD6VcsykwLiCWL0e2DGEQ6n2FSAIyiQW0p8gXshNrULzbGypMdl6fe2BdU\np0OrAlt0FtNRU9arpdLbHA6WW2G+EGAMC9n4yQDN00Qee0MZPu8LhvLmk+1h\nwefFZDH8ebRyhe71aDZR2++cut4RF6DS3dx6H4moAvGs43CGe9oVbmXUFy/G\ndm5x53Q1R7poZmAFy5aHc8gcHYYEwFaQRLUrohdmRKj+jEJflVkyV0QwJmga\nAQyDjiLwPI77YOJPWercm1XEnIkyTir6i4s2S4NF/6KqNQ7LC0XS3B6kyPwA\nEQTRNP0Q24B543epbpR1PcBU28dWhffKW4Je85e7GE3rRPYdkpUR8s/bjyPc\nJkUCtYNM6OLXz2VluDLaJ2QFj4wAcBZw+QI1iddImx4OoQYtC5e7jCsdB0pu\n1IGjrSttlEzUld93MFL7pnkaKEoYdIqylPe938o+b3PfDe38qHjwe1FAtZMb\n4SnYfBSd59RjAXhwM5o2OozsE2O9XD6wqoK7hz0ICtEOV78vXIDjzAEHe4/m\nJWm0\r\n=lXti\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d5ce4b5e7914675090d101b10f10374783326ede","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.7fd792bb9.0_1590081235819_0.22970298527937993","host":"s3://npm-registry-packages"}},"7.0.0-canary.a66493cd8.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a66493cd8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a66493cd8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de90f454f873a6c0466a97009ffa698a168abe6e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a66493cd8.0.tgz","fileCount":11,"integrity":"sha512-gZSx7oYemYrfX18UowrbPe2cQRKR88oicZOYzG77PSjr2C3QNvEt645KAoGF/QL/afS+IqCgMCM7TMSF88ZFhA==","signatures":[{"sig":"MEYCIQD/dNQaPq7J4KSLpQ/X1nTEdS9JvGzOoIIz+6NAK29s0AIhAJSCbCA1nfARwE8ArThBthT9NhDn9rQm0VAxdigMMzCw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrehCRA9TVsSAnZWagAAPOYP/jt36aqkHkgdonLaeWtY\n6aTmgZFxw6h+j8zsP/48uZ+Ira03Q4RTtNqRjpN5D/AdvjSebG2GkUZ1G5Mb\n+CqSpjViRi1Nkj2wGqV0LPD+HEYmV3epYYoiySubesswIBuT+EkB3kZLbHHr\nNy7O/E4cRoAlka2DD238AURuaT13bBPvA5DqWjk4T1JIEDGRt5FqEShQ8xOp\nPnRRMNkNXTAMQGdz1kujlKO6yvp3T6I7KIOwjkHm3av7+ZVVvEcudjx2U6J5\ntP3M20cOz0leZ/bajv9E1SA4LHu37eVWXHUQbtyZxdkWemyRXI+6flFIYnY8\nUsFdSuChl3eDKbyuZQZoxsaWCXr2GKZ5E6b7oJ5GIRImRp/Glx6nOH9OonIt\nlq7nZW1hM1xMSeIOX+CrxlNzuejzX3pperi8AAa9mPW3ZpNLNFZY+s1RTStE\nWzQvYcbHBcEuwb6elDGawgjVtVt1LaRVChzsXPPp+q0A3WBuirlPsjizjfvp\nXalA7kv5SzacT8nzhxxsCIX4n+jnnvNT2KFvk+xRzS7GQQT3k8r87Ti+IxBk\nFfBCIN9HbKL7s+yxyTu1YyJ/PYXQc7BoTg0W+GwWqOoqu8OlP1lGiVUKyyAh\nca0CqWVsW/sUydtGmPpmyYw4V8BXqNS0cEnZ4ozpsuGyvoFHu/thFWDUJlwk\naim7\r\n=euAN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a14e3cae1fdb42680777a9a6b5706060924d68b5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a66493cd8.0_1590081441244_0.2830478391549258","host":"s3://npm-registry-packages"}},"7.0.0-canary.da05f66e1.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.da05f66e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.da05f66e1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e540210c2ff0d22bec5ca9165d4ad52d8ba11238","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.da05f66e1.0.tgz","fileCount":11,"integrity":"sha512-fPeglFCdJJ5z59kNJ3+8g5mmMahHyQdU96W5WjuSAwfhpQajMJebElicCW54PwosDXC8vSVmWkEA1tFbmoYcmQ==","signatures":[{"sig":"MEYCIQDpg1Usy6IyFiupQRUQl4J/9d9GDV7nGa7Yv6fAUkk0dAIhANyPAy1QNKE73m5ZSr2zorZUO0m+toWebqGhlYqSzQBJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrgOCRA9TVsSAnZWagAArbgP/3XRpPxY8jxYYjAZsjqI\n7yuD3EZlsBnm+Q3r0RrPIZ7aCbcx7tOxbEFmpH6xNwaRpNx8U4n3sEwZ8SMt\nO9mfMLVGKaZyHTq2KDUwY+Lw3KOk8wRf71q3HWgxb5NKvFiFCjgKTrCK3cA3\nOUmOmY3TjeC3QO8OVPUwvVR03CxSltKEG85QsQDdjECo7YrFU3PDqA6S+U+M\nqKtkxhKAzQca7d3ZwvYc5aYKFfbPPbEx/Ci7vl+30w5sGJxhU9Ch9NQ6Lrup\n+Zi4Z8eyRsqGVrK/sxmncF4PlmnKs4/WANeUK7TpZRhGHiiDwWZZIUNVbRe8\nlpGNxvs/25Y9DUr1sDa8CC31+6Bbh8RCdE2FTksssxfhUwnKZELwOQbE35/M\ns4LjzNSPPX53l6SBsFpqz7v/8IgkfldjPYgmi6cpaDcdBRSf0Cj05uA2Vlaj\nGNOIyDKTDU3/0/4czxUqqK367an1Ns98qMJe4D1lGNrwU6Vjz26xC5tTs7C3\n3fze3+fX6gcEIvkz0+zrP2+lm1rKbxTXkPpuxkeKJIf3M7zZjhgx+RVtfsKT\nWLTPlYMLdlQaWunYG697VdXrb541HnEo36CkvMDnZLLszjgPrI7xvHuDcbWB\nB/z8duhA3qaItnnuMleNV/GCl1XGw2DCc9lo6qtrZq9ksZjDWC5vF6tCpQEF\nsSPd\r\n=DO8L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"97f495e74f33645d8f066a4be88eaba95700a4e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.da05f66e1.0_1590081550311_0.864672772726097","host":"s3://npm-registry-packages"}},"7.0.0-canary.740860e78.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.740860e78.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.740860e78.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f1671e0db4dddddefcc3d73652f81b7e8a742c8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.740860e78.0.tgz","fileCount":11,"integrity":"sha512-FHXCjSEq6rZcgRMUQ+oNNf57ZBJhZtP6w9iQprNayhket7ZQFzwYOVpYPdDWTybacx4EpaHVb8UfQ/cVEqtbLw==","signatures":[{"sig":"MEUCIQDBEd4mmpq3FqVQr0x7eSJAWEaQTuWWS+Rfq4BDQLrVBAIgFc4H/6815eXmG3pTWXEq39cVhhXtVXVVqFv7wk8cITQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrmkCRA9TVsSAnZWagAAKg8P/jv3RS/AsuAo4pAwxCQR\nRTxhzlAWwSnNSkRqCsKhBCSSxM+H6rtG4brUbLar0kJ1CJbeMDRWm13luoBw\nsoY3EPLotG7UPar9nLgvd12TkpGfdA/OGsSwc97x/i1Mzdb25EqdH6EjQppQ\n4KJ2AGKtZecdHGNxMmSvrgUIZpmtNlLKZAC1NTRLGzKg4NXar3o6uKH3lteL\neqG0X9kf3Il76Ohh4iUR7QuGEIJ4zKvrKiWk78FvXJvIy+6w7SYxVJbj5C5I\n6HJA6MbGUBHd14jQNEr7ma8Te/dO6drBMWEjK9yDBSGevZ+rSy093BXrNuE6\naogvXUElwECnO8zprYcL0KJDKAfsujgYkP6UHQnlxpAvQX1roHye4YTEHEAR\nxp42YJEL6tEYEL+/1SVnKhLpHbyq52nmTEX7L/HethqEaRl5Zl3/ULHbw0ux\n3i7AFFp96xNKO5k7v+tW1RTrtMRf+hdqoAId168nGWmJ/qpHVJrlnpv6p/0i\ncWvIHtGnwxMbCnZhPTC84u2pUn2Z/k770GTtbME3dp5GhqZwg78/cAH6gmnE\nxqKdOFxDAY+ZydKI9LlFGjTqonY/9goKcJpvCveqyWdw5hDoC9eqzrazYMBw\nptMIDlHEa2wRQIfeVBRk+2B8k1wLjD27D8GuzpQLx/th5KKcQdMe16nM/zFA\nr9Yj\r\n=2w8O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2319c23e86ed8e7ed27865b711bb6ea6970b98dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.740860e78.0_1590081956174_0.7823263605169","host":"s3://npm-registry-packages"}},"7.0.0-canary.5cea2610f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.5cea2610f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.5cea2610f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"807736420696eea1e782e1caa433380b27966fba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.5cea2610f.0.tgz","fileCount":11,"integrity":"sha512-27KFw4psf+mEEw7IJqBcntKBVLka33UTbQ4TF6AbEU921JDc7xg/ML+fpyKto64fiwpDiKL74VoT/B8HEslgkQ==","signatures":[{"sig":"MEUCIALmvsDTG7f4LOkPLi9P2b4L9FjNrAWVwxFIqoK5XwjdAiEArNeFvIjGj7eThgu7TaQuat+rq7MrQKj1nTUD82yGndo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexroeCRA9TVsSAnZWagAAm2gP/jhAOYzznxSuGod268Dw\n/GoUxJKcm9IxJ1sq84k+a2hhSEqaq+J4P3OWnltBS1E/wLTJcp6t7Zy5Jnba\nzJ1uDf7sS7CeLIzh4R3veNDFZXjwv7U4D/IwcfvNCWmMSV7om9OxA9T3OVFe\ntqFvk58J4crV8XlzguMAm4JgiskkWZfi3BNqNG5aadUFmjzqwV793PfhxW03\nC+26it6/a1dSjmsQdM6NTh5sZQeSLDxgF+L3llOqFGwGSaEoB0qsAoRUDWoQ\ngFt394eAsjEZVkN98Xzua79Rr1srwuahujNjQ0bIkw7Gdm6jhGKzAsXqj/uz\nlstoX4+x9q7HUTji/9JYg5W8hZCzOnIdp5PvbUHcKsAOCbWVm8kPva5e/7F8\neHzB0NVMG0PA9d9ujBOmMFVWqJ6J74Q78aZK4K0X1x8XHQI/PpE+g2f4jcI8\nT5PTePfBOPl/Q91mQA7UDlghvwifvMQOe47f/ml6Ee9hNV9a5NoXoJLTLK11\nRrS+HCizCF2bnvZqtgBqg/lv0WP8r7ZWeL2VWIgv16r5iyMswLQFYm7nVRJW\n6tvMTlqHN5FDNQGsewATSjv5N+JzMRCKrOJxYxVEghjHJs0b1p15hPL2in9c\nEQk6u7pQ50tuhj7dmhzrkZfEtCXJk+xLUshC+RT4+dvv7aoHUQsCCEqK6Uab\ny3/u\r\n=SLpk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"647d4356b68bdae8879ed7384b0ed1ba4e1954dd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.5cea2610f.0_1590082077657_0.1450494614461204","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf7747ef7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.cf7747ef7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.cf7747ef7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12a1a57333ef5863738a234145400f70cc963eeb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.cf7747ef7.0.tgz","fileCount":11,"integrity":"sha512-l4kqaVjY7xQtlwLpamgyFjRJUKgNiFZDBBM8LtwObtRdmXKb7CJ1YADppGXPx2TvBz13nYElGKS3J5/e3wqBXw==","signatures":[{"sig":"MEUCIQCaklXVgVE+8TU9ms1R1Z1TJcewZB1QPiorGUNQTNTSIQIgKv0dOAe0VSjz1rHWLDpHQpUaQSTafoWxBj8dwppZ5Mc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexroyCRA9TVsSAnZWagAAwIwP/RecWaQMsKqA/ke8SsT9\ngVyWh2RupsnltOr3o0m6jiG7lu+mHut5gq+g1PLL0koE2QLLmZsTtttW4LRN\n9UCAfn5aBYMMVMViu4w7OCuUCTyuAA9gl1QCTfWylxJPqZxdtRlgSjfguVcC\nkSzZd/PZmseEUtqyoQTD0yLX0SbJ71Fq7YBsNucGFFslZQ51mT6yoXDEhczG\nusK5JLkrX2bazQ/5gzedYlt8nIe5l43DDtylK4Rj5hBVyBafFH1JSrvIa7YM\nktN9WEOiGI5Zyah4ltabtQ3sIfglY54SSV6V2fHy0EiVx77I65SC7/SZnWR1\n2WRVbvFS6iZlCTbwDqpAL68XuKLvEpYft223ntI5bxoQEK5Zg0wiW/krIBdi\nWnwjEo4kZ2/IXx24GLhWWPuSEAAxR/6U4Hu5TXpaQPNhmREbTCjmOH6c0YmM\n/oaDU8czPZ0Cd/bMHRPXfd+3qa/FSuCOV/JfsoeewXPXLlKGBzA7ly1dGzjJ\nqpfxdlVeLMUyAx/K4lAKw2feDp4ybd8GugSlckgjYpgHIv5zB71O/egpG6Ew\n66JTaL5ZSOdpLxzSi6Xy431k9tHPKogDIoUuGhbS31R1E7c1nzCpKR4C4+e4\nvVmPdPRDPnT2UVcPOm6/GVaP9vR/W3OGdjBI9U2rRUcNL3nz2/n+3LTwZ+zS\nYswL\r\n=L0ke\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"12d3ae46d64646ae020ede8b9ce88abc7efd384f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.cf7747ef7.0_1590082098293_0.5045873046929747","host":"s3://npm-registry-packages"}},"7.0.0-canary.862d0d7bc.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.862d0d7bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.862d0d7bc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"710804a67f90efe9fcc6f8230d2b0f7a6c813475","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.862d0d7bc.0.tgz","fileCount":11,"integrity":"sha512-ZVy+cOfHCUfwJrCHyBG5Wrm8t2CNsLme0VVpJdCsIavWwTUZMX25AwuPo14FjbQa1xatWY9G3DWcB/haACSz0w==","signatures":[{"sig":"MEYCIQCJMO8Y66eToMwSCDrhfqVcuBgq+BMW9Fi6fES3W14emQIhAOtoctmPyegc1oQTdaWr4X0cfMtVKv6LgSfsH6mfss9U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrrSCRA9TVsSAnZWagAAMf0QAI5aKhxuDTR/270LYuqR\n8UVz3si6J+XLRpnhj31t/exex5gBsym+GdiJNhJrdULrowUPWAS1mE2uLwcR\ngECK04H3clExLybrysKX1x6ygizEZER/P/mnJ3rDSf1rGuXrOjpQzhgu6TQZ\nvwrMpbSCkobjpOBgEDjRiMKRfgJ0Yy+0Bi0TzF84FSHptAAb7esSMADzteI4\nmdMZGx1VliI2wXEW/OjlH/IeNefCQVoQj4Uy6eocajQm4Qyyj1kbgrRIspyI\nGoDsMceR6Qm28Z0kOI0Tsm0AD1MQlN6li541/1UPTsUy+gpNeQm0zPthNsbC\n5vxaWr5kgC1vo8Nerq33ziGYN9AOoSajVZ+UUnDpeFQzH/ohAqIrMQl2/Mmd\nMnxc+T3tl2EcVPYaHf+lO4QCvS8RPkgTgB7Z77h61Z5VTraFrynfL6ZsoKkF\nkYV/8v24PUkTmReGgrde11JgHtUmg96VO4Y0Db6A+c2JD/sNg7XFSDzUy+oq\n15/tq6LUu75wKlw+qDqrIDnUOfgb9cQh8izEnlvxvXJy/In8luNmoXGOdEZQ\nHl7KjCbC1uNKvuvge3c6xKGC7HV0yebEfJig+2AoIhjapQ6Z6AXSZ65jYIIV\ndELCOHDie+lUF1uFwm5y/fiF0ymOulCpUpeVOweAlBhE7ET/btKzpLf7+bJB\nwp0S\r\n=1hSB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"534ebaefbbb3a8abf3be3e2e13c05f86a5461127","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.862d0d7bc.0_1590082257747_0.03048786947440152","host":"s3://npm-registry-packages"}},"7.0.0-canary.0008c8a91.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.0008c8a91.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.0008c8a91.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ee7a207c37209a7b72771a79a31145055b4d561","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.0008c8a91.0.tgz","fileCount":11,"integrity":"sha512-0jJ3FXqWcu+yBvVwWIzzBdNcB/bfV56WEf/8zfqh8aR1KmHbWfcYiMc62DK2qBl5n+5nPPB2lYGdz0xtDiO/LA==","signatures":[{"sig":"MEUCIQDBTLmeOubUVvzgkzqOvAv3nUyL/vlXVEXTUnBbnQI1YAIgB7fdpthVc0urdUliIieY1q6rzONm9G5iDHpVfE5Dv3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextdJCRA9TVsSAnZWagAAUUcP/jLs4Z54981CJ8oRDGFw\n3ZqzuVtmphSUsT4osiDAifJvo9CJH7ek6DPeD+Gj2+ma6TIN2Xko3Os9iw03\nQghft5EHcBxjPzELTgQVQNXFLlg3odSqOrKr+chIZU+FmuDFD4bkKqSf87Dc\n8AEtsD7q1iINCl/9NGVgXqnBsKrmhdxV6WtDBd2s8nI1p6BlosafO9EI4l/x\nkHQT1QQHJGKV4lQHeeP+lSp5JEF/nL9E2NAir5A0+j754UaxSWtaux5gPhro\n0v4uWETPPJWxwo/29914N4cii410s8y3Wz8KW8DO5QpazqdjDEZJmzl6mxSp\nnPRMyVRdZgVNus5OPQyxEU51W7minF/rZDZveiLo9Umt8GuCOQYco2dmv7rV\niZ2QH4ogZpSLTy3q3QleIP0OVCD5dRb7vMpLc65IaXSKAySer3aRrgB2VrCl\nCz+yQ5HozTWUSYajbsnk2qxfy2+r5FGKFtf8qa3RZQgTl0pSxCU63Pz9MC5W\nQPuQmpWWU4YosKBdqFL/9kvWbykmvhtgwGL3VU30gATGstY4IX41Q+IBaVxJ\nxID4hHP0Ek+PmeD/U7QyNrys8qW5y1bCTUQH9BQYNVLY5jgKfcRwsCTIrDBR\nPSoAcR7M2HQ4WPqy4jEX+uu1hb5xM6Y9jQqJy32i5B3eKnJIX2OAOlvkSYwh\nP9Xh\r\n=vvjg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5bafcd3cd9f6f60ca813af30e2b0a8974de09ec8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.0008c8a91.0_1590089545107_0.3804470216993652","host":"s3://npm-registry-packages"}},"7.0.0-canary.541638fa2.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.541638fa2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.541638fa2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52b8f4d166e2f17374989e088c56377929fd10cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.541638fa2.0.tgz","fileCount":11,"integrity":"sha512-ehUN4BOpoOh+Rut9xAZfKr4vY5OFePJPvDsH8C+DFUwLljzvPiNV/MFdoWJj9ceWmLz7PkjcrByz7b7v1lub5w==","signatures":[{"sig":"MEUCIQChPo/fvzLyA88L5g3CHmjCD8ckE4el7a6E3bf3RSz1agIgT8evqVTKbZJjpLaCnNRu+5+PgrGSs9d2yqpynlERTuw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextrKCRA9TVsSAnZWagAAoCgP/27bHNmQvW/5vYBbnC+O\n6sBMkdnK/AGugyd8z21gch3IU6ZPHFtU/0SYlIfj3HTc1IgqNvUY/b+z2mCp\nRPg10Lysj4vXq/AJO9jQSghi6duuZCLO+ChKXx3nfDGdBI7p1TAJGS49q080\nr8w44NYqsQab/YLzRdeStJccejrdrWys/sfoXgrNhRuqB749wx9sUcLyOhpF\njJTkfGijRdHY6NOopvsB+rt7Q03nmL5tAxBYavjIspTl+eEIChFN95rNNCBo\niChaCwf2ohmmSpLgiTrRrmx/jRqtmwB4B3APvJPR1yepFK4kppFv7keD6UfV\nV/RXgtSoRvLWPAMQzNjecTQuHUgAm9wy+Zxs92cPDLgWe56AMdIXnCF/4DZl\nX/V4iVZUq3pDJPgYIdGRXQigPKNtCTBUDJGDHsznOnH6nlR/zyjGmcFDcjH0\neqB0EyMx0Rkjw5Khg93ZLTcWCCh+Aqeq6ws9WxZFpu0EicHJVEZ/oBEIwoXx\n6IKRPt9Cv8JdTJfUDXo51alpqT2Cv883bdTX5Z39L79MibbmwIFXArSbYs3C\nIbeg4pQdO+/Le0ARxu+8mdMEDNAlewQusDvc/3og2OplIQ0OT7dBso2oKfdX\nxWZhoo4piKz/ejDKxhwkEyyv9S+QdKCzxoPdF6Umgfp1vaKtciqOKyw0IcO2\nuo7/\r\n=i/MY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9634a8258477402629947671e06d007833e14f2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.541638fa2.0_1590090442386_0.29727328318044655","host":"s3://npm-registry-packages"}},"7.0.0-canary.6167cd075.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.6167cd075.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.6167cd075.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12dc1af00ec406909332c26255293964bdf79c03","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.6167cd075.0.tgz","fileCount":11,"integrity":"sha512-1nN+V7Q+Wcj0+TyANMH5T3t/Fno9qy6oDi5xPhsecq+s8H0yrCJInxMvMrNnxVTwEytxpWm4Z2rVdvqKnqStmQ==","signatures":[{"sig":"MEUCIAxepUJ5NTrQH7rV+ZGzofGEQveorTDmNS/qg21jyQLVAiEAmVNjNqQaY6t7GD7jLE4GXKqoygHkNAFprpQaEjHKuVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuKBCRA9TVsSAnZWagAAQigP/2pDH587ulWFR0zIMXcZ\nEHg117BOIQu+vM+qdlvWCRcZUllRWt21TMU248tXrnDquVUHzehRpPdso932\ngWGVAJZfFOLip9Eh77Oihj8Ez30ztJoMCJyfxuqf/TUvMuDhcqUDsdVkt+EW\n+V009XJRIMm/BYSkzRecras04G8DX14HE6q/l4XDmxwTsgX3UHLfCa1+tBf0\nEWeHTK39xUMFsKyjJ/wP7lxhXcw2MDAQLhjpI8B0ooExFWFIspIhVUVHmSUF\nT2Xt+LeyW+AkVoXYp/gKSju97/5p8jF69iS9oxnUcZW/QwyjxePl77I8DyB7\n7mNCboYAzV7x/tNyrYvTIde2MO/opMyqDL5vOQ3EWcpJf3n0WvrCPBzP0NrX\n9lHfG5OaFlVX/QI5CD931NuKO0VRZWzQgnRNrahNObIo5UWJFj4pJPwL6XFN\nbRVjZFVShk2XTyq+eT+f6Uq95+x0jnmPmOm1OiSqJvjmEFSsc8Gwb+6jmyiU\nGTqTOopx8mXm8d8RJ2uFBjU6G1AJyHgNUFP2bWcj4SYDSv9uXsMbB5wEsu4M\njnx2nkCwCuq0AxBcTnygfgN16VIY6XT6pv4DFuA0YxRVyepfI8dJ3mod6Lhf\nbLGJeOn3j2DerHcf58UqdJROCAIyKAoX1o7lnAnGAzICbmO8pGNkGm81GZ9c\nnqi4\r\n=lVUk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c86a924ab304fc32e4e6840c7c8962330b6b0fcd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.6167cd075.0_1590092417404_0.9461287417235769","host":"s3://npm-registry-packages"}},"7.0.0-canary.863ac1b0f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.863ac1b0f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.863ac1b0f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e66358897b77c54df08c4ddcc3c0fe0754691f7c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.863ac1b0f.0.tgz","fileCount":11,"integrity":"sha512-DoV6wowOs+WHe03TGJwhCa7gfHkjqctjQEK++WJi7pEGV7QGXRrpvzndEnFPCZHO7rHObvn1xcWJ5ZoCK0qPHA==","signatures":[{"sig":"MEUCIGi2NgYejx1CpQLXnVevFC+mY7T9EUdFpg+/Sr18wBCPAiEArmnTWYK7ow0KW2MfZg5u4nP+cWQQeBMsG35Vhe+X6Ek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuuQCRA9TVsSAnZWagAApAMP/2w0UOzqMkKCgo53P5FD\nvReEtItMr8YGdV8pmxD+jaA7478J5JaHBKkpcae5x5j7+Krd8B9nSC60jzfn\nsxTRNv7AmkNgoiYLNG+a/yhVhdkG7rJ0r/serqj8KkhVLyVwS+SW2OW8Wi4N\nlupLCmcWwGYtd1EF8oVD8i24Cf1sKblAfaWUEGVxfRh16Zie0BuO3U+HzD1V\nNNtA+Ijx67M4ERSd8zlsyGmMFMm4j+hAo3/HsMfvDuiBQZ+HWgZ1tdFtX/L6\nI30aZojj3j9kcnB078mMZwNy8oHOOmsoaWP4aAad/bXJRvpGUkL3NDpDua3j\n6C7BKf3OS+zQ3mErl8vCbIP+Y6MM+QUursOBZR0zh9cWcFB/Elpk310KdA2d\nYc/wt5kvqRHuvwIyqCuudqPsBpQySys6IJ6R8VH5mI7yvUHKyFA+guaC94i0\nBN7aiFGdW85UidgSUMGj/cVeCkgMLHrze5ZcnujHjItRNuWBgulszhqd6jdX\nuASrYBPnN3N3pxG4zPnTpTfseDFz8OlAx+yJ3Z1f4nMUZNS3Eh6ZgaxtE7Kv\nCcM0kweehxVLXcBrJaF7kgCF+uY/XqkUARHRagLThkX+c5JIqVVI2rkGTSdP\nLx7CfEcHPeGRrucdPGgnQTa9E7Ew/AmgzxvPzFmSV3HjxNbnp+piQh2lxgmD\nP6WC\r\n=Mx6H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c1e7026720dc12f1bd465dc892c8718b429563b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.863ac1b0f.0_1590094735613_0.9828705783265028","host":"s3://npm-registry-packages"}},"7.0.0-canary.d30a214ac.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d30a214ac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d30a214ac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e935d62a948dca0c2a9116dc994f7e82faa859be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d30a214ac.0.tgz","fileCount":11,"integrity":"sha512-6ywkMkvhFgc1gGi/YTjXmuJ9pcRB/IrFIs2IVRuEAI9+xgPYjI8Ya792HlcwhGYKECCD0WanhCSNqrlryn0Bag==","signatures":[{"sig":"MEUCIQDgx1GqpjlNv4QwGcRQplLANuvKmIkjbAHQKBY7Ky8skQIgKMirq99cEMimmFdEUjP4n7YjJmhzjRzDM8coYuD1qF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuyPCRA9TVsSAnZWagAAnDcP/21eDQRG23L4h3y/PEQt\n+jZ5vN1QTGvphGq+tOYjWpfK6QjpTFh+UYU2Hx5LbhvhVsYyigmuNcT63CCe\nTAR31afnLufKCw60RYi2CXV2FXAyyKSja1V9weIXthQJwQ8i8znuzPq6Jzwf\nRODBngivShfH8qCE+h/6K8D3Fvo39sAzvKb/jnTOoGr+/n5GZEGB6K3qOkRO\ndGxYxfrkcYTharcn60iRg4DJPfBy9WHxAouiKwTP2Dtkn3NpMdbbdO8niVEC\nZHgptP4V9mSWHdohE7dW1u7Y5NF8Ri94wjIXB1s3nzeCErUXFjU+IB05IhBA\nTR7KLp1PGFSxmYjteu28g7KlKL3Y2HvP0rn52nRKt0QIsADVs1zBxJsK9iXc\nQ0Ox3q5PEysEHucFAuhxVrrpu8eFqF6J4PJzsWert106uACrE8efbcqrxr2l\niK2Qp+6pVHT+hlGOLEVeRcNJkycac5wUCvqC2o25oqo113JkhC7ZffiZnp9/\n2yvauskGtihwUHIwZIPUpnelOT1INMPsCJ9mdoJ73aG82x7VeK+mQqYc8NeF\nwhklLTnO1jLG+oJ3FusT35uCkEaPfhi5pzyObgFXPsyspfB41DlISpMI7W5o\nwIBMct9FzhaFIJXeGxmAN0FEt6pFvsd+BGA8U/BYwh81qdYagwKvMtC1IGSf\nKPfu\r\n=lGCi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"635c0e7c484f851d2ecb4be825abc36357ffc685","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d30a214ac.0_1590094990514_0.3350801258628473","host":"s3://npm-registry-packages"}},"7.0.0-canary.62abbc8d7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.62abbc8d7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.62abbc8d7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ad3092e0f9b7a54b88cf9d1d2d536dbcf159e15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.62abbc8d7.0.tgz","fileCount":11,"integrity":"sha512-XO6JMu7lM2IzTaAZM3zMR6QiYUggIyvuEZQePUqLsV9bDDM+w9ePklUBN0Kz2j3vYu5zphRkQoT14WLHnSuf9Q==","signatures":[{"sig":"MEYCIQDpP69+skT7PG2SeDodDWpjDh6Qz1o8HA35caCJ1MIwuAIhANE5KWKNgpWLiyPV1+EahMvWpEHiuYe+rcMYVsNcrZNu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvJdCRA9TVsSAnZWagAALQ8P/igd3T9wCmOUD0d2JCT0\nv3ZYPavEgH9+dxPavcna6XodqwHUQHUMZUN6lrSaIW0Ssxxg+X5pBoQGu7/b\nSfQ9GEUstkLNt2aI8DuPCeEecF5/CSmhaq2ZusxJlZsx8iuOu6IResIdClQb\nVI/9fJh44PmQ39HmP1YkH6wKsfBcFJjyOvUepNMRycqt48M4KxtwoJmd5JJd\n0i26yuC9Z1SieaEpbFG6p9BcAMNVRY2o/abFlsCJE2mDCd7KkEJqWVmGplMk\nEngxGn0D4R8R4hfvWMyo3+gUmhUAXQDfKhxGP1zIAWElS43CnGqLo1uGAB63\nmCL9/WoMy5Ggs4kXjabbtBl/FXoMa9tp9Hin1pL/QTV9CHCIsbW/ZpdcgC5P\nynM4/bCZQPQtepLYJs5AhHZzhyhzZn6dJ2LgrtGVmVMqxFquVILMBne1j+Kx\nkgPJHCiXg6wDhTfuUaeHLBtskiygYpvgtUVCA1oJcKJg5q1Si5LtbOKhbUOk\nhl74JVNElCMRp6xrZYHI63B2RslD2DsLjhEBme/KsAgSGg5kgun48Yg2YoCU\n40OPZiNgiV6nOHAc5Fe7fZCvzhxlSdPv7q5rUYLlW7HeCL4uXzmzN2OWBbTf\nD4WAIgmF6Opv3mjDRcTAguugHdPMjBLHySHoH4VYDHpd5pclmO0qfCxUp1xw\nO+L6\r\n=nyA/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6758c29e4b065e2aa9cf633b0838c4ebefb9f54c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.62abbc8d7.0_1590096476617_0.6510234150538456","host":"s3://npm-registry-packages"}},"7.0.0-canary.49bf31d5c.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.49bf31d5c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.49bf31d5c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b29ef6757f1df5c639d0a82fc82623991b0c0c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.49bf31d5c.0.tgz","fileCount":11,"integrity":"sha512-lKt/+u5qSQST+ymgN52zMfrpaZcuacmuq3L0Klgdrzd1xJQPdia+JmwPT4/3PbrneWOvmJQReeMo/maYVY1KQA==","signatures":[{"sig":"MEUCIB8dE0HGKFr/e10vS1q3Qc93TqYz+cFFspwXDlEG8gZRAiEA0AUn78SdFNSbgvAH9XuwTA8qbD0EXmAHh9HY6QCw/j0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvMiCRA9TVsSAnZWagAAcjAP/3iH/HJKZ/DhIETmob1/\n0pi58PWSwHAecyqQyS4QEF7Y7TUF3FB9MAc8Kan4FQbKvj4fOGGxhXBrR/Lc\nh2XrtuLpz5rtvUFPQaagzKHPZfCSX/qlME9DMANmWTcadTemXw3G03zod95O\nst72YwZsA5ZMQj1U/nqOlsJSfsCd5PEwvQBkSgTa88r6nB6psU/LuKnyvZOT\n5VxQX/rx4kG09A08OC073IUGGt4WFv+4bgfadWv3nNxHJIVgweXZiOQseHGA\nzx1q56b2XLVG4/SwjcxRCqH8HfuCAxx0EGIC0I+kEjHGTJdfilv90dgcVYfn\nPo+i5NRGVHK1r+3EwuJQNXYqmzL+A4yBTn77NDP7pvN6rFDMvlNnuBXCT+yh\nAP960d0/COMMK0JM37WGyKb+3Dk1aHfoip0IaKG+doVYIB6LN861t0gF8R5g\nnHtZ+3TS4HYtQ/ct3JzhgynwTbauFzytupliwl5YdseR6vy6g//WbybIU76h\nzSIBdd6Ra+KwOLNHa5lw85xlKgKcpFsPCJkaf6eNFByFgDsIknRGG2w+yigY\nLY3jvOGOE9tf+ncVAwIwnAqq9Wn3vFpXGiYYHavjQ3LuBynfHcSBrTwszH24\n96gdsT9M2mocdWQscB0jt8ced75Q8PQZPR8PN9fTEFUICjyySLJy6F2QShTp\nQfZI\r\n=iEZR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"01cd7b0082a754dfb042df35ec48efcd4aa4c52c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.49bf31d5c.0_1590096673419_0.012122440802124324","host":"s3://npm-registry-packages"}},"7.0.0-canary.8e17857d0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8e17857d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8e17857d0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63b1dce07f40bd2a10ad78fb28c5aaf14cb066f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8e17857d0.0.tgz","fileCount":11,"integrity":"sha512-oCKeAA4cdYmE63YlTDob3uFV89ZYq6G3X0Dosr3QRda8vRIEZltrcual2vNZdfnQuyjnvmFitGjwWcy3TyB3mQ==","signatures":[{"sig":"MEQCIG0+LbgnKvqoJrnpgqcahq0nT2Ldpm9aBorMrHyWS9dlAiBiGTaDuDgxhqAFLYiUsRcVhc1MrZPCooexyD52r/mx7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvNWCRA9TVsSAnZWagAAJB4P/1IYivu8a5TyDP2bZagg\nO7P+T6E7mp6O/Kaa3mJ9sHqnX4gwKUxPn9VqUctMVwL9zu3oTDtY3Gq9LBbb\ne2tVjODCRnqDet5ehZIqCwk0svNzBqc8MMVTAMHreTY03UiwsN1te7/PjMav\n0ysQ5Gil7i5cwp4mjBB7f+ZLxoS12j6hXZchfKLGmB8memGf0IG54E0Sr/L0\n3+IXuimdKsdAoHHf07EBT6AODi4nR59j3MQCfinRMWEWp9bQ+s+/98NvWJIx\n3t4TiRoOv4gSfK5lXURQeRaNJ9pl9C2BIdo/TcpbF/QHvGioXSKkRA+32OKu\ncAY7N/RDxQlu0ExzfoBDdbrRLegCBJyB5c29m8wh9Jo6IK5RaIxNJWSU/bHF\nY7t98XGgVD+cETqAOy2OnYyryor5+yYiDCra+h8QQ9+SHZZk3aLdRtqdLP+i\nPqUdb1g3picGmhvb2N5mQEwdgMpJGJNON2zvm+sqhpsSsu2tPvDCILYS2Q1d\nvVoCiq3PcxZvFRboRIGpn2ojXFFwoaahcMk2DYVG4TFkpNvYFPza8p7i2a6d\nY8V8nGQzfTYSmQaLtCyvKmNjLRHlbhqU9FWOEc6y9o+Zu/VAqIHkwwVguCVT\ns2OY/bvojL2G+iUItOuP8m/1RpzBxgG5tp0hAe+aILSHPP9cEAEy/9CLJFrT\nbhYc\r\n=J/VM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9b03d700366fd287f2ec053c5ef4ccf802ac600f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8e17857d0.0_1590096726161_0.4343137356888336","host":"s3://npm-registry-packages"}},"7.0.0-canary.c113fc942.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.c113fc942.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.c113fc942.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce392852d798137a2e69071edd570a1b8a6d6589","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.c113fc942.0.tgz","fileCount":11,"integrity":"sha512-XV8C9I7B5yRKOrFNyXTD05mmpNOfozuqvhqslRvKwWD7vIf5XJPjHczQDp8Cbg4NskbFiQsQzkKYozJdeOLh8A==","signatures":[{"sig":"MEUCIA01WrfOkj0ZqbqaCNxIy+IZ2txeIH/S4xyFFLTeux/PAiEAzyRBwZc5ipO6iBxV5QmevGLnUXWaJ4RoxBLt50X9AmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexwSUCRA9TVsSAnZWagAAK58P/3mugtvjrKdjIoXRsfsG\noUtgorP2iySWkex8MWRB/lkbmsmVKuX0s1rfY4KsZNTx4+FPPuyL5D7rDthG\nhmOPjXG4sf9/bcBSKMyTWko2+tU5BkxuflMhoDNx0+Q/pPzwKSescAUJ8hyd\nG/EIhzJQmXj59OkIoOihisZvrU/F3EM+Mpd2fd26Jx+BPlNHntn2EtdlMQ6z\nsXEuHoWvInH54bx6AMcN8vi7O0Aul/eRJl5AMlUtCR8YTuQzDJbXzwr3i+lQ\nbtjylZeJhoZjeeENFBkUkWw/nd1ZfiOKlG4TnxIiZ6zz9tUVmnFcevp23SwZ\nLVnIvTUAoRx/EsKSRbI2szY36InoikOBJKzwiNXIWPRbi73u9j4h/jI3dY69\nR9AMERTfJ9899SHyzHxsqgIy4CLxH9nwvFAEErmaxftHf3/sIeDl0pBt6GHr\nX0LcEWVDHUMPfVimYqo0HYjr6aIkPv/UcECSU0w4O07LHBvEKsaYs1ccJIVb\niYQXjZEnskHstnS/4Rp1jXmCqVtPvkBq5TyKriMsGXPE2xVmm/ONxi3wcHXx\nald3TJsfNCRK/RaIGwniNnNwKlVJkaTbCeollnACWCK+9Rzlva5ShQTofHQ7\n1h4+DIw6wpUdaK4MrEOGSSJaIPL7ZGL/rrbMSyHXXY5ONUS7tcJgpLuiIlav\nZxWo\r\n=HuRr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"49605d78c19f78dc1b28a35457efd8dd808621e4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.c113fc942.0_1590101139860_0.9237349205782388","host":"s3://npm-registry-packages"}},"7.0.0-canary.912d9021d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.912d9021d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.912d9021d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98a567791e369469c16527fe1e21f3c1be14efb3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.912d9021d.0.tgz","fileCount":11,"integrity":"sha512-/38riy8MByw6SwS98kEqU96ka8ei3MVwqKpa2GxiOU0OrPwWm4a9Y+da59jrqTEb4zf4rTAjquv8JoYKgeIRBA==","signatures":[{"sig":"MEUCIQDG0rmhKSlqy9o4oXlhzHHe4e+fwl9Zc8qxsMqcHVHAQgIgT1ndV1CHoBXES6RP5C4/wGnVaj5HV9YVZyyuuEm1fck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWOMCRA9TVsSAnZWagAAkTgP/1jz4fpKOSfuB1J/10jx\ngIKI4XMp+SWoe4y3DWiPOZqMgLV4QkZYghyBuA6FvZEqbJK6xqOzQJ+icYu5\nM2DutvDIhGnKj4V4lJ3exAQWrUZb4QnJPA5wbzLSkL7fk8Gjlo5e+rmaKBIC\n1Q9nwps6Nx6BOS1wGm5o993wYXKWYmZ95gtSBsjUfhPklCmmXAuV0oGJ03v5\nntd3LmGhn5ILTrovOU09AFH4IVWasDZnQPup0bnMYZ8DK75vgGmaZVunMWbQ\nNB0+7aHNZii1YC6s/wb1luyIhGqQulX0AZoN/6igPE76uN3djyUq/poPNqNU\nVFIZxna9LWx/QVAyvwyKHTu8Wjy+r9x2F2g08MPvtqyNEe/8w1gM8IeRvvt+\nUXM8krxA7vT5MTBy4nCKveuk8JyXstJjssFD4hnsr+kfZmHga7zHf6326hyA\nH/sPBBJ1agF//zhRg+UDL+ulWh5ilBSFEAKsgyXqNh/YXC8gR1iBdWpbspn/\nh0d9JuksgGAugG91fu2tf5sUFovKgdeoTtGfzlNhf5jnS6ct1ye4nIkKs/Rf\nhb7dVcuOvkozDRDWNGvSqWFSKSgBfS667sy5i1bOf/yJ4IP9s8gO29oF8lgi\nfVxmDoDBboi7JD3qRZjYNz2d7wix40XYOem61jwirM8O7zIvRfF2UTIbggHS\nEn4z\r\n=sFwU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b7080ce5675d8ab69b7f361d040e079511499175","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.912d9021d.0_1590518667973_0.9450612812776977","host":"s3://npm-registry-packages"}},"7.0.0-canary.68a2af131.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.68a2af131.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.68a2af131.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a8e0eadcd862e04d46953fd3c100e09a5a1c6c1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.68a2af131.0.tgz","fileCount":11,"integrity":"sha512-Kpw4uaTaqyIOAOEX1HBtr1VficR0dvAbp10qbh85J3ZRErTC0t35gW4H2G62oXMkKEFWPg9gBj9+KrC4EesQ8w==","signatures":[{"sig":"MEQCICwOgC2ju76pUynIHjqcLCWx6MHvvaN+kFEnRxtkADKKAiAwC6R3UMiO7a+B5ZWb4yYoXpzGnFC3Jnglr8XTCqVLhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWi5CRA9TVsSAnZWagAAWvQP/izo2kijCbBW0FL/S4bD\noSSjy9zMHeiyAyQktBxZRgYxzBBRMpzeM116MuVecaCKo3/B5DC5NI53IJI7\n2EVe16LUsehalhwbH1rh2B6LKc40fNGBJurulbtuYvyNJ8mHDX4+GV7tXcV8\nXE2WYbnzLYDj5wKdr8HE9qXNBXhtjz3DcXxbLZ4Tk1GxjgEUyeRinZ3TgE+K\nv5MTJRm3wGpXN2pjOYl9vI5UZdK//GQHFmda8M/1D8MUMWAwTRCu8KvTAvgk\nE6wTZVgXHM92xFDUHYAvxGjQTvEL42oXijo/WGUvzXP8zwXeYoB+Q4DiKkTv\nVkf17rRx22vkXB0rpUfjShG5QXZwt1yLj+Z8l5meXFOgCvDTev+uxMnOyEH6\ny6mEro5lIrbweTisn05GcBHH9NaIauDpU0eRnbU55pX1+E1uwWYMcMh7dFXf\n//ruPCoo19rT58Yu5NMEav+08g3V6sPnOFYCPwD5BFYWqQpREF2VKXBttxUG\nQokyC4jdhXR+6F84RVrc3tK0UyCRm0dfgwmCnBrspK/ZyY4RfMeeexhX1QCr\nbXxQ+y5LHbE95+0wXlb/Ri0ksZ8WU+NfZMuT/gNsQvwlfPvaMpmhKVDKa5pG\npo71Gotm6yCqGEvftPNLdaZvG+FJT27GfOQA8DdCg7iaLLpsDQ1R7cNMGDZp\nFLCT\r\n=AinF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9fa697d39bb8f18500434764b1fd608819d2e194","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.68a2af131.0_1590519992553_0.2801741493380041","host":"s3://npm-registry-packages"}},"7.0.0-canary.01de07011.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.01de07011.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.01de07011.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30069ade9016aab000f876f941538a3a0b364e12","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.01de07011.0.tgz","fileCount":11,"integrity":"sha512-jKzmflHRJkkElAzXq628ptNXRxBsSNY/xzYOZny2vvCAVW0nkRMBHkVHSDwq2raycqCjsXfEd7aie4EuwVKjYA==","signatures":[{"sig":"MEUCIHAvPnCZ5LIWly0dzKBKFpAlL2Nbmfs4MdWCx8Sc19D9AiEAzvJq1Zr4R62Hi3FEo1KvTr4Haq4j1p3VrRoGv3a2+Rs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezXNdCRA9TVsSAnZWagAAZPUP/3kRlw4st42yRfyJfrYg\nIJ2nZsh18f29SDS8EsUe9YhJ8xkg8DCVcNldUnfLv5NW/RGQdU2Aif/yD+pq\n6BRBwEaFjYr3I5re1zE9wt1i2MmrTtfL/OJaMhVhvEKHmOVlhgz7ahruitP9\nR23hRyKQGuEje8QBEKJ639vqCbICYUxFaVPcYR4e8+ITklLocnQF5GKzcmoL\nORipwpBoAUDbsOsoURQ+hk1sIyJG6I5fOL4AFwSxJZ/DiTzpbckiIwsMMwZP\nr0wif6mNrz6i2qqjv1C6CW47RRQvT0Pdmu8uK/wBw+f33ExLMdChOMpdH+xu\nSuLxDHcFa/CeDeo51RWPC2ukBOk+UN0qg26gpBqJYzzRsuwk4YGeC2hCx1Qd\niMGJHXV9Jhkne0Jblc3UkNi+6rUp1+RdhlfI1WDqj1uCRjrcVCAQMOapjc6M\nYrNnXEJyMaDBOzs+E2reRwrb0yB28+L5hXEBDxieHDZ+ymCSYfaAxfu2ButT\nko/X+R0R0cmMRNACm6YQNSOAnjy+MTHhBp02zH5Y5KUkIb5NSL4TGkZ9nxh8\nzNmEEI417DqxT8Pc+P+wWJqwsSvK5pvX4TNnxWtDJOOhTld/hoLULFr/09BD\nKnYDkFH2xiBei2g5Oc7Kn3gh6kzkh8NmdO6ya+gnmnf2bSLbsQQZCuADBwsY\nHVOY\r\n=/zE4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"58ff4055affa7a1d66e79813fbb147990e5360e1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.01de07011.0_1590522716607_0.2864995857370898","host":"s3://npm-registry-packages"}},"7.0.0-canary.51d4535fe.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.51d4535fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.51d4535fe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9cd148ebd96a6ead341685571afa20797350e4d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.51d4535fe.0.tgz","fileCount":11,"integrity":"sha512-vAZ/WR1nrcf5fM7GziVBSbKKRBdNiDvo2mUfzyHcEXnax0NwkHJJzUtwtXxrvYwo20I2ooXmhiPHu99GG0fdEg==","signatures":[{"sig":"MEQCIG4YJBg0NqKR+1CDP12IEMaEbLHjdqZhYznnOfENN9oqAiAyPuLLkHtJo1IOkT1dotbJqrbM2/hA6igbrpetUpJ++Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezYtGCRA9TVsSAnZWagAADWMP/1Boex47d72xllCXA7JH\nuzEctdBPjuPkwg+YkjsUSnNtGnhP7mZ6bYzMe762zwKf7I9KWCdD3/3s6mca\n3q95nT+kde+JqFSlp9uTJArgrmIksRgMUghruD161951WMuxtEc1SyIQubJ/\nWkoDQN/wla124+bSQxTZQl6Y/yZQuc20UMj14pTLqHs5x2eZhGRvg92HOUzS\nVzEtYiZr2o0Pahmwy3WRaPv6GxwUjF35tE7DuX0L4KFhonxNbBeDOVe1UID1\nZWbCNNn2TT2+DDD2TsVi70+Sd2f9YmNN//h0517HIaT1g8K+fZgFx9NNR59w\n+DXafgaHPJAo65A5PHdrJEClCE+7+AaPrJWu7PoO4lbrN41im7DhsOEvBgn5\nKrtequwx61ZMO5nx+7j4ZvCnozctukhNnUTVubMEarLngkJuS+1xhsyXhCQ4\n/nKpu6RzK1pI226iWnzBWKhZxFa0ANobTQcKBeCFXvZ6Ne74rJm4lT9D40zT\nNdNC2y+JgU6jTvs5Nea0Rkcc8HzerwxJcgdlRCmJ/9jbfJkv5hxp5MUpl7c1\nxRmeGAbgY8G3md1kOPGYdM6Bjv+GzxsXRT8X20oGawJ8RZ3YD/As4V00nvap\nO/jVvpGhBHaL25y2cQlO0vTullWhguc/9zs16mw4MYE1uzQzwlpvqCIhfrdv\nZkTF\r\n=mfDq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2ea346ccbcf8fe2cc90f893a510a194ad4f67356","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.51d4535fe.0_1590528837753_0.8760381210003143","host":"s3://npm-registry-packages"}},"7.0.0-canary.b86d826b7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b86d826b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b86d826b7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f3775d894c8b2522a6d7ba66e52d1567ff9cb09","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b86d826b7.0.tgz","fileCount":11,"integrity":"sha512-rBcXrFk5300HieQw0I1W+jzVY8pPMzwehZ+SBsLs5HNgT0kIhRCqTpm1MEUa6GAQMxh/FsXL1SYJcwWEF84MvQ==","signatures":[{"sig":"MEUCIQCCqGsE2/7OkwbzN+fDXIaIc9RIDHAmCvPojrBne5HLbgIgDfkSJrP9XEEjxhXUjV0ZFSg3HTesim6wkako/mvOb60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezZRmCRA9TVsSAnZWagAAivcP/15HzP/TuCdkCeli+4U+\nPrDl7xfWobzLJbP2ZUXSk1zOuPRatJcJGJasZ+/ai+++iRAfy62IJp1vdLHV\n1Zny6I1Roe+mPuQXiugQiMU1XEKxQzZ9/qXzVKnWO4OViAS8TxwrWI1FxPxs\nJJXzw03ga2QJQlnVyO23uI+pvJ4mks0HSSAedkF5y0XN1Pz/EOX2DPFJHOoc\nP68Ov3/bSCGyxvv7mzBp50MTQwm4dMTEmPu5SS8qfVtd0hK6hMxe2w6DcLoS\nnUPUA/5moSD+9XZW8vyO9FS0vSHtSbaHsvI/Laii4dzlXmepapPgDK9f58T7\n50NDA3u1TjMYX6iOtVbVcV3EqWy1v57sLEQA7ltWfMF2RgTSi5nQbzNbnNz2\nD8qYbcHw53Rw1U5AO0ozMm0Quk+rVBYH1Ys87tCWIkDxnE49alyAVdxN5S6S\nwUd02CMPwyYATPr/aU+aObZuXvqUbJZPlhWDPRacmTHexlpodDPsb3jRRhWC\nCGznP1VT5QetHYUJwi150nmkuzWSwBZOmdqxSnzEPgYd3jdI67DE3kZwkGO0\nR5AlzLClcFA+zGyOImo9Ec1B60SysRVkrZtmrPlSHFpbsr/NgZ0vNOKRS1WC\njwoZq5JkkigOyl3+uuwNCBXr7S1xrNvTqwaSauaFc8HpeAdCAQNT8F6H8mva\nepSg\r\n=xLeB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2b22865938bbce871e6d1ce8ce0129227142073c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b86d826b7.0_1590531174570_0.7650625664786055","host":"s3://npm-registry-packages"}},"7.0.0-canary.d91794c7e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d91794c7e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d91794c7e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c29aeab78ca34c881ab00bb781a9404141f7df3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d91794c7e.0.tgz","fileCount":11,"integrity":"sha512-nziQ2p5YC2oxh545tMsayYb9Uxa0y0FX2LHEW4HJiwzHb4f31/VauSqNCbNDkzCVH3QHXRgDTjBOfQuO7FdzUQ==","signatures":[{"sig":"MEYCIQC/XzbQxUTjT5aLAQXcExmYoKnKwsDbrEcgvzWt+01rxwIhAPUpGsBQtl2gooY1AdrmJnU/kLRygLE40Le9HB+Gub7V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezawnCRA9TVsSAnZWagAALcMQAIB4RVBDjdpQOj2+r0RS\nap5Xj7kWaax0pmfqA0Tt1yye3tYhqWsZjC+Uh+ft/4EVYqM05p0BiilqnDSG\n+eviT3pWvSNcdXSX8l9urMRYocRc4Qh2oGxJNU5URkRB2nwmf+c1DCyq2+Ua\nOChtWhlm/meT01uPFqUs5YVC664e/KUoChfdUL0NjIjq5dxhVm9HFQw1m1py\no2XbCGRILAOJxJmIg1xmwLtKUNbTt2s6ods6ZuqEK1zVDs1BUt+XTLYUWxaV\nxhy323YoXchkaOKI/DYmPy9+E7L2InArgBcrCnlJ8lWl8aJcTMaxHJQSiJfU\nlgw6WjX/qbv0HV9Ja7OqEKTIhcVlhs91lhagDmeNThtHtyP7XcbzsH/nEZ5R\n3K7xQvMi9cIUgfW4fx8FA2+lt/TRL1cU8JOtvWj9d7TZyUSxUBbaBri0Sq17\nLRFAMBb4kIoU6KFlT1BSq0KguhXzjIBHuKWqFY1ZFQgm3xVVF6Rn/nsakhb3\n8KAhJr/IPPrI9G8qluwBEPJ0uTvbXK2xjymf98jqv+cH59/lQmaJ+Mf7Uct2\nQ9NnFRfMzUf+UlxK9KCbqsaB9x6m1yFt1jGAlCGaPSxM/V6UJXI9s2Qv0MSx\nDyfp56wckWdLBNJMumGm8DgreDZSEY6Jrkw5tH0cT2sOx/LF/TNjr1uDYS92\nGwDt\r\n=omTU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f931cc9789364ca07cac4a17cef0a225bf43c168","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d91794c7e.0_1590537254909_0.9821697223618009","host":"s3://npm-registry-packages"}},"7.0.0-canary.8c6d7e076.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8c6d7e076.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8c6d7e076.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a229b24d0d0018a80ae63795a1ccd16dda3ff457","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8c6d7e076.0.tgz","fileCount":11,"integrity":"sha512-Y0WBePF/3qWD0F4gD8FxVSD+HTQDEsYeIDdnq8g1su0alk3Aeq4pkMWD7cC9diRNecQDVafGj/jxiuO5Ysuz7A==","signatures":[{"sig":"MEUCIA7ehf+8wdE5MHKiH/eoCQjon5eG/RWMQAj01ogLk7GcAiEA7popwXXR5s6xh2KipTq+p3AnQDLqSY759Wg9o+bE+ck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrhZCRA9TVsSAnZWagAAqGUP/1csDcfFPhBXPzjnQnKd\nPg8INmf1mV2pYrGPa5ZgyMOs6YGFMcXJnt6fetlQGDMsAgzVjj1+6ZF4+rDN\ncbKHoB0Lq/zxi9vxL9w6rzlWyC7PLQFy2BOUJMSS+fDErS5EZC9TQaFzdoZX\n2yt2hc8UZsuKudlN1FnHfskNW0UX7yNwAwh8b5JE37BCdVSZdJPqzh2sqcky\noAQ/tk2TT33w9ZplwTl+rU7ZKYqHcZNByObmXVu+PLKCB7UFDGV7Y5EReAf2\nmqeHeFnd+sYYAVhCYwtb9KyLVA9/7OpmihKA236jYFsd2Snxxiwa448wrk8u\nqxuyZP8/rvdeQEh9lVR+A4PvDhZvPz0vcMAgaEV5xur+F3469zJCcDXWykeE\nJzPoiI/TmZbkaztQ/mK3szH/AS0NnAmv/LQFZVoXZbkDBc7jwCLenAG6dvcl\nlpxV95Y/Yig2tXdf8qIQx2c90VAodNamj2/vvqefzGsbd61WC7ZUcZ2ezrzX\nipVHXW4LgzkM8QC2tpHXxWrdqdORveO/vzUYJUN4g+Qg6eQLpIKmrVIupbo4\nkDLQrY0noXRSrRvFK/yY6YBOZh82mfuK57yeYDKb+gKSshaJEnpANToFROFE\nLDe+sDGP4OB+1IShQqI3xFIDnxQMwTAankZ6GTs0vsVLXsznaC3jPm9ZFICP\nmero\r\n=tA6X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ca2efa9bf20bd3fd24c7f6ff263721fea798614d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8c6d7e076.0_1590605912490_0.9246591084984741","host":"s3://npm-registry-packages"}},"7.0.0-canary.5b5f62f93.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.5b5f62f93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.5b5f62f93.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cfb0954cb3ba8853a815a4ebd35d4f620225b87","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.5b5f62f93.0.tgz","fileCount":11,"integrity":"sha512-lAhgQOQrizDte9MpNfHgeFRJ9x95GFtMjRBuD0DAQPS9u6lL4R6CymTmG8jGfuJEyI37+VGj+vRL2SxVIo+kNw==","signatures":[{"sig":"MEUCIBmx3i/CpSnVOlTzuMCn0ZsVjn+RGaCOJU+Mg/vgWy2SAiEAo7a8e84D18GBr/N4vRkfa6nQC2r/B952s2Yg8kk/vjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrxYCRA9TVsSAnZWagAAiWoQAIR3ZSeHkXSistQIY3II\nEg5eqth9i0k7T/oAC+k+z09bB97YSJDRm6J9mYVn2zPhxzYBArzbLwGlNbvS\n21aLDWCJ+JM8SUborwC0N0DnMX52dAupeW4fJlTTSrjQHJVO2jwjeaQcj8Nu\nX0md+ZbsSHq6EV1XyZv/UvB352lEWNE/0Lp2whMPIuDfO4zK/9+ba4hipHWx\nrSaMx+58LPnBCvyZdAgmBIy9QcEx2QEPYpeh+eltcjwAxDzoSJk5hycSnkXb\n1hxi9NFLfDZF0CodBK69i5phFprU71m9AicZ7tUKvJtbTQzdaywRMx4fgVwz\n4i++DfNw+sA3/VKKdtYHLC+ziH/0KcrChv8xe1NRq3GXF2obzv+0aNiN7Bhq\nK3zbtt+n3stTHHfsl5JIV5F1UjYf6kBtdiJKMGNVwGWLtbIo6XersxCiUIlm\nj46UxIMju7XCq+W4ZDw69InTldP42leV/rnvafMDTOP/qTK8LojKedpE8z41\nS7zjarwSn+3KZ35eu/7ecAOQyHpjlltStgFyUOJES0SLncGR0I+fStqIuZx/\n2l6rOTXet4GR9NTFJUHPYulHwyD9paYKY++t+zL9h/KRtsEsMwUqKTDbUWho\npcDh4r7EjH1IBmIaEkE7O03P6ytuKOoZbZIt89+8e4+X/UJ8RmSGVQIROEaD\nkVnN\r\n=jYFu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bdb576423b0f8020c453a5473bae420ee287c240","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.5b5f62f93.0_1590606935961_0.5022752812530462","host":"s3://npm-registry-packages"}},"7.0.0-canary.d9972abb1.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d9972abb1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d9972abb1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac87783ada4859fd4edbd937da1231c461e23ce9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d9972abb1.0.tgz","fileCount":11,"integrity":"sha512-J3xq3j1wd/idX0ydux2nLWixYfMxz9fmjOGYwKREiZOp3JkENod+UMyFCDrhHHeaVAa4m1YQawa8ZRXZMNd3DA==","signatures":[{"sig":"MEYCIQCjKSQy0nxuwS1NdBF1lnd9NXLQeXmUcVuMYX2q9CXZcQIhAPJJOkWmNMfP5dlOpwqzU0gJNWR4d52yYWY8PQNYMGpB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezst1CRA9TVsSAnZWagAA8tEQAI6A5ykHqdwHprfJksr/\nFmfzI83Bev3S9H11YMVK4zIt+ElgpXQVma7nTVgOr84jrCBc5GU1wBQg3o2t\nh/xHQdB/98hTHpVhiEDvxXdla0ovI4u/lYQNJdVVKOlf2Hzv2S/Ech1JeOVw\nQG1xJ3BLYSj8JYNawrMtLgiuC+fbrAk078miHDDp2EqBIYv16r3PYE7l/NrA\n5Vf4tPWIntnUy3xgV81IWiGf/oQKxzYKC3H06V5CjeLvD57H9G1TRE4xN3ks\nuf1kK3yVBb94hooN1Wjez3BMaQW0UvVn8zjlwFu2Pdtab2dZiY1UCzbGZKsd\nuWnfo+k3ZfZgjYa+My3iasJlQspyuhIyrIRibeSFF7OvxSnp3+8nRSMynM/P\nr7gpwYRDiYAtzbGeiB0tDE9rsdzkcrLnpfxiotWtrNP3FtUavJvY5RcCrjGA\nFQYCHihVYplzwugeRv9+XATU3LoxJLNdlM08tKrpzZaKBpbBR6zTv1FbNVbN\nVK2n3xb8rjbeqrv2X4CkTZEzcvt33f+1DRRPuXeaujp3Lozbsu/80N1HNcOx\n2FL+lar24jd8Skh4fnrJu2Cyq5Up7l8fj2mdnQg23xa6b0Dzn9SIjAnhWYnz\n/8V/GjNbnBiAekd/ETOxnFfVlnLyvjLnYjCEN/E3NOjxHrBmgqQasl2ySjIc\nPpAA\r\n=LaI+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3db449915645c45b366327c8152342a34f1e10e2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d9972abb1.0_1590610805153_0.7542785010244386","host":"s3://npm-registry-packages"}},"7.0.0-canary.6556eda2b.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.6556eda2b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.6556eda2b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa0957f300d9423983680cae4937be5a2e92b1bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.6556eda2b.0.tgz","fileCount":11,"integrity":"sha512-mmRjHi//bVxPD9EsG+04W0PZnN2upZK8J3pHdRszugJzRj5PCBvvK0kv5pyeBYoOGvKWDpRUfpKbd1hUNrGLyQ==","signatures":[{"sig":"MEQCIGxAuiXnJKNLeRq71XjfhOW61ClT01v0yYE0Ahw172FPAiBKPcg49d6Yhnb8HWH22GH9V5BLjrggqdxYeV13tpl4tA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezs2cCRA9TVsSAnZWagAAzoQQAIDETUUuiLxZ9vxkmrAg\nNb3Fay7sdItaoHO0qeuM981YwuelJpQXkhvCuICbpxgvBnVzfrbv+qrFyZnK\nGr0keS6MMYMqMWpagLTQWjBbAxTg6GBNAtTrJGdMwK6ybQMXTKGiGfg0GrpV\nCzNdY0mBH7Lpx3QNS+52QIMUWmrfyfshS3lFzmeSCl62EZEiyt26/J2j2Rkf\nie59lG+cYMMgPIN49sRlDgHjiF6kOXFXZGqU1GvLLXml84w4JSR9aEUGyn68\ntvbE14z4FFbO2UIUxx7EWynZa0Gl5bdCmG+0Z1HRQUWnlrtiIpP/gWiFBCKT\n81yqSQ5a10GcVND0hYaVRJRTllnyLvGhl2R/QZFu62/3Y6AHl+CShqTBimDo\nPqP2/MGD9pREYsfdgb2JKrwikCQbYbklXtZgOgs7ItlgGA7S8F1oMMax7uxs\nRKexdZ7i0QlzuZ/7WavY2ZgJN+0xxqKtP3XquupPHGthPSWsNvgqXA6NwiVH\nxuFBGr4TEyevFcanWV0IMFVe4vCMPICIrX9+QWB3YlsrcQcXuh0FH/TFwmTo\neTg8qQZ8so+ZEN/hOgsE/ATdIZr+Ah44V+2qfGuI3Lr1QCS8cIKdeQX6eN1Y\newBB3xaK0C5U7dJg81IteDsSgKh5068fOwyhG7o0JfLoAufwbpJftEjQLoSX\nmXSK\r\n=6rej\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"504ec59b4b401d057e70ba4bd1bbef2f87218204","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.6556eda2b.0_1590611356490_0.8171049697461104","host":"s3://npm-registry-packages"}},"7.0.0-canary.32aa23641.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.32aa23641.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.32aa23641.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"781442c733829259fe8b89175697fd319219c255","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.32aa23641.0.tgz","fileCount":11,"integrity":"sha512-rWyplnvSCugaBb2pCxnaO7uU49/8//wZ1iQjocb0T7uCYZyjJPsDcePTgp39QoELm29n+Gl0iVlA2AjELND3Eg==","signatures":[{"sig":"MEUCIQDNQ56OASK9z5jpjTnbne854dXJGbEj89arm5tiLHPUSQIgGCTUyKI1UVXYiuGwb8cmRgKGOo34jXl4mBwXki55K84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezt2YCRA9TVsSAnZWagAAXH0P/1OcYBMZyAko1bNa59Ht\nk5SL6RyRJP2kRPreGkSn0iuS77U+3gyVZ6NBjpF2QxnIWHS+ZzWQNVgN+Mn9\nDATN7hWa4yZVDYp1PN+DJl1pYuyxKQvLviXUNALMDqGdk4mgD2HqmAXNgLSi\nzBFScAUst9yr5cUFohJvrsAPi/0Iw4mToR5YCcEtqTj5YApAx5fLlyVUUxzO\nloiTxV0V5pchVh3L/swP7kU47CjSN3AWpzL1+sbV9L74+D9NBOz35GboIZrb\ntyTCRLZ0Qu0n7FlBooVKm2EwP0WiI8h0h3TX/zz8jdmvF1zjMvEQP3WRrzzE\nghxc0Vm9mzIDuY3DLPvQRiK0l2xM0Cz7dwsb6EsPL1NXmb7KQMeeWuJnEyRE\n3z7WbkHq7KnyS0PMK/w3IgD1Seq0Kq22eLTW0buigU+4MV6ryHkJpzErX+uS\nODf2eKMJjyEbQpdzeri5g39eOW0rnQYwunAWStZ2WCDQoJBtxoJc4An9/1yx\nmSyl7J+xTIv2ckWi+IZFHlyyJG2X1nNMlGYiA9pfCZFoGBWMHJQzyR5cHdit\nTDod6uYp87QALD4ME90nIAnp5QFX1JR+cRfbl/KsYrghbKwDwQMl83DvG1SF\n6iSyukrtJCOHrCNlmBU+XIBJenVhjdocDZwS7zJZh7osXD51xs/kujnRoA2X\n0Csq\r\n=OLHo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4cc39075dabda7fb76257a3403f0bde13084b87b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.32aa23641.0_1590615448521_0.2369560490758018","host":"s3://npm-registry-packages"}},"7.0.0-canary.654934dfa.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.654934dfa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.654934dfa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e12a5a7591bcfcd34ca1d0f7b6f9dc3bf792afd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.654934dfa.0.tgz","fileCount":11,"integrity":"sha512-LNYftfHKyumjh9yhSVOk10Ees+BaN7aU/b+tuLDKaWJdXIIUc5mMBC7hFYZWNHKxfK0FDgVXDyB7TDLbqSfDoQ==","signatures":[{"sig":"MEUCIFMqWKi1gJ7DrL3BvcXPy25f8MPuMnluV00Wi5eipSbUAiEAzYA3Ups1w4tfcy11/jhk57MqdRzlKsXDVcKwL3ZJ580=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwd5CRA9TVsSAnZWagAAD7gP/1JJQAfJVIeGq7T3BQoF\n+DhK8SkRTqtIhvA0s6ljgt6zf88fJOV0aXM7JDIMKj6+NWm3oeol8EPDCtJ0\nyhES8AVu8lqwiKYKsYicRGTc+0F4mlnc0nFPsOKQSRjDvLr88j/kdMEBnH28\nWMiIpHFQRAHQJhUx8BvFrUkIk2E4CqFBwQSXYd6z4ytZUDJcBRZvZAYbtLvS\nGggfWd3wwK7IPFGa/UJqcpFF0uYHhNQ72DjfBtnwI9OiV6tTsWuuB69hsFbB\nBVqElS3uKiRv4RGiYCxL7CyNc45jo6NLFnILKDtH8h4vWrgMNP+iozUSleWV\nTqt89W5Ysf+mie3oED9qjJ8jZLGdY21I7Uql0DGN1DZoypNj12uUQz07uAEd\nb2rGmMF5ZSD9OJW8Ws9pUXRYU9zFvOMBdulsIrFtnUYnUSLat29P5iYzqbu/\nE4wgT/Atsm9ZZK3ds2eXcCGvkdrUDegOMrme1pJLwndexkaVcJ/lG5jojjBd\naaSZnW0Ub/Vjentb7HekvEvPAqcqORCwfhh+nhuz6rZVqqt8kFCBCuz0/Cel\n7B7sIwqc8x8l8W0GwXtOQQWC57luSOOKom6FXu3YO61Wh/LApDYeq8WnJhN5\nQqdR/hubbQz4SPm4ED/HQ9eLwsMRjECmdsCb+OQj8CjRvHLhwnu4JukkwgN3\nuagK\r\n=KtbL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"99e56121d157a5a30949b826c0d521a365a1ae59","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.654934dfa.0_1590626169443_0.8409977417502223","host":"s3://npm-registry-packages"}},"7.0.0-canary.41910b8b8.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.41910b8b8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.41910b8b8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"002b256c82e7d86e187444af6cfb0114366f8f3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.41910b8b8.0.tgz","fileCount":11,"integrity":"sha512-nD8g92/rmsPDzf9lLULy/6XMDEK+sGud4dbSRlHD4362Pj6EVfb29KFxdiA4DXe9+kbGmwZIn2Ou4OEA6ihZoQ==","signatures":[{"sig":"MEQCIGen6bq/KKtp1bJzuqzglSBicoxIt0flcfUo4ARv+hLWAiAXfXv/IdapIJLRn8NCM8xOvUuvVUsjAFP9JVmQ/KPW+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwrbCRA9TVsSAnZWagAAWDoP/1uPXakA+40NhwEi5+E1\nToTEpHzIb7bXLtodYLZMUtTs03HCun3qIAUUPALXUSKBKPHb/eyNHDbnThuX\nLp8FStrdBVnUD1tad4w5RL82jsVBBw5IpfcX+U+bvZ61RSWjc3B8h0+SvtJQ\nQA+FO3TNSRuougV5bCg5/T+XI1wWNnmDF2l0o/EriTfQyw3k9Cor7VSqBYNu\n785Vv3Rr6eUCNwgRrI130FAisM8PShOi2bPsemL3eGVEcdmyVzdA0MeC8eCr\nRGbNRGWDT8FD4AxojPlb1QDQoeKRql5OobzHfiEGTDLE89KQkMGQIKpvqyyZ\nxPqUHdjZrY/Tmxw+bYUzxkEKCCHxmHQSo2jxKx5XFYefDp1m7WM3R6AD17Gi\neiIgUVPvCQK+Gf44U0d7JWRGrY0D++siETVaBMq+1aEK2D7SeGyJ8r1FgmgB\na2niLKYPXJm/hTt1jftRNHlBXJz7orm3cMMxY1dnWE3wt0XeCLZ7kpryDb7y\n9Xwp+4F9hpTJpzuEnIog9V8Fx1goCzw+CP9VsUvBe3rSTJueruvLDEPghRXg\n5qif8HKeAF+JzZ0Uuoo4myOQlG610pBI2D06Opx9zF4p2/SqAvsv2Uuv8p2q\nBut6GQ3Cy7iFJtgfiBRAr0NJ3Opc2WuhQDvf2BI8iH3Qiy1nPLn2SWE4pX8l\nlsnH\r\n=RGj2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"14656d5f31e9a410c15eaf9b47530d57a5901add","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.41910b8b8.0_1590627035168_0.9109377808695824","host":"s3://npm-registry-packages"}},"7.0.0-canary.d66d22bf9.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d66d22bf9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d66d22bf9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b3373609c9ae6b58b06eb12657a37d82c5deed7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d66d22bf9.0.tgz","fileCount":11,"integrity":"sha512-DFpf1nx+6ikOeMsznGGBhdD54lV1Ac7Glp77MDBEm5FoMRJfXJsrNWY+kf+NcvS0Dn/FsS8qB7fx91apve2MjA==","signatures":[{"sig":"MEQCIHg23wu337fhUZcjeFYf+mdC1pwoX9URvYKtzoFElXCoAiA0eh3BbZZ4A9UYsYSYQImV/3PbL25M/HDwAqwYWfLbsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0Bb0CRA9TVsSAnZWagAAcswP/2Y0VSi6TIjYtcAMmtpO\nps5eww6ShkA56l9g1qffbNt9ChTI3BaD5LpEzcmouXmaNmLClIYIiNx4bBZi\nW0FTSyjyYheQLhNkHGTxsbBVZ6stYFc5P4jJ194o5MbMm1Z0nASG7kis/h3M\nV+j26cCap4kI95VFUQ/nGX3DkXURdAbk6cT+D99A1YpWwf4c6NVcrmj9O9cL\nhZq78JqpuJEXLebhjZW619/Q2CqVlFm9xCdu98UBdlm4RXvMsn/E13LjjQz4\nN2rZTPepqOsLO/czu/eSdAJNIgE8VjqsatRSyOH58xMaZauAfm06CydPjRAH\nUBqNSQGnQwe3blxN/IdfvIk2ZifN4LqgK+ZKtSUYIzsYDrR6CRytz/h756QI\nFf45htU3BmHj8Z9hQh4wxs3g1dGEyPEJUlgjWAwknJOip0FTqDq/4XJTe4F5\nR6B16PXEwUn4r4phKyy8ECvvMSIwHYlAA2CantjhHnr3w+oDEDNdhudz6zwP\na4669AN+HECRxcfPPCv9gD1T0ZoKdYL5ZK9j/93bLIJPs066ISYlaEjTXxOP\nthHoqwWQDXKGjZVn432UAAvFFOCidRZTtmCn+pOw9UhYewBgWN22wWUFQnOx\njee4msLuyKnRbu8pXQBShRZxecr0FtBxLYa/EDV3EDOVnyPIY6mPCdwNSWMP\nC79c\r\n=5EBX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc182def4daea4d871df41985e6d893429174b3f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d66d22bf9.0_1590695667791_0.8921039433454587","host":"s3://npm-registry-packages"}},"7.0.0-canary.8904f3cbe.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8904f3cbe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8904f3cbe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2402ef110479e4c088b094d324e4d9c032fb47b5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8904f3cbe.0.tgz","fileCount":11,"integrity":"sha512-SuwhrehdAl0zzd+kUcVQ9CphqRl36T+nYQxqC0PfjNzgiY8brDXlMcG6/Hdn3HU3KXwY5nkZJk8WIUXuc81T8g==","signatures":[{"sig":"MEYCIQDpBg1iriHkH9cVGFydcBLoTvzVZRcbm5jehtBEPNE3NQIhAJPCM0wrtu/3LPJCWbI5QSjuOr/ppA9KVvS3mJJYFe11","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0T0hCRA9TVsSAnZWagAAv34QAIC1CzMg4oaDBb9tn2Dz\ndUHDePxERiA7+WiWWrZTypxrk45JNpYSHZf9BWw+8xFhUhHyhItzwa4AvChQ\nazEJzCugld3olIHCZ2b7BWoN2gOV5i4cev7JUqQ0OOUmeZVY4BEzgrepWebe\n6WY4kSR8b3ynbCQN7jzUNLJNlAAJpJiJzmPS7OZG6qDdu2ycnEIiWZretFfT\nWTwHRD3ryxKa8yHRXgyxHoLgSsiam36rm2V/t3yVC1/xdp8oA8y1FzQzuYH3\nBWoJBnSjAKSJHTV1MBkAtx/AmFnI2mA+NFrQrhSTP/0C4J7T9TQZB5H24JZH\nCAjfeNi6VYoVkCPXGFGxdDwLsmEXOowTvnjzfFpub/y5mxv90IyvuuKdRklj\nvYXd87VvOlQlLqhyOF1z6KMbejq7UbIaJyRsdeV5A6ENf50zU8S6AmFF2I9W\nUqHCDLyNZ3QAD57f5i1lg7PMszh9cyiFLIPfff05JrumdOZpIdisvYDLATil\ngGC3O9nHV9bo93lVYyH3+tqFeZc/lt34aE4yOfbtdtIm3EWF6Qy3dZLts3A1\nJNyoYlXLBpPTH0rpwhZeXbdjtBNEUYYQYkGAEWza6wQPbM5l1ZmVd6YKaq0X\nC5mZhgD55PGLZawhLVu/RV/71Vn49m5PAfaBPQUSrmKdDgK6QGBi42DzG1Ep\nPNqq\r\n=Y8WB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f78dc612af1ed0ba397842886fe5bc41e32f181e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8904f3cbe.0_1590770976863_0.7003176686193582","host":"s3://npm-registry-packages"}},"7.0.0-canary.51512a4ac.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.51512a4ac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.51512a4ac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"687727e0ae69d15b5b702d0689e1fc4496c53641","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.51512a4ac.0.tgz","fileCount":11,"integrity":"sha512-fHEc6aXriGveCshIl7BRhuL6/vHoMtdmVeV0Ofe08DfDQTvPEk4XTnhPJnySIYB9j/CVGWmrErbPizwNvN4BtA==","signatures":[{"sig":"MEUCIQDJXwlG6mQfMJTSgQ7B8Olegwt+iySMjUIWJ6ge6z1mzgIga9JGggE51n8NLOiqLfHuhua9XTJW/aCXEXl1q3/L5rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0V8OCRA9TVsSAnZWagAA41cP/ilukzRqeTcDCH7hDvLV\nSw5FbmKnf9eFX+/U9Bl4CWRn3JPMQT0fzg8ivAZ8kVBvsLllHPjJS4/QNgF3\n4QgPir47ndZ8u7XexM3evBtM6vuTFPRVnDdo7Nh8xBI6Tn/n8SRFRcv2ILZ2\nfk5mxIOoE0KprlNh4SGEa66u1Dd1Yrr/uc14B5x/BEfNoWaj3tgU1LGS6nvH\nQDttfVQnnFdnU2jr61YYysuKumZXAwIMaiE1Kf/taKUG2JGNdJw14rUZen+r\nOHYht3hNVhHKI6Tv93t7vQFMdEfw4GSh9B9yW0ST9NLbB3P9WMENke+p4s04\n+v9fqtTKkSrUFKT5k23UFM9e54RZzfnfISjEBL64G8SnGs3uUylFcBDDYYvw\nNtEjNt3oE0KoqvA44PXdg0go6bXxVAAB4gweluc0lJ0qfwCM7JzrpxNUODO4\n/oXhxicErayVbKFqkS9PKlj6c9hQ/nCUqCmGIVYWFl6tfM7iSSorNeDi8rc/\nxwSpkxsNScrFUEerQ7kplF66YhCLQQ8pylRRlcNYbimZQClGlkkt5clp6Nvu\nEOtOHVc9ThHZsQBQdfkT5WGRDYYlb5yGoWWhJGX6kkBnI/SIoGtGlyGxRcVt\nEwa8RDfhujEzaBJ3Pp7AdA9frkV4AJgW9PAgqYttRQbA1F421/Fc95zdoNyH\neToA\r\n=njTl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d5115fe8118e1e2bc71fc7a491f672b079f281ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.51512a4ac.0_1590779661379_0.16903941959257462","host":"s3://npm-registry-packages"}},"7.0.0-canary.0743288fb.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.0743288fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.0743288fb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2fdda74e4dc373a598150e50bdc7da7245e998ae","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.0743288fb.0.tgz","fileCount":11,"integrity":"sha512-Ky7bG9vRBUT1ADzgq1QB2IU96gg2XmRRH0Z3XTQq1Heid0GxmyqmYS8sT4Sy7QxexRsWQD2kzVQH6wCrSNQZDA==","signatures":[{"sig":"MEQCICWN9lHOJDcKd6roruiLZqh7xJ3ZehdzJpXHUQlxE5uYAiBlYQ9kjobzyUFKaaTOMjiG2mUWtT2bRSlaf/RU+QGiXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0WrCCRA9TVsSAnZWagAA+IgP/Rf2uo7+KT8PeCJaF+Mf\nE4wSPIW0g5+1pKMMx2J5Y4F8bDy27sSW3V/82hhNXWbTcVV9ERpOLjNE4Psz\nz612fgDVLz0Gp8phVipCMC7UYk4B685jCA1Zc5qC71ccpWb6XPJTVUZF3O8U\nt6mAq1V0Ih3V7+njHg1XzJfW50KCWLMAxGdnL9XdFEu+8vf00/tULeBR1I8r\ntUdsDs6s+908K/I2JklCEAJex0byPrmz+ffxiKFaNNPRXLz05NY0OtV8FMzo\nEp17Fj7clI2TWtymql4q5b+/KcznL8ONCF0IL5DhHvBVa4S0mDH72MBjEHWE\nLLgIjyzZbT2Ksu2GuMHKZU0BylnvbnGrcIUw4/FhjsLcMFm0ln/OlP/HEHtf\nOjFYpFlaK/8YT5+jXPthFtD2UpLsxocMZ4KYGIweSaX/FMkJ8nPnctERn58t\nPOi735AI81N7dhqxy3zOCZz/jk9HLL52W0mJpQgH1EdqLwezqb1/pYKOLkiy\nxJFXq9To7+t1DD9hKn+NbW0lxChPLGyBqy/sfswIS6LlcmnDufLLOJ9j3xiP\nivB6Ea8n6IVoH/hUBjQjyCGcoAHLx3dwWcStLSEAT3N8+3kxOAP/akqzZXkK\nak9WFzhv3ZJONtIrU4EVlRsws2HGzVXtD7iIW7w7AAzBhtRM+tPMwaGo1A5W\nrVVr\r\n=jGCs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0c92eea0cf28bf0f2367fb0666eb8592ef2f8c8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.0743288fb.0_1590782657769_0.1731678329894617","host":"s3://npm-registry-packages"}},"7.0.0-canary.06ef147b5.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.06ef147b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.06ef147b5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c22080d7fcb8a6252e0e4e9d4c63f3511b9bf5f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.06ef147b5.0.tgz","fileCount":11,"integrity":"sha512-+ynhh4M9XaNJxY2zCWIkXG7vYPgYh/Ez6Jajp1j8SQkbpMxdcpFnVlB/U8NQ6uH5+q2lRyemm//T9RKJNNYYNw==","signatures":[{"sig":"MEUCIFfFPIdy8nOx93M0ttsFKKCGso+dfncLVRtv7XBr9nSIAiEAxhWRJJ9MLWXEjJp9llHhdUrkydySa530CvqBTusdKos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0XMeCRA9TVsSAnZWagAAcrkQAJo3vChoDHe3KWREBupY\ntCsnKXDuw0SbtE12bPQO2xE1jwLqGSHE4nKHfShVRL9LNU92fDJuAyZfxo2C\nUF8l2W8ZhAvHZapa2vErOeOn94b4F9Z7QWoYGq5dWg4L/B0+OXObifGAHqyY\nvxS4qruI2Zn/QyN+fu+VUIgGIWAWo7ognlWmCr7JXTQ8ob9kqf063jOY5OKI\nvcF8Aa4KeLATBs+WYN4a8UQDt3H0xhiyFMEP8ewaBPviFXqedAVLK+piLw+o\nfFVxBorSgg5iOCdLa6ZwbWoPA/jJADMU5xpEVLm/h5Y3Vtba38Pk7g3sTeGl\nloKkWdcBO1Cfo5HFChnikuhgwMDRsOrJ/amd8ymYCPlSVSI+0Kn7HNYdmonn\nkldWNZ0DNIon/sJng5K7CVk0LWsalXGGKhT4eg1nPvyrSGh7xQYk97XpW8Vz\nWVca0PITIS9VvlAKx8Qk9IJ3FwiEsGSunPkymywKvUBOn9TidFAyM6HJ2FTO\nUqf2632EaxooF+jUS/Im5jBcrNPM5Dz2g0TznuEbB+qdO03420GFztTrIRhw\n5iP2Q5KD82hsFFiOKxwMtq453wkBjMzmoKv4Jb3NOlhYIqJgkTKpYCPkp+nw\nCimGeXgNFoomk4a1aKSVUBszrsBlifhjdUlLty6cyok7N7QtS/SkEx9LjnnK\nCnyv\r\n=NLAN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"43f043010a4682138cfe1d453ea0460f912fc2ea","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.06ef147b5.0_1590784797858_0.2262396462590659","host":"s3://npm-registry-packages"}},"7.0.0-canary.8073a20a9.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8073a20a9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8073a20a9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f31a4ad1b08d92b26f792a30940814f07e4bdfe3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8073a20a9.0.tgz","fileCount":11,"integrity":"sha512-2HR8dcCLhMX0MHPOOnGGi24O0WZNXHbjs1aS5q1j2FqLnmbY5T5lUrg2Yxe1WA0Qo3M1n5rAiZfn4sWW/ju/5A==","signatures":[{"sig":"MEUCIDXw9qcadUUwLgnJSpUcGMBlljE4/6SjcLsrR+yMbWS3AiEA0QP0xbPrWTAj6BXE2x0v+nAq4YswLWcNVI1ovWaZZTo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0ZnBCRA9TVsSAnZWagAAjtMP/A0tU/3G5ppp9Vb7FiQ9\nkNHiQQ0nonMo2VQrZbrgua+jmpaZBTxBl1WkTGe97hX/2hEMdgy6Mh0OvJwq\nEfqgSnmir/spbI2uhH359WUUS47YlOTNsHQ6kZYxlRH0tJX6+hP8kvBXyq7Q\ndCPfMeZWwu7WN0AkDm873DZVkfKeJPIfa2XQFqFYWAGbGvYaotZXOVNez6iA\nWYJ4LbK7tjuNyIfEtDoOB9XVZDdHdZVrSIv98yUFfKztmMsFQTZIf3EFa767\ncwmRW9nDU3+RJD/mu4iMYByNnm482IGYb25q14huLUbAG21E07ji+LQyzcjP\nyaSximY37cMhMxixSHhRpaiQUs7srf1TdqedNqrYQHkhR/sD3PDgDDnVX9aX\n2UxbafKpMZOINvzMula9u9DbfekPIDNMFmUrKyQLtr4o0h7REMELvr8qG45R\nWBTndDm2d/7nSLglmmQT6DzeuTtm6ewp/Z6S1VTrrNkeO+43aFrAgTVAIF10\nIg+7hRkOJnM1qZnHsiTo4e46qvJtxt6I9Fn8D9CdGDIh0yVbYgnsM6N7nkq3\n5OO++xYcdr8w5pdVyG5TDw1RoNB2B5KJr7yD33QjDgMnWHbnMkIoRE1gHA+t\nCFXl7SvSIeDhMxbaF427Y8xn71PB1Hg8FmlTkOtFuH1/6U2CC5Ss061Vx8W9\nBT5j\r\n=GZ19\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"576fa22ec00234b59b1dc4215b8dd1ae982c7c8b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8073a20a9.0_1590794688040_0.3576788341644763","host":"s3://npm-registry-packages"}},"7.0.0-canary.72ff42330.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.72ff42330.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.72ff42330.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b606f7c02bb58ef68a17e8c469f82be4666faaa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.72ff42330.0.tgz","fileCount":11,"integrity":"sha512-GQS7nqZPOBbBPPiA3rkLhMHf/x3oBEGYs6QkJmMShr2k9qU1pbELtt65U5Wa1Elqli9ysPUo1rszuueQwblzEg==","signatures":[{"sig":"MEQCIBxXMNhAhlSHdY0KzunVBSIkCQyX2lGfmQ5+nIfGsrTNAiAV5JUex1gTZlW48WHPgXI0AohxozO2d4VGptCRz75UNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TAaCRA9TVsSAnZWagAAagsP/RGiOKEoKIy3PTDxRLVy\nvwi0oeAZERLeN+EMZW+SikFNpEvlwhqhHHmLeoVf1W47dDK0hIFC1eqMIvgY\npOLa4ZL6uiI8gNflzaWWxZECbPto3fwRdUvChZ80DAt+3zd9w0jqhQHZAbOa\nt9E/Bj8VD+Ek0N9FAkp5bpkkNKQlLmlTsrKBjBtpwZNJ3NLqdbtCk4MVUBhB\nTOF+OagPuADvjnru7CHX+HutR1FiJRJW/3hwwY8KxkaENY+Ygd2ShNmKHMQN\niKXFsfxmm7RNAJz6YnGNL/IqrJzRImTizOcwvtJQCnql9TH9UNWHb/34F158\n7aGzRABwkH2MB0rVVyE5ACTr0v/v33I6qbmavqX/xC/m3qU9JUj11P/A2pDZ\n3q0dpppMQl6yDFM/FF+C6vXBfzN91+Sp3LarJ46ZwIVPMs8eMATodqh70yzy\nr92xjJ40c/+/kIYSUqMUtapyMxbu+eiYQb4uesjSD/uYX1+UFwt0zg3Q8xKI\nvuU9AWlCjbOyxo0SdpPRFY4+xdNY4rmv8yO4IW+wY00957SZ5HngPUAKOYKX\nhfgfpe1YiZZ4ilPMhMZpZWoWGKCG9vVJ5osN4PnhZpH6bN+btFTBRqkLMvPe\n8Qcu2GAAvAAWWUTm6eZ8IrlWxOd0TzN47T+PMIZiwCbZg1RNDVIx6Rnxipsn\npPUe\r\n=HWXj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4c820e9d38fc1bae9a502ae78e336f0e8381f432","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.72ff42330.0_1591029786227_0.9893248570432367","host":"s3://npm-registry-packages"}},"7.0.0-canary.9ea52070f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.9ea52070f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.9ea52070f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3fd89971b4888f6fab66be3966f60e8cb440775","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.9ea52070f.0.tgz","fileCount":11,"integrity":"sha512-jAIELRYUccVhSKZXSIpfFbWtP94xSCCyf6Mh9EseYFbr0/BPkbhxPLQkTJWh65wWEG+gpU8uxZA6uQZsuLRPiA==","signatures":[{"sig":"MEUCIQC23Obaf123593RPuuI+eoe/AaeR/KZ+dxmYnxx7slrdgIgF2q3KdLIoO/dxWnAQcOxdzKyvep6WLCMUJXIhCmVaOY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TFUCRA9TVsSAnZWagAAXzYP/R80BFFsYGlZcDQzIyO5\ndswOrRXkTcEGTmCRTbv7ujVUlDSRoooCjyy45ghh6NKgyeqye5tOFP+hv1qe\nHYXcghVg/n7oa2zRfA+XdGBcu6tfzGTP09nRjXA68uzoxDTB1FVJT5yb2QtT\njkP3MScM8R+62cPQ3/2+SqfYmSUdVcbCW6oLLPETM4jG/Z7avW5Eys0LO74q\ns3MhuEqnz5f8pjHuJV8h29vcUxsud8K/we5GeYBCy7QiVjFvRPTCB91lbncO\njb3HYrMWzp9HBtZcMzWZsobTi8SBNu+eQzypLGsjyN2G6IqJAlkn8+IpJTWp\ntAJwnPNnTCDvBOY9ozKFrtOjTeHwNcBMF8nPOPtOF3w2FrvCehQOX8dJJBwy\nNHOLt+IIUVHoGzGYR5fQhV1tDGh816RT8uv/yROa/qnp6+IJb8i5mZEHOxiY\nHvabsW9OIJOsb59u8SZM0JmPynQXjvNRtbzg4rrAJ1GVvvdnV62A12g2rPPS\nm6LO8L3WInPvQ0Zeq1n5+4knRGXkP5+bHRoSTogdkz9LXG4GAFkEMVyBmcPj\nd5PDsJ586R8/3FykJQ1MOBZRPTzUfRWBQzbfTDzIYAqoU/U/In/kpGSIdx1l\nI8nHVwmVJfdNsGI4ijTDMyPd00TfE008xlVSBFZ7TywBk51AcH2lVkO3VdVE\nMWHZ\r\n=Wi3z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1c7aa3231ba2d87e7abffc33fbc156ee0889131a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.9ea52070f.0_1591030099799_0.30283823638062013","host":"s3://npm-registry-packages"}},"7.0.0-canary.d86ad3b60.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d86ad3b60.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d86ad3b60.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a93d97127517cbbb918b46d1f0172d6b0b777ef3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d86ad3b60.0.tgz","fileCount":11,"integrity":"sha512-TA1BDowptsA054oX9Q6SECvXLasrrstnOKgKHfj4rcPjS4hPcCHm2FwoX8z6y42z3OfpsZl8sXwEaIM2tejazA==","signatures":[{"sig":"MEUCIQDMVhEkjuJOeTiB6OzMzAcmCAhvoP7uCwBuRgJ+UznXyQIgPJYvy/p9URFQF90dXcFulm6YUY7+dwjjyuO1ZuI1yQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1T9YCRA9TVsSAnZWagAAGs4P/1kYyfIHJfF2WLhnDd8m\nSBYC4OkpgWxiznBWDX5I5RuHVoZAGiJ6UGMdQcOvTS/PLEEnDw0syJryvbcw\nDsMScPFK3UeNtujx6njpZcjPwzt2Me/plq+N3/OL/V4hw9UCwFhgVmWXv4db\nNhTnMQ80+ly59gdxikA0CUmYQRUwI8LMoO8RWkK/S0OBJQpb5hfDqIF0rk5R\nAvNBnEjBcglPKk6q8OgNaQLXZNFOJfJfYHtNwqlE52h1Vwar/Ur5kgkubbXa\npHfUp7IEM3E5ZmrEqvz2PYQP8kTdJcvtROx7VnNaFntzQGtgARuft5Ln5nkI\n4qEVxVVr74LhTibEYpidNg/EA+N+feW2lyzBPcwOUP4Ui6rGBSnFTZG8ovkq\nf645LolJ4waKL3WExHzIrwFFO1l0/FWYxykC66Rozv76KcoqLCLTNtl+bwJS\nyrn1jC93bm02VaB4/M/IzCz4q0lkf6r0h9gT5MD0+bo1CGwlHtVBB1+6FGcT\nKN17RwvpF+XnGDNoeaQkTx9nI5JBxPyOlTVo7PgyBGJyGWi764UfsFKsM4i/\nGDkvEb+3aQZEiQq/9hr8P2Boomg8qotKUDux3l83EkbUz8nmRrOcmSvOFv17\nORrOJi5vQKCoI5tMSdG8E9ie1lqQR65GadJ6nI1raLeUAQN+yoSuJmAvD0f+\nJlod\r\n=cneK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff64ee77c98ab8a932f9397689714c078eb9fd02","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d86ad3b60.0_1591033688158_0.7222665331665563","host":"s3://npm-registry-packages"}},"7.0.0-canary.b9776b1d0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b9776b1d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b9776b1d0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a479fd9a0c0197ecc01012515cb8c950f8c284f5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b9776b1d0.0.tgz","fileCount":11,"integrity":"sha512-17IL9pjkZsJ/30/KuFF1S9ZvOXt3MfJLmbM2gdjoMSfkeCfChd2fFycPKnJRByo8aJcJjOtimZfCFS5ju02iVg==","signatures":[{"sig":"MEQCIFPx9ZgMhkFZsPnbZdJ0tfwHGJfnl1w2F2g5I7PGfyAkAiBURk77VXYXXuV9jC6qGHrracaS6dlveAGAxiDWQm3q0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1UgPCRA9TVsSAnZWagAA3LEP/RfnCySGbPZC/Yg9vnR6\n6BQz8JHL92RpCvZ7BW/pVnhJGWAoiEtidvzArJT5x2faeM+vKXcK+TIssinD\nGHa4W+h8UIKoN0xSeLnddw9yAL0OJg2pyWH3dVAYc32F39Lvu65m5ic16Z/9\noEjGC4ZkOaMSkDRwwo605R2wuYdV3/3DpGZtGYl4H8dZ1CGFKa6JuhyMJnRx\nsEhFJQp7Cv7djMLMZf9wsJ7riDdeuAczr8yR8gxbajgdPaYHcVCjfpwP4i/4\n9HfN3HPUpzT1fSPpVRsXSKhX57eNkj3lZ5QeTHNyx7B2EuYwTpuRTKWp/ujT\njlfAETuX3PhBBBwSQFoS5I1NTX/p0V4Ot+sCOmWd9d3lvSEhCZjNCG0EJf6F\nwTs9wTJSAgNzfx0BRDpDUEn9BqHaaVaBwmdBFDkTplp6gBXdtIKJ9L8BqYoU\n1669B6y8nTpypUYNgZn34RE1ghextpJ5W7qv//PqnYg9UwkzJbok68QwuBfG\nPuPC7SMnGVMXwvX+SAjbza80q2G1oLhNN8Ma0J0HhmlF/xtuFxfhw858dzLe\nai/Jf/7+Pxy0QD6JWtGm4GQ+S/Uy2qZVof8La1k1DjstkEMs9r+8ljpghxU5\n4GVTdlbAZgFGCcd635YXuiNKjaP8ZuPa7rKLOg2puSTR53ToS0+ON4NseA78\nWOzG\r\n=NMO8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d43f6785558859ab233dac12d042ada9fb8c1b84","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b9776b1d0.0_1591035918640_0.1851855925917587","host":"s3://npm-registry-packages"}},"7.0.0-canary.ba6f7c294.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ba6f7c294.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ba6f7c294.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68a1868f5c93b041a585419462aee96fc5a38eed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ba6f7c294.0.tgz","fileCount":11,"integrity":"sha512-sne0akE0lK6MC8p8e+r6tWaRwgWm0pN9aKMQDi6lgSiwn+vnA7i+ADmElvO7FY5rplbcyhikztQ4ywOMQV2HzQ==","signatures":[{"sig":"MEYCIQCmLq5mqm5zU+LkRtGqguKF9fSzGiLfpQMphniylreVLgIhALAIb5Uy5DARaEgrU1dmpHG+KkRkzQpwtfJmqD7C5ymv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1oYGCRA9TVsSAnZWagAAYuYQAI17gmVweqg1YnhxuH1I\nF+FhquvwyV2O+QPO0x/apKbIBS5sb9rT2hD2den+9OlQaK7+WYsORTJtMN2K\nLiHnw5T9BXbvSf2XAiCG06oBt67WTB5mMM1d6Ct0jSNm1fTGEEfo1xzC8AZx\nH96RnQWdSm1bEFAmJgjuiGIiNRHM7YyqjYqjJ1jWpMz0gVzIURu2zddRFgZi\nHME5KMhRoTjQmCl8mU5lS8o3T4qH1/Iqvw2QvYdMT/nLdrDL0FRGtXj2ROeL\nFryvQxyMpykDyLSPtqrA7ZdLTWQJh6VRuSX+IpFSZgAsyu0kqBMSy0Vtzkys\nLLuYH3mAVLJJb1zOUdGY0KFjK3RNA5AdpsLUjgcC6NjSG7C7V95KG+CixsC7\nbzY9QvfyV3eJgWmsD4tgEGLLqdr0ZYEi8Pr09+UX6wpCOiA4Kej/dlACS1WG\nWzaKfNUcvZHy8s91Wa0TSp8kRy6dLV90Ug5xg5d6TJuP3BuCCjBKW/hqTeoL\n+Or1mj0kVnWOll3q9bo4StmqKUssy7sWI9Iz3Zb+Vi73EdK0gt/sz8jiIzTB\nhA5l3Ne05H+2Nl3s5lUZ10Yall7nNHkfeol7lvHWG/IMLzN4ECb+QyB9c53H\n4aIxsrBMb6giE5WXpCxJoCWQrhWfgZKb65SKnQpL5PI6qPz2yCfbgrm8VBoY\nyXzn\r\n=JXq9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f181fece0cab022dd478b7c2f4b768aa14f7ebf7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ba6f7c294.0_1591117317751_0.81444843117355","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf3b664ab.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.cf3b664ab.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.cf3b664ab.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d4aa260b3119ea04a3a1d299b8a5eab2fe38f04","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.cf3b664ab.0.tgz","fileCount":11,"integrity":"sha512-zU8xy1YSdLGTsUcbs+6zsWEma/zF6bJ2ySNetY77absassyCClukKDJ7ob4WUxXXAXE0V4GAxt/Qj8AVhLi5Mw==","signatures":[{"sig":"MEYCIQCnpGF6g1+pD9gLoLAI+df3acPmY5as0sscSFon5e8BgwIhAPm2j1sNUed7IBdOXkzBYxGf87dKuxY1/jQAGZspdDPm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1pjzCRA9TVsSAnZWagAAPZUP/jfKg25WuY+mevEZA2Dc\nEarjDqDCjy8qFzzo+C0IFhkEHfNY+171B1NiahzZbaDokuASxwcjCzJugzgO\nvtuDa048PrlM8cWpT3XTNJmmxfJbULNXswSrmUjXR5R4kQKtbtwNy0mSQB8s\njc19stkGEW86U2r3m9WuxoGprWhstIvf8P/95vIrx2FYXi2Pv45J1jm6SKBo\nVVqcFMBRh7wzjjuxoKrqHiYj98ZQ/Lx+b1hWzaOfJHaQjgyhRkCqJENmg2sf\nNEnDCLs8fmJgNPNE9Gd9K1hpFxchbJjoWcvV4DMCLoRWNAd5qQpYr9Cv27Lq\n7foyGtxwjPoH41x0QuP3O614FE8wlgVcrk/1mHKvN67cLEMBXMUsesDUx4BK\nNe2XdnabipLj8r6C2xWBvG3bsel+HE4PL933yJ9Pa+VDEU0tQA9eZXxpqwWW\nWHNnB+DDq05UtiDrqj5LHSEOCpl6nNIVTcES1Nzi196130lbFif9c9EYWScv\nmBAWtSRvxkcmUhXVGjMtYuGJytceSQb5u8l5OTJnwm99bJN8I1Zl2dc9gBdZ\nqvV3/L7t6lFobsR/zhFSz2tbmDIlvu+ZXH01agH4ZmuIVWYKgLVDkxruTfmB\nqzPRM0TIVzY0cQUbMY0KyV6+iR3i/5u/peP3JvIjTA/k0nZYX9FRw5C1l6+l\nYZem\r\n=+Yfl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"708ed8576095ca5e673311fcd970680f855a7b59","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.cf3b664ab.0_1591122163259_0.0032811883713304013","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ba3c9a31.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4ba3c9a31.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4ba3c9a31.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"053d7f17136496f8c5fe317242b4d2696935313f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4ba3c9a31.0.tgz","fileCount":11,"integrity":"sha512-3vUALjYmqh1JaWRCKNUuYbRp55AXHiatAqJF1OHdZXhwbmbO0aBb2eOwfTGVqB5Hsg74dwYm+oWN1vGDd4jyag==","signatures":[{"sig":"MEUCIQCAnocvaaLbespqEQPrWy2x5UdCKahrfss0Lhr8SLvWvQIgLYwswkkkm6EUYiUPXP175GZTFZeUQFgb5iJq3YVS/tQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1uYDCRA9TVsSAnZWagAA/osP/Ah4Oeod1OcuFBkSL4bA\nleq2a50jEsyQVmGHCcrGesAYrpvrfuadNQ8aQD29tOqgFQtymLvCEPM6u5fG\n+3Cq8WqKmHQ76gJBbA1HEVljKKGv5Bf6TOK0QzHlTgxzt0wwXpKl1QoHEJug\n0YLMkROHemoyEXmYAZoxGo+Qoik8RUkIOJNUBNtjaqgETmXXLKbnMyEyEwux\nfXrPPQ28XTzDLp2m1OFYRck3ISMDs+YHri3oFiJjWSP4ZVcxklXSoF9gNQ2S\nVBlTh34GC0/i2IU5dET28xcBrT7AD/8rglSKGjFingUhCoWSqEvnAH+2ERE6\n70NfJvT3leLTEE9iVySRuS57E6vtgixvOopfAqiK2PrGRs1N+HKuvNhNAvdo\n3eXnsSBiEx/tQJF8sATY9zR5gAML4DXGYpKCCM9IpgI2btN7w34ZRp34z9sR\nJIV6NY83YWYW3DZly//yxztkFV44yEbgLmhwTzt9yVSGbI1SsTfVSLml6rP5\nSNZapZQ4novevEeJ95b9+Cgort37Kd7Sz7ubgzsn8Qd7+Zx7V2MTNnJiZLDf\nbSmW3IUP+81jH2kAIpXq4tElq96y9EPaOWwIphEwsCj/ODJvXoZPf0o5D1/C\n/VF5z4cgJAoiI5JzPSWm2xaBaf9VkBJL+PWpKBO59y9gjsuLwJSJneIeZCDm\n5GbC\r\n=CKdO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cf7f823aac5f803db06863c865c07f432ec4fd09","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4ba3c9a31.0_1591141891093_0.8418034374216898","host":"s3://npm-registry-packages"}},"7.0.0-canary.388b042c7.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.388b042c7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.388b042c7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ddb4d3635067460a8acd62ab84a2e53f55176134","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.388b042c7.0.tgz","fileCount":11,"integrity":"sha512-2188sM4fbxLXZueny3ScLnVCwFI5bJEe/j+Zw4MRfYd7RJilW7vRDaQIlaqxj5+UJKHl57pKubuEHVE/maI10A==","signatures":[{"sig":"MEUCIQDhYSLS6MSGJXMWATN7v2bc+IHzdgG3G78NOc6ThxXShAIgdX2VPBNEJ3HmM4zAsVQpWihnKU2uxAt5gudRfn2+QQI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe16mLCRA9TVsSAnZWagAAlwgP/A1x24rVZ9oVQN1Lswgl\nB4Z9lAvT+IPZnzyMhcvZYxPUD/xae/k6VikQAh70YOX9lRnPYIWKKBt3PswS\nAAev3aYHg+0ENTkPQYC2JmSNFOj+xuHewfM96NhR+WUaqnWis8SZt3ixpqrd\nUEvWpKdbXhxjVXe49HyYWtQhuvBUdAgoRv5gyOnojZceDeUGgsLUYHOkzWwt\nIexkNK0rXk4thQ/JXT140Gat0EzOpwcpR/UEcmdDWkr7jWjIfKdhLGIlqHld\niFzfs7aqqebWqIqt0ese1gIlNOjkY8RrZGIDfazGMCvbNZWZoEv6ZB1ezmd1\niYozrzXJetE7rlvbUJWLjRa/jFalnVZ085U/By1tNQZFXX13YkUOfhOcvGt4\nXkzsVfCkPJith8vJUmK2hlscei/fsJh0rc+A/1fl0xQ2jn7GccMADSQAUKcC\nbOyOsxH+rfsgPkp7XOA8ZjzSbIjodKq4VXiPGXy1Sa/FLOTn1A8XB50C6WOJ\nRBGqfhj7EoZ2+WH8LkYcaQpX+oisHtt5O8sMSQFguFwnITW8aXJLDSth6SYD\n/eEAbdU7Dsr9/xjWyMw24O6TYCVple0qIY7PnFxkrP6tVXqcYMW5aco7DQgq\nM21uK2y+FpFSnN/AmewjT6BjzZ9vlfLw3uizhQBe2Mk3HSBUC8w9BlJ4CXIJ\n2s8M\r\n=VP5p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c9ddf94f1ba2ee332d7acea141e5022b58f79ff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.388b042c7.0_1591191946999_0.15481908888273477","host":"s3://npm-registry-packages"}},"7.0.0-canary.cca1ca84d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.cca1ca84d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.cca1ca84d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6251170c3bfb0eb0d88eec1fc3899199ce6a390","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.cca1ca84d.0.tgz","fileCount":11,"integrity":"sha512-iSfMBNFDHNtEsydILRVmZwUZ20r24Z4Pkiv1U3Iewyq8g8KxttvYfLYutcZySTGW4bi9qPq4lWTsvnXoPv5rbA==","signatures":[{"sig":"MEYCIQD8J1MVKAcYQAN0AUaY223MUZIGtCyVPKO8ZRfjLJ3ViwIhAOuiP/kPiYxWfkXE//PwlKMSfiSnUCABj6xYR2AE/jb+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe18l1CRA9TVsSAnZWagAAfQwP/3SZTd1/zomnS9w5ULdK\nmNRpNckriJYOVg1PsOQxddlXPZCLwc3JNmgDDlUSl8z2rMguKfjEVye54KGN\nGxo0EX+3JRjJHwhHqBVrRK2weOVqwfPF2CkGZTEVlnidVCAMvBvrmR3fqNRH\nNnplyYARPFXQ3kw0XxmsAWJ9dJkCvPwMEauUyj+3hCVtPzP31FiMERc1o1Lm\ndeAAXr+/gFqOObdnFoRuiREsD4lL6ayAJjNtr+BcsFTrpCEzGYe2AnFU8I0H\nmI83LsnhnQNH+/VXSkhtTzuLj/1/TWt+WsDhoH6x7AjhSNy+303HdrP8gvHj\nZbpfUrMAxxmnQmQIhrW2KvOvhRXW6dweaEED2vpikb8sOOYrGah4cV48C/dR\nOeLP1FbiqaEIDuvODGNB6A2DjFcjotPMdS6MNV18PqNLpOFBO/HBq6W2JWC9\nDVlKlzpTLHWnLvyP0KkyQzx5XeDlZyhScSHrW8N23uuzoSVbSN+qccsMYTzN\nenBk1lpJ3V35UL8rrkPrlsOD5Dezi3S1gG06pgO//XBRk8FvenpgUvUeuAWG\nM5TxPTebHhPb8qLTV5wC8+IkxLaaj1eB7dBRNm24Sb+I1izEyFfe9IbSZNjW\nuwkXNjCIPh2f40TuuT9SEPjEwyKneusrM5KfkomKSnDLqdZ+YHUdCPn2kCqZ\nvq3u\r\n=JU5I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f154bcb37f9df5f07d3c6dd0c397a436794ed609","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.cca1ca84d.0_1591200116473_0.6706734824548921","host":"s3://npm-registry-packages"}},"7.0.0-canary.9b0b5f2e0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.9b0b5f2e0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.9b0b5f2e0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e42b28bf18220d2f79387f8055800e31c035dca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.9b0b5f2e0.0.tgz","fileCount":11,"integrity":"sha512-iY8YaEl55EpnrQCu3fVVMZKL1dEziHhpnJ+pseH0EYdeM1Tf4rB550AilFnsLu41d/o8IOUcxuhtI14R5kbPCQ==","signatures":[{"sig":"MEYCIQDkn+Mn4q+11wreGSdb/84hpApIkdmEsAMrsnbcYervXwIhAPYgatM5eJU98BFx4L8RRoZyIFqu/Mxa5aPBF54Be9QO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1/JvCRA9TVsSAnZWagAAh/IP/AtZnhtGW9ogloxveAJp\nSdcA1LrciagS/kfn76nUR3JpabhKm8qljxvBhl8EuXYw7XFakTGA+Hi0m5a5\nKZ0Qq0KLyICoXU+fKL4u49V5fED1reKYUceFs3ziij4osKu9HGmpcD4RgcWa\nRqH7o+kKbWqS8gGurDLH3AMvAa5F2ZTdDmSAX3+iyCNsueApdo4ZcWgbA+Ss\nGXuPj4hNi57sDbG8otrSy6BFUxFcQluTaIIBxez0PymWtv7gUncIP9bYA6MU\n0gYJ36erA7QVGbpdMr9dL+VJl0ZGr6DNNErXNbGokuxv1inS57OucGg8CGOb\nFQPDm/WwkiU19Z84hkLU7PZAq2S02Tb2ayiVID1Hw+rNrJKWqlKpvh/+pm8O\n5B/mdvZnmnXY3+EprWi31a+nC2MEJYXwNNdmcE2wn7D1L/4Of+4DrFqSa+uk\nV3sSHJh9XYhwmXmwvt9L8a4Cuapr0r6c5ylUQakk1QkdjxWnNvIDF7Nc4hZ5\niY+u1dAllgvE5rGa1BlJmYyIyOy2hghx2y4eFqFRnh3km8gtUVbdn9NykrOz\nHbdItGh1N7ts49GCHUcj/PYbiOIW0pFgwk4xRCVcRoAzOA08FlerAxm35URX\nbSkd3wjWZyLfEJ607o8v36jXFK4P/8TQ+gEa6AR/Rh2fL1ZHVzxpSrgK88a+\nq4V6\r\n=C+1V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35348e60387f88e73ce8e1376b7f352877821cb5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.9b0b5f2e0.0_1591210607204_0.4665832148652791","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a7895f4d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.0a7895f4d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.0a7895f4d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd8d522cfd0dd5b7657162bea11283ce57fcc875","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.0a7895f4d.0.tgz","fileCount":11,"integrity":"sha512-jgUFvJw5QqkpQOfCSRH4sk2T4FnTk8OEAbJ+fBo4hcXOTKC70E94ggkM1kXBfmFfSlhzBL9MbPOF3Fn+BwLv4A==","signatures":[{"sig":"MEYCIQC6U1RC64Ttv41JI90XNI7GhKbkNdUmbczplQ8cfdrXBQIhAIQ9O39rKC1gnwa9Vf6VvBcZ513DROhA81Xtg+EWDV5J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2BFACRA9TVsSAnZWagAAZQ0P/04w+Y59UDGrW+8K4Oje\ngjSGCles1EYlL4TSfPiyadlUlKYoX7XpMMvXQjCGL1R7s9lf4MmOug+IJ/TR\nFj7nSGIEH92B9dc+5wpovdbAB6UzfFm1lrAUQjaxC4tmB4faTqV8bB4deVHg\nlBKDFTPFsFSwXAQqfoFvO8ki0r1tEFAAF896pCqJBO9hlrtXsaqsQCsF1GeR\n/SdxgFaSq2R5q7cgXZBfC7cniNTRVTAjCXVBZ52nxX2ldMODe6blS59SiB88\n7hhIEEd7ZTVZ/XO1IjVgLgcDe0NW/AM85pIm0QO+i/k3TikrADakn3B5kRwj\nOE30ughTkn6T0idXeyIhZF+LXq3e2q4NMbwX+fZbu+fuBys9CqQAsvrMuD4X\nWI0EIHKuKHqk5PCcepyjdUp4Dn2aOPI9uP4/tIJOVZ8yNnNLE74YcjcY+rFK\nXmfbN5zsAfs08ma4HiJ8SOsiAbm+lTp7hovNctveGhY6ghXRbf8CMxhd0lbj\nj6LVfpqzWam+piTvoETZV1mnvnlcTd84CuPJMc1AqLeaPnVDQq9PmhjwaKUY\nXGCrCc/nkaNdyW5r3gud7MxUH/n8As0WX4bRw4+mz/uITb3FdsecnuSv/yjs\nw+JGHMKTBk0BgcyNYd0n44eiAMfTwCaA6fl6PgY4Cb6t+6GnevOGEch9jWft\nUPSr\r\n=v/Qi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"929c9bffd0636490958fcf34e0b40578b44a9cd1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.0a7895f4d.0_1591218495767_0.08182577804194491","host":"s3://npm-registry-packages"}},"7.0.0-canary.7461aad68.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.7461aad68.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.7461aad68.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ae9ad443ccd4cc70600cf70727ec220b807aae5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.7461aad68.0.tgz","fileCount":11,"integrity":"sha512-KRECDtP7+I7ttu2DaQ7bsBHjYul/jlpMqNeDHEAZ0uWmQwBcNejkmi/zT0l6pufLQ1SfRpuRjy3u9aZ/YZuSlw==","signatures":[{"sig":"MEUCIQCD9pmhsw/eOR2WYVqDrx0PgUbB+5xY/8yomIQ0ARGpFAIgach63uWeOPAMRWiXn3OYk6G8e/c1PWi1WYqs1kpsFWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2CAQCRA9TVsSAnZWagAAhTsP/3hWGJ0ArVwVQPKeaZlh\nFk/ERedSuVPtnD1Hm/JqS2XuSjYG/kOU86jM//1+KEk6UZXRGYnIYTqOvwVl\nHcDdqbw2ph3EGXAmPQxxnj6TJJ88PxIfZk5rmHYEGGamF/poNvKXwJQpRIUq\nZ2E/1Wcv1qtHN7FuD/+hgHL4xZUjDl40kE4aeTZCYE8SHPeLZQnDF0gzACED\nI+TDunOTCbrdyzgbUiKl5mRl8BqOgj39qwbPp6UHps/OVDeOScWp6lGEK4tW\n0HyoN4nVtq7egOV7fPeflZnoH1ITpXNzhOO8LDB6do9UBxXlLjL4H0PYIOR2\n7e2AUE5ZY/l+amMuutRDMgi+chMxQJNhdP6BhhgXEaCVJh9q+2yc1i8I+YHK\n7WM3ulSKJDcQoz9I8SecbReq8TOuxjODPyywWPo1rstXo+tKWkAhHyhA86wr\nKZw+DcjmOH5TuL2hkDggaKcKDgYc9wBQGB2PlODaRlaSUbI7vudbM7tqwG3k\n4g8iimciJKMiF4atQUBxTyYKWkp1osdHNN+3vTDWVpTkje/fkHKn+CSwT2zv\ntrWOhS1wZZ9RN01HKNIUcdHWxGgWCQWaXOqVjkj9RRbthw6rJNrdoHCEUnTY\nyJiK11vZADWO/wolzsjINrVEvVpFY4xFNWGGBmgx2O6cHkzDXtxbGluORw8r\nyVqN\r\n=jBrt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9166e39b20f57c6b5cdad1ce684529ca891bd81","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.7461aad68.0_1591222287840_0.06637700911816569","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0dc2b5c4.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a0dc2b5c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a0dc2b5c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34ebaba22d3df3c53b17fb9c302657ffb9d45e33","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a0dc2b5c4.0.tgz","fileCount":11,"integrity":"sha512-6sT9slAX+L6/UgxLUFTjJBSyO/kH1vMA/Xs8itz/qjOp9AxObjgcSDGYrzc56fJxYyv/71gZksTwcLyZaaaFQw==","signatures":[{"sig":"MEQCIHh4iwNvyFCuGiIJptOu5ezSaxeo8RpSWxTP5fev8/ziAiB0WL4M3O7Dojkghwb7O5d0gY1FDNMCNLEJZN/3zHqvUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2WPfCRA9TVsSAnZWagAAVOkQAJWCtf2YKRbG3DUKr16S\nVRGsbg3kh+P1Pziw8nP/2n0RjzwICdcc84QwG70uTDBlerMjCZUhMnvskXH7\nmGok03fQNXESWJPm5lajDmabcx5FLxEmC8J9w5sPB4bs3168TWuSZeDu0T5A\nHuuCJn+oa5oPUkRAeYWFGjOFzDB36VKzGtDQfVnffvyaEo6MhkwAgX1QXKak\neQgZaN3TBhf//CJSqy1kttOQr0MkycUB9r8L34Q1i9M4mEmTzQiGkUph0Hc6\n+bvqVzXHHEghKz8mh6ZsMlb6tonPrSu7xQvy9teIeigEeo2cbTAavFvYnl1D\n+zgyB4Up0YOhJqIF4UwtIb8N1Zt+i4GaEuNyLOMoN0SofLLvPpwATvGcl+09\ntp2/KOd1i59lb9yq9V+c2WeZohSEdDSoGAYSgw6LmFsCh9tseQ3QOjLbzDS/\nrk8Eltd5O7X/ZdMsUOq9GpJnZsu+VXXzARqdF2XKtVehN5Q7o25w4vRs3VRc\nhRGx5+aZIJH2uXwYJwhopB9AaxGu/ZI5/YlbjFQ5kU0I2LHa8ajaRN7OKlAt\nT3UWhS1/N89+pC8rr9JccSCFGvCp5YetuUzDjd1B/7iXVsZrlbLulXGFXtRp\n95W7GY6Qurg5pjkrCK+cHMtcX1OMFH5V0NpHBwc3eQCLZt69TSRoQQzrZgrS\nOBGE\r\n=wm2w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5970f3857673cb8c032d0d4532a6cf1209f94c47","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a0dc2b5c4.0_1591305180706_0.43283811139398853","host":"s3://npm-registry-packages"}},"7.0.0-canary.2b420c5b3.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.2b420c5b3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.2b420c5b3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fccc276e1c92c732f808512bf7cc5c98c919f84","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.2b420c5b3.0.tgz","fileCount":11,"integrity":"sha512-CI4Z4+8duzRoep3FEdPgI6zPYjpCoCeL9xJAUq2OLY6BCdqMmzABdOuoFypi+YngcafaA/bbfnLbu62ZgP/tqg==","signatures":[{"sig":"MEYCIQDhQ8urzTvAqtAAH63o8Wu95VxyT34Je1C/NC0lVOAHPwIhAJUUJcLNSSDEPvHa1gdfHTAPkfav04TW4ks/m28oYCf0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3mOqCRA9TVsSAnZWagAAAfAP/Rplb1nKh2q/Scj3eCE4\nPZ/yisfrH1X25d/v/Xr4sJFdio6HWRWfs6ndZAm1rO43qbBP+L68NO9TIjiU\nJMiLdwq9jCWWjWy+qK7+K1dOrXzHng0hDUOKcZfA6t8/5ZjwBQXBQvCgNB+n\n+9qWbmABztc9M+1F/YdCgJOfcNcU0KRyo/10Hsyqxi4F+mxCE9H0ogzKiz4B\nCKsLJ9BzHctbvFFZ7wztyL1qpiUA2P/2h5cq8sWyO6atyYUJhh3D0Qx6ObqR\nTQZltC7k1noNX/NV9dvQg+FXxqvqYlg2Ye0ZwHMhv2H+bP9EMVWYbTXBGQpn\n5UClGuBTE1M1l9P7rK2600W8VCiPQfOCimzJf/Jw/CPzwUrhxHn6wnFqZQzD\nu7WoJ8mChc6L34eDeizdummvVbgUpEkVhw4k5duMuByc3VqLJcpgZ+psph6A\niAwJj9OAWVR+Q+lWkB1eX6s0Dej6fh1yfXpoVaG6Cieubz5hqQBqxJH0FWiP\nn80RV3WmAPC/ZoJRgUlHdvFb2QEIuW9XaTxiD+UJoiXRjhse7u0Zkq7H/A2p\n7jAqDYegD2/xa+G/u3YlhYtPFfm/d0G9gD0N8poiVp8pzVk9s2iHmmABXLkc\n+217dTrLuQ4TepBtZBBFCBZeOEV6cjSgy/BMTPzQFnF8tOCJnJ8gYZDiOFUF\npNOe\r\n=EzZE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"80cc16a27982fc781b2a68accf38760a98fdbe2c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.2b420c5b3.0_1591632809764_0.7727128558339322","host":"s3://npm-registry-packages"}},"7.0.0-canary.8fa22aacc.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8fa22aacc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8fa22aacc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21a1b13be4e9c9a7840bb1b10c2e27b08cd0a270","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8fa22aacc.0.tgz","fileCount":11,"integrity":"sha512-l8sMh4qEUqoBTIhnWxeiePkgh9q1naxc6YeFD8CSQHCFyYK5MVM3Y2lvPAfMeAe4FNETBjOtMNEp/DBM1k6iiA==","signatures":[{"sig":"MEYCIQDQbOzlfgbUjToHnhhDyUk1Y055L+uLMMfwqI1y2fet2gIhAKnTl3BK8D0ui4VN2xG57ecZDCA6tzNGGwEh8QB+83ml","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3n2GCRA9TVsSAnZWagAAr8EQAIXrQ/jOnXz3BCOsuJr7\nOG5MspjbttrFAGY5cp2rXGybdutZIJEPfLxRsaPyo6folkfbtjiAAkLRPQqe\nsebIUrDzDsGxHoy5riUS+8aKxYjbRYWNiVAFQK63BKTKiWL272/TszrBh0Vw\nB58wDGpAHaMrE14C1aohMPBM0z7hsH4+typahgEqqXnNqWN3dTiAbh2YcNdA\n3F6jD/00CsobDKBUw3p8Qp1QFJNdmzyzjl/B0LzQED4WfGkO6cg+QlxzXQcI\nUPDclouWgnRaUJK5bpEmBSPoNdv9ldBK+kXIkXrLhULORrGYHhg83FywHRV6\ncmnWyXWu26oG/AQh4YwXSXNE5Tuh/rADdJye5eVPox2Is+7SS7R6mqvM71B/\nnD3lWsvl0yECJrVoyqIPaVWAKJseqhIn9EaQm/S8QMsgd4BtEX9bp7xiUjsA\nRJHfU7bfcfSDeLY9DiDTBSP3eTMW/gH14pk3HLf18sAGfJ+RMsf60LJk3XeY\nszhqryaLXhzn6gWpvkLBNOoSm2X7yA8LHpCr+1331SM9Ttlrz2E6jqnfKnfC\npvNvPmGPyD4wWCj9rkJD5g368L5JuRZ3fAr8VYwtyn5qeafZGfyYCB54cQBk\nTEulzL3qvGUa40OmB87HWisA2WTsods8XYuZL1pNHMIAsnnkCKy+Ia75SN0+\nQcqQ\r\n=fIHf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c66b081ba582f4d58dde82c8b83ab1dfbed6063","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8fa22aacc.0_1591639429375_0.2755617736488898","host":"s3://npm-registry-packages"}},"7.0.0-canary.21c4e4ed8.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.21c4e4ed8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.21c4e4ed8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"276fe5b58614bddd82638b9beb4e22d8f9793b32","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.21c4e4ed8.0.tgz","fileCount":11,"integrity":"sha512-7/FfjXy8ctWIyvYDTU1gW/QvzI67l+ac6Q1ZG8c6pBRdPZEqFsxo1oHFCh9byVv8BEo2vNHIOsSRfHOSNfsLaw==","signatures":[{"sig":"MEQCIAUoM1JhJMRc03YEiAyPX0ACiBpqWe3yVLRxNlPX0KEyAiBmAwzkxw7G97r63Q+gmjiJC4XmVxscLrTaK6hUFUbQdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3obPCRA9TVsSAnZWagAAOakP/1SnpoWn440cDCICSCET\neMEMTf3GUGAZSt1wlrR/Ewa/QRbCxOfca2IGobz7h9hHYpzAxii+r/yN8GDN\nH6loSyN1apzzm3IfxMGdivHieIIyGZH6Wn/lKBLeIAukJsEpbFugEH1P6bYa\nReS55llVQFh4yCUm2ktJkukmtKIJ532vcYo/6KZrb0/XFpoMVL+rM/huiK4V\nLJZNsKMkXNb5jRFGbEnVoYMvbf+oiTXLUssWticT2I53WqzzNR5x9OCYyXsn\nGSpw07jqGAf2n1/XjtKOHLbDv2w3Gc094MFy2dkEZaWGMJtqWc4OxDNOhaFZ\n83GYaAetODOZ51E8rf+IC5ziyUkzOc8OqIY/Y7MqdsJzuSqVcrBlzWi0O5ct\n1Sek1fmzCgF6KA9fp17G4FQ8bm2Xa+AMYd/+7G5euyXTwymZ//aTVZBfCcnS\nX9YB6Pv1/sivTXLOvlj/ZpSJrTrsxy3j2GIRoEqVFnx9KyZPbiJ7/2jCZpjb\nLXMDCoHTUULXCW95U5uh3xD0Kq8gwgvXYNDjzHmMRkfRU1Rsg8RvUem8v6iH\n4gISb0AV5Uv5JtAEiIteW2fiIT/bYsnPmMwY1ArrpbYsDb4wurQKQAHOmfzH\nqfSmKEQtl18jilX0DGpEy+y2dPV+71o/zAyfBKGvg1n7ejYliiEnuTLihmEE\nBROG\r\n=E0fR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4028e059428ff6b13f79ad3f9076ddd853ec1904","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.21c4e4ed8.0_1591641807127_0.8414532938606651","host":"s3://npm-registry-packages"}},"7.0.0-canary.dfde46516.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.dfde46516.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.dfde46516.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71e1011227381bbdd68c826737c3918757b974d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.dfde46516.0.tgz","fileCount":11,"integrity":"sha512-NR6OtfD14aqYrULFdoz60BN5WmKYHBDQskUvjDaKssCgZqEVqQP2qOnb3qbpUfgmN95mYPwlzak9rE6k7/a0xQ==","signatures":[{"sig":"MEQCIACmqxu+HnDTlMJhLp5ZufBBi+RKFrGhFvCn3t8Bv05NAiAP0D2B8yOhLZ1lhdMU6TjEC70Vh2V2MgJnOJyZC5zPkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3pRNCRA9TVsSAnZWagAAp7oP/iim8JP1TKvu/2gRE9HQ\nUr8+f+SlV8Yoc/xfAdsztht7XunSQ/XOCVW3bS5fKUFsWjmyZcbQD6oo5CXC\noljNJb8kxLScq8L2ZNfIRt7+YLISL7KrgGJ5xMy3cnb4QkmemmvkVIx5d61j\nDexSYiUp9r7rKAOZA+fz6SSHP1GgpwMO4FZ9U0W0UD9uEjqcXXFEkIXD6Vdi\nz1AFZ0FQFcCPlEGn9V/3llOZWR16kdszOprO4fqbDKVurJl7ik6vXCCOqpcy\nR0B8NiKqyP3KFp8Tu/yjyWCGD3nofiCkwR1oFLOgVZxP1r7N3sfcJHdk6s79\n6K04oluGPTrk/dQrQgnELZwA7oNSL2HVdlwPx84B39eoBAF8+Qvkf4ZlAAjC\naZVOIWK/kA8fZgJRg9WCh7VGdW9Y0e91mMTqRI2O2H+8Vec9klOykqCTm5zt\nhsJtp7BYvvaMfK08RQcz1qzJpn6EV2PIOzGZ+soZGw9HqyACk5JtJeFbx+JG\nQEahSe/ftt8ElcHQX3ZZRkqD7r1Lg2a6k5FfZeqNO1zy1rwmj6rEPhfuTKiK\nNrvmiz3ZBIUEUd69DSlxU/ZOClsEZncnxlJHeVhszyVeO/X5Oy+67u1yBzPQ\n2vNqHBHd+nGyKasoUc44QEDtAUvE+rhxfz08e5/H7nR5D+gmlqpV3/m+SLSI\nR8ol\r\n=9Rqv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c25d474d22b404bd6774ea12567f0916bd7fd165","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.dfde46516.0_1591645261068_0.7803831633502916","host":"s3://npm-registry-packages"}},"7.0.0-canary.05cc5c206.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.05cc5c206.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.05cc5c206.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b7c765740c1fdf975d7bf75a0e27687da15d307","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.05cc5c206.0.tgz","fileCount":11,"integrity":"sha512-+I6YZPRrjcA+MbZhGqBIsbXKWHhM7Ui3OIcY5Xki6jKrNpv8Th1KXU9A3+TbDo/iC8JLd1GEkEqyEyqCO6cIEA==","signatures":[{"sig":"MEUCIFsOREiJ9/a5TSzyqLIFlTmjwNQlH3DyNM26gLmRx3FUAiEAiVjZJtvM+eZvS5rTyq8Faw69kQkD6F4btXTKRAKRckg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3qXeCRA9TVsSAnZWagAAD+kP/iqejE0UrjAI1DGKULac\nO+Q/YnNd1OHjf8xvS1Yt3R79t9de+oYIoFLTFEBS0//oFmdJrpH7khIZRuM4\ndFcEgg1lBpRR/y7h49dLJJT5K264ApPrL8sBgTTWFrffc/oMJhTeR4zy9mBQ\nP1w18xoWTULWteaPgpVrCcMI3gp77VnHWrvmldrQaYk5jMhmJwtQ3syPSKE1\n/+CE1zUAD80lZMzTqimUv/OebRPa/NRyw3XFuYSJhHuJnvDMA9k5znFbMK8s\n5R6DQA5uJoELedRmJH8AlHFl9iQryKHLG5RrUyDgPpMmNWpQvYbRWgBGXxCc\nLhdgYGfQQS2gdp7j01xafH0AqQNb/a//MKouVCBKSZ3Z278drbkHkkqMVGPt\nBVQx8+5GE8ed/NSgJ6QcW6vPUHcWEYne82gzeFUeRDq8eu6/VZlsunCEsjm2\n64wZ28vBsmgAS4kJDtx8nLXmdUB5vLJnVsdMQHkNQhV6/5GvGO5EVTGSy5K0\nxH37Q8l7mwXFGpfSWVhwFs7uYGoiTe0Qimp8rU04hvMMY/t6UIUqBVpxfz2s\nu7U+cYhqXDQDcFZZLGWJkpgcAb+Mb7R6lL4mscHjckioALV/h5lFCrTCQITp\nOPyf9A2nChUu6VAlhmQUaU8JcIZCgxrvMm9MKFd4ljc9zm4V5YLjSG4xJuX+\nZGXK\r\n=sDF4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"933ae32b3f02920ab3f6f1660cefdd6302297532","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.05cc5c206.0_1591649757438_0.5649222319181073","host":"s3://npm-registry-packages"}},"7.0.0-canary.3ee488f1c.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.3ee488f1c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.3ee488f1c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b9dd642f0323144a18d8831ae98609ca3d39f2b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.3ee488f1c.0.tgz","fileCount":11,"integrity":"sha512-QLdDzh6cZ2SHO7bmGX5piLHUi3VB8/amIYWrlcWqTjuNvyg90OgYO2YI8/IZCeUj2a1pfcy7ekyU1quvZTxZ4A==","signatures":[{"sig":"MEUCIQDA6p6fQOHf4/q465KeleJwuK+299ZvM+arFUwao2KcjQIgFCS0fkTLR47Al7jbqx16Sk8EZehMf4aIuObad1kXZds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe36JXCRA9TVsSAnZWagAAVyoP/2WpSwUDBp3a3LFBRA/e\nuBNS1/ggwMeJFpDOp530pmjsLDKeuirBGvndGAcfwuBpWAAJ+R982qGul2vu\nUmB2gFB4ct+pXDw5k48mOxffFBK5GQUGEwH+nbTXODNGdo8zkj7mHh+RHt18\nA9Iu9nts4xVRwUTmXPM2ZYa3NdTjwxstDEvlDQmIXSq//O8uJXQ5nQed3czY\n3Gj7VwPzXd8A5xTF2aM0GYWI/d5roXaSoOktvzHjkMb4p07zCeYLKqI/+cZG\noNL6eiDNIOR+IiIqUEbv3aR0N12LA8iZxndK+1Mprv0pfxKn9JC4ng/UyoKF\nuwQKB5ZhNE87HVPvY/om1jWrO3xd7iUcf5VN1cQd3I4DNvj6tNGYI07gtBCv\nY9z5FQ4uN8FWYuLUp2daPp93j6Tynf1QQMphvR0hBr7n0sBNCgamPRu4U9cn\n9kl9LDR5Y9krW4BsXShFAp2h9Mqbq+yvfC9Ftw74dZ5nUyTDsXOlJ/WaFyxC\nXK0loEjYBlR75VuLUvvRkx57OAjHyQc9wi8zNi5ePsvyfAvIy4yiQV/nmnEn\nfE5PiNEn4FNEJjiXD4BsWUrR9tZj4xwBxq1Rtczb1L2EzQAa7jgvfJkGHvfK\nnsJcoBUbmeg7vVXuSeMuNz2ecO8sstR3NjeUAHqz+NmWnv+iFATFek6Rltn3\nbm1C\r\n=gQDU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ceaac97d295d5d50e71137ff6d4b390630570b8c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.3ee488f1c.0_1591714390988_0.035315090353678524","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83d720ee.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.b83d720ee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.b83d720ee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d463a62c6481154d39b170fe8e4e05970b340d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.b83d720ee.0.tgz","fileCount":11,"integrity":"sha512-atF67WH5PuJ+/niilI72K5lEOhiBrbm4dTVwRH5KOsSKzfWXNah1/OHho7vt3mLD/TsrxpYW1KwkNE39esV3hA==","signatures":[{"sig":"MEYCIQD8EVOyCbD9e6XOHxeMVdv3pMDlgxxuZ075iVTOarBdNgIhAMlFOzCz7DaVLKIbHBRAA/KdqgjU3DF/D+80FM43cnyv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe38YMCRA9TVsSAnZWagAAxLsP/jXEiQHm3vico0x4P5X0\nL9kwU/yHpbrCUkuWWaxkwRAxtfkZLN6d9lAo761tgbNPzcVzDw/DKCv1PvRK\nkie/k+1JBs8RVlxzuraBDltiuvGJmcpjYKBm96XTFYbQqPYLBWtJ3QantrtN\nKq6UGUibHLii79z7peZb//C7ChBkhWt5H6/570VHHMmGdKeuG9lfS25S7Aw0\ntQ5zN96nyiyyMvaFZIrL7ZVnJThTMyG79/7J6NbfjJDT0NNeq0OTXjOLSrxQ\nVw/FB77GETYF7vHeXBeupHJILzMjNs2ox3iuZDi0/kDxnIXFNj2oSDJnfCCD\n2AWAzcRCxGOgZBqnCLevgTN+ywnDQrOvR2h5Ee6WrbLN4DZ60Rl+oaiyR1vH\nNxmstRbSHyWmq2xRng1c+bY9dBewbZOL8omjLzN91cd0+xCrtel5GUTyoUvS\n2cI26VAVLXS8Yk0PZp6svMBRX8KoDwbWhmJHON5CAB2g2WMqmI761VQHBOBY\nXcVxYmcx4wlFIwGGfKRR4Ki3QkZ67Sa2+pw84sQd3VfSwBZyYY0GGOOISKX2\n9ql4GbVeTmrwjNg4rxGuBUFqm/t2vb8Vts3dlMe6d79kEnz1Kx7ZspIr2R0o\nZsi6dsvnoxPP8/5is6O34liO0LnOu2rxW0B1K94FwJSrP3WUH4sRPP6kRPN+\nEH0D\r\n=A5zO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3e998e476c86bc89c3bb626240ddd068529062aa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.b83d720ee.0_1591723531844_0.7896227116666881","host":"s3://npm-registry-packages"}},"7.0.0-canary.afb1c11a9.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.afb1c11a9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.afb1c11a9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5bfe9755a2ed85d9e98d8b56a80613bced57d374","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.afb1c11a9.0.tgz","fileCount":11,"integrity":"sha512-aehD6TIbFvss12GzQsZZEpqS8U78aXT1gDNYItYvZHWpLBAJuWFE75/+xvyp0N/rZbgLkWlVkWfngy4/u0kpeg==","signatures":[{"sig":"MEQCIH24QF/jmafw+1GnYdUay4ewtxU1K5s5eYnmDJE1b4M2AiBuM5Z2U2GQSonBBXOcprIZTOIoL0ANzoDQuXkdvYFW+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3+3vCRA9TVsSAnZWagAAMWAP/0+VmRsFYsloBNc/voAK\n9Bk+GMSz8uaeHew3Q8Cnd9EhJl7HVEv3RTv0lWO6zzmLiARxa6LEOR6TuNRu\nr9DCkMMW2r8VkOJn5Fpi0UJ+iCV6C9x7O6OyuEnrzkimF4cjmJe634tQTp1c\n7kp5h5B1/F4TsRyv6jdWOGzmE8DiK2EEZbVNHiopLR1nASEnibuKqWhhQRwQ\nmgFDqSN8oAHPvVtN7FZizHcHpk23GjNHz9Tl5T9NCwqZOVLMlf7qDx42yEkI\ngLZ84aIOYHG5awi402uK8UByUqeX6Jwx9UWRXCfzu+gzQ94zwr2vGBmYMHmk\nbzhY6TZMvZ1dyrt8wb34ytGVLId2K2/G85tSzRiLMq8WNEjYtJScDhWsx3sr\n2Wm37Lpal5APJHJbppDN9l/bXKB7RTynuKXIXcJ1mM9J7ssFpBj3cElFB0u/\nhKp9yqaUTXBHaKvSERAl2cybASsRz+Pbth7SK3IdDjnlAEHCKILtpI+VwZtH\nZe2KyPihdHBwv0JN+9VaJaVXTXYA+o7ooAgmpp+k6IuF+nb/cHt+lfqStnBk\nLIjvXB0aKxy8zD21+ePMfvxYaphP2885AqYs0Zo+LN1kt4f3xtXz8KS8zYVA\naF80CvOm0sq/rkBBx5Qnd2Wf/bF9wliMNi0WyRtccXR1UZkdKES2Xs7nBM3q\nedcn\r\n=Eaay\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"893f09ebba8aeae1b012971b66ce3c77c410b823","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.afb1c11a9.0_1591733742711_0.48811643787468784","host":"s3://npm-registry-packages"}},"7.0.0-canary.39e6f71e2.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.39e6f71e2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.39e6f71e2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"853145683c701a57d057394bd12c468729a2dfc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.39e6f71e2.0.tgz","fileCount":11,"integrity":"sha512-76BDUX3zpTObc8nLvw5F3Z8m7G2GRCZ2YQeh31VzLr2OF2Ad0IbGbWH20WQwLsn5LYtcUCmBaCuBnXuKhcNLBg==","signatures":[{"sig":"MEUCIQDgFy7+5C1Cxh314/H5VV6JetC5b54LeRdbD0tTgm1lxwIgSY+q71MsmHcrp8dBEqV3aFzRULPnyhO+MdMCPh/dEcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4B2OCRA9TVsSAnZWagAAX8AP/jYZdVLybYIPZ5pqfnG9\nk6B/woQFMs3L33Y4tr4ACMnEFIKS1bj2ZEqjMs5AQ8A3laC6uV4fENTMPfzV\nfnDaym9pYlg4vdbyQqk8IKj7fHs6D2NqDDhdDjoCFmV2H69qcpiUmIDulsgB\nSVXKAZ+z+d1PZyxFW0lRBqaU5JBbbQoqpJexAoRXU+Ce2JSH4UacgM/0iaBb\nUhpAIokn4oSrC8QVkjFrln7F6MdiX/BCudcOcsVE3+8EFGcpqPe6Ebrsq4zF\nPubOwy7ewWOUVmp+4C9XucO+vIVh5eta34xlRr4OKZKtO/KuAt7lgDRDWhng\nB71XLlt1PFbGylWELS/fbFkanyo9xwCJnKhUu18leq7sm7JAKxa+VjUB+cE3\nXLJ8QzDXycoa/+ohy2eFoIhqPVRa2OsIFkUvbe8ukuWB7xR8xGYtGkYgck6T\nJIvkb+GwCj0m/aAb6uTwu4TindYE4iehAl6EuAFPXdjlC1vyyeO60joa5zQM\nkWfBfXbPRHYllKhmOj3bIgwBuE6opZGpFP0g5T2nN0LGIoGzBH1qvq5/PMD7\nweA/Rbd+NKtP5yoncakDJdzrPYuSsYkqEZeJC10yNEe1Cy8G9+ZaMDQ3uOPV\nUfMwzOBXGVX0Em6NYI4fVzq0wVPvBrEwjk6nNgVh4x11WBZmb/OBTkI/PPGo\ntWe7\r\n=PTfI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2f7273891cbcb7da6646bdca0ac4c5dc2ceed9b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.39e6f71e2.0_1591745934369_0.15369505297293573","host":"s3://npm-registry-packages"}},"7.0.0-canary.d4c66dc7d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d4c66dc7d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d4c66dc7d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e783d8bac34575e88cd4072334694b699ef61e9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d4c66dc7d.0.tgz","fileCount":11,"integrity":"sha512-mj/YP7T2oxZYMZuZmDXKD+sTnAr3kMpTyNEn6+cc+7ASayxFsW911M97oiyNxUdv4r24lrVLsOuotAbSRo2ERA==","signatures":[{"sig":"MEYCIQD+9sSsVIbxgfsb5DjjeOHI6//6hp4uP60NJFP3j2tqtQIhAP/d5/so+7OEOn4xAij0sz0inG4zwukEy2GERSyn5F8l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4m2lCRA9TVsSAnZWagAA9VAQAJnUj4wJIUbPjp+xcgfS\nFx+D4dB7E3wLn3kQvpqB2lWVEkJjmrVKyOgVJxu6GJL0BlaimZv0jxYzyAns\nHpI71iBlfWcTxJgJvPxRBiF0Nl/7kddE+Ee3z7ANo07oXhSC9O+eQCunMN0D\n5SICAAtMhoZlnK4I20dZhdo52SzTRYmfY1fMSef0xo6dktt99oqv6zTGkeIU\nXRZgGl6ePsWrHP6UR5xwA/gOi/dXh8rSpWcNX+FQ98gH1ZuLi6qYBAYsxD8w\nL+lz+pnllcxMGr/d0U1uBt8PnNIYVkfbbFkJSJo2UYjbiW6yq91K9M9fj/PW\nfPyWxrrSjSlC+aACrVtJ1miMQcdzUmKdnDNNX+VlOQ6j1PZrjbx4dH2R14tm\n2qV49OyaDfodi6vQi/sInoMCkkbDC0UCmDGuAgaqBmbU1hxj8dIVeYd1uZmf\n7ZX3HxN+I3h+oWuBrLm3zAGZQ6qP5xCxHGHPlpDgIuoaqqfglAfKG4kjCp0v\nk3A4kKnSU2N0yefJj8HkWAFu3QByis8GgrdhQ1eK3kR4RPsrvFmb+VgGTZTs\nA9sCWMUjf3uLy9vPATtYAAkV2/99j07iuAoAbTi01bUiduaRkaM5pIKTrBUn\nPpAF+Gr9FXE7JVD0fwQ8tLCypBSggG2pCVSazVuB/7E8/C/mHFnIZHwuT6RB\nBfCj\r\n=ELNz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5964d9e6836962528334c54ef81ac4cf4898392a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d4c66dc7d.0_1591897508833_0.5220793169965874","host":"s3://npm-registry-packages"}},"7.0.0-canary.be4a19f9f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.be4a19f9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.be4a19f9f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9654f750515eb9094e0f883253bed50b5047530a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.be4a19f9f.0.tgz","fileCount":11,"integrity":"sha512-qd3rqq1ah342cbRO4/uT+G3vvhasTPzdwLZejsTHL8T9K+ozzn8CpRVtn7fHRd/opX4h9kVXHDWLIGMdAB0IzQ==","signatures":[{"sig":"MEQCIHWEpXBh4c5ploYS97ddr9YtGULHfiTglwKCYQNEXWFhAiAUiliReOCUTLfNPN0tKgmAN6Kn3KkxrG0GWlkaBAq8eA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4xucCRA9TVsSAnZWagAAybUP/RM4+N0utaRW5ZmpQkPB\nu/+RyTa3lkTF1zemMzvwZpTEZ/AvqQPumRF/cfBsyDRToraiQwlUkiCguVFp\nvP3SIo39vTKDD9RGDfyZG4PqqrRvhXbQxhXdMY1ugtBInRZjiMr4zWrxLAzX\nq8+bxRg9BDyfTldugTJ2Kgv79zsfK9hDHjzIJ4hnEBZEiyn18B+MxVXR33gJ\n6Fy6G8HMdOAZ8LA+8LZ0NtwVrSLL/zHx8ymLvH+yktbftwBIx7wuvn9TxJ19\nWF2v+XlHFvEblt9Sy06YjeuDqet6A5+8Xm+lF7MNWlMJtMK3qIEbVNLZK9lb\nXm9WmexakvWzi8juSpj6lmQoKym0FZFGoPgNSwdeq4rGZN6svgumdf0V8DI0\nRHzxPwDz+wpreNvljQdfgYJphgcM6uuCCtpwy5uAVfbKBUdDVqLkIvNSkgS9\nZe3Wk4GG+RlHy4x4G/X2+n3417vLcG1+cQNernktUfoJujIecrzVyaErFics\n/JJZ1gTDU0tmKYZ+eM8hzB+m8Vn9QTjpcsAMDUGqHpR57ATpO/VafTx2vhZl\nI83u/s3rZ3dZA3a18JmjjQb1WfaTAcpVQ6aB6NVnOdiAg+lMy0TobE477FAa\nZTHyhk/8BtfbZH0mwQEqDiV+BiCGMle5G0Ie1+kNVLjSjJlohFd2P7mdEMTy\nEfT/\r\n=dKtv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7a0b89cd18efc7fec60e96de627e59883e3657c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.be4a19f9f.0_1591942043258_0.7688232175795808","host":"s3://npm-registry-packages"}},"7.0.0-canary.a6ac8f629.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a6ac8f629.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a6ac8f629.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"851e58071837094f00c8d7c20140add160f82cb7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a6ac8f629.0.tgz","fileCount":11,"integrity":"sha512-6VjaISyLJVy979wDdAX14O9aIQ5UO+jLZMJ8vnM3fYM2MO73acW59ZJ2nFQRzC8K3u6itp9q1TtQ3oXKdrZhXw==","signatures":[{"sig":"MEUCIQDpXGdbsrjlIRhZvntdNStvq4KDYLQ6Ia9f3S9F2ftglgIgNaWoPen6vzyRozhP+pZqPsWHsc0qUTOYb+m9hyZFnWc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5+hXCRA9TVsSAnZWagAAiu8QAJta9XUkNVmkZcdOyp3d\nnJeGADuX+7zKCcBsmgKQTlCDdAhU4JG3Jo50b5n6uYo/qQ/VeHF7Q9s/1gMD\njqeW1ZF+3LpuqkTzQ+q8A+4szX9kkJYy+9Fs5LBD+sfOzYgNJIatjDQKGlPB\ncTlKW8Y0QxcuJoHH0ITg8K/Thf0Pee5kFL4t03g3pwBoUZfx6wqufPXmlAOI\nJMrtwwb3hU1MaQLLrmG66iAH9ghxisBuWvJcRKrNvbjKxkV+bjI0F3G3PIGo\nB+itun+ivo5cDx/YXAoiP5dkS+HCpUtQ4e6NdxK7BZl1zoLufZfmfNxnjwkf\nVydXVlaod8hf52CdTQVLgC8pmQkr0YqqM0NPd6hpDvpvtgSQ8C1ZXGN+adC+\n4IQkLhPnzFrjYP3J0WDT+GIaR3vaiWDDdCOzyF+iY7l1SulsLyvIfROrj8jW\ntSyDBoiEuYwlvF0JZ8pfBmSX5jZiTy1XhZADoXYg7OOdkypRjsZ3WqA9ckOF\nuHcCdK4dhJSlJiZs8XQtflU1KjBBCFkrHGIuXVhqs7Gh/0KYdiq5y0YyK4h4\nM+YTLK4BBp7QETG1kChBrbVBVgugjqUu/5Cz2AREDDwP0u2cE3BJTEQ/bJg1\nidIKYt4oKf0C1BScZhyT1vhDCWwx9l4CO0+9RYCgfbscx/cRQXMZCRNPObVF\nXLSq\r\n=A0xd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"30d2dc59ec3530f0f21233e5b8e93c990a4a2776","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a6ac8f629.0_1592256598740_0.23801882867274893","host":"s3://npm-registry-packages"}},"7.0.0-canary.9833dc287.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.9833dc287.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.9833dc287.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f6ddb2175ccd871e481dbce5a0d8d7840bd6cc0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.9833dc287.0.tgz","fileCount":11,"integrity":"sha512-jUrC/n3QAW6n3456/IMazI5KGKPX4gfsSaT25GW6tBvf76u650OGGgLRk3ZZty4V/YMyuY6EEchkLQ3VWB905A==","signatures":[{"sig":"MEYCIQD1IqUwuemAS7dIHfGc/eujw4s6+KGUuq7KU35GoG5cEQIhAJAHEcIISLSRxR2LkOD4Bs76/APgXWx6oumYQoV1D+dI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SISCRA9TVsSAnZWagAAZk8P/3kY0vXygmMJgRF/Cigr\nViFBcjHtazCaLIoottQoBBAUuPoimM7A6yP3CAn0HmE8VbsEl0euLz43rBMy\noysQNRUSJcYEN9NErjFwNgzq9irjVcUipczHuVHP2uAyZrIwb0KLbqHu9dqM\nCpsq1sJyeQGfaNpY05gfgbjzvetydRC3EYjQotihDExoeb+qFwS29OzAucwN\nDMAWQNwuPkUYLknTFvrPpVdhn00+wF1VNKXH7bRQmtuW+r4DjqN5tHlfT5FI\nLFmwfw/15OlLzZOldM98UIQJR1nd7hwL+cYBUMhaAfWmJOpC0NTVBfzb2/zL\n3ZN/tjvLo7CuUMJ4Qj33d+rlKx0hJ6+YpIRPGWyQs9hNXzBBqoZpxL4OB8cY\n37407ICCZMoT8KYXhAg0dIhLzku3tfYMWXzMS/vblUVT3ZRWimO9MFy39wcy\nD1pvYtCpEGc1FqtJb63EB8oC34J3776ZOo/UDTDY2F491pC2MMnkO3STYLiJ\nOI4x9LE3GdiBU0mxt53GLgD4bvUop8DSz4jFsx9tkDy5OkhlUWqhGDuHwXcr\nGJCqGU2flKXkQphProgc0THYaR3rfTtX/4OdNv4htqX49sAcVAb7anGtMvo/\nYzJ/q5IUFkktvpZ6LC/mhDCDv0od/jvwT/oZhx2W9G0iCn+MhFQEStUdOscU\nl0hg\r\n=Z6Vq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6852334e45da838c4140c1aadc974a39d80a83b3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.9833dc287.0_1592336914552_0.35065154865792114","host":"s3://npm-registry-packages"}},"7.0.0-canary.3aa33998e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.3aa33998e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.3aa33998e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2758284a01cfe2596f3cb28ecee60780fae9de6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.3aa33998e.0.tgz","fileCount":11,"integrity":"sha512-ljsBXKVgoQ5EcPda63k8nkBNukXKk72S5Jj0XjVSXdiKyXf5kcC10T6IYTGii4BkzFLmltBl3ueqLoatS71B0g==","signatures":[{"sig":"MEUCIQCzuv+rdOPijOICoD1INtVwD2YVUrN2F6yTlAOCORGEGgIgcVcz8pO15u7LkMVGqeGc96plhBibS1cszRu/WJ7v7tU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6Sl+CRA9TVsSAnZWagAAG8IP/Rnx5dMBkL9ycvC6AY+Y\nC4XDACO3A9f70w++zj658UgxSkYTOivrK5sAc333gbiiUR6IhKBuRlCk4Rlt\nBCPGhWRuuxIDq7DAEu4Ok00jO00N0v39CIRPo9EEadDzQKewZoSwAJKoAsrk\n2j1s0Nkk6fpf13VWU2Ubo+3qKalYDvIFPscUegab12OGKSGy6I3i7iNa0c17\n9s6wPUEPEETtWF0T1HN4aejzojZxpz+sZdVIAZ/iLMrG9LFdZGMzR/8hMB7Z\n/c9yqtObDdgiGC2MksME4iYYeqsmoVDZWBbDhxF/AlHugAGM6N8Q41COaA0d\nekM+cdKLlQ69stgODwgLo1lQVyy1oZoJLPgpGH67RRq5/lBl3lqEE3SXG3Kw\nVNw3Z0ULLb9BGkmHsXJCP2EKPeHpYyQmhh+G6yX7bN6xb3ruj4bzaQT7tr7W\nSy9Yfaoau97dPFBvgvrRsBovwad+c6dhIH9lX0VoKOdRdfyGYj13GkyXAtDG\nbIK3/5YrEvq0gvVYpaYTAqxLBP59dAz+VEAOWuqAn5OGB8xxTju1/yrqipaR\nSLiFttRFD7go6omS3u6WExztdbBKa3yfh9U0h4aejmyhl6vRkBfSOB87F4yT\nB+dnKefpSsSvfyPopQi30Adw4+MEtt/WJM0GCcB4sEVgJYAGtRYrwYtCgx07\n64ol\r\n=AAuZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20873613db8172781d25b42fda84ee1fecd88558","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.3aa33998e.0_1592338814360_0.6727713988725237","host":"s3://npm-registry-packages"}},"7.0.0-canary.d2b54d183.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.d2b54d183.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.d2b54d183.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbaa8d47d8eac869cd4c7ef7a9a472340f012527","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.d2b54d183.0.tgz","fileCount":11,"integrity":"sha512-JzNUeFNxXaocs7NOphGnYPucn72JG3SiBE0eWBmS810vWNeG82IJkM2qamcFaemkHVQFAqa4VzPMao8IcdAaSw==","signatures":[{"sig":"MEUCIEZ8EZmpyUToATQ4j2viZ5zcj+GHWOvUInxWRF96KFZEAiEA1am8G2VL9hrjZ+km+6HR/hvcMbX9PdgVMmKomKRpFfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6sASCRA9TVsSAnZWagAAYxQP/3+ZzVlD3OQcHAnaeg5m\nSdJ/AKUDtRPqHGb4Hyhc8CIQuLKsuZvQ4uAOX+JulIO8iCpgbRW2wGidsClP\n18r5eZnidbRzxYpAB6T1r5eX5WFeRdA0FCh59oNAyovjTtz95bBUovK43UFZ\nXotwWSDKSwifYAfSzI/qR/mT9/q0vdnpjeRWIgo/VoVS8Y4npgnXzENIZRFP\naotps2J+/vxtQiWsHqrCHaeR9vtpOQDY99dbelrSzzoTKVkAres/CaL1cFh3\nh+rcf/QKvC7bMJ0g9DI4i/aDzlxQdQotIBytqxfGFgZ784uXDR2qtQD12MVs\n6LK1VILpAtzdJFwQOFoNUt6hhSx4AuW5APAw17dG+w9JG5WL+bKzZcrQxT2a\n+lqhpSkrldMnWuxi7cnDdLIVUDBNypMyLop15/g0jzjeuJ7ZfIBrxMXQJ/yc\nTD8EAwMHLmijdA/cj/YCMImbv0qfLu4TRL3H8XXfB47YlEkbTRLti2505P9J\no5Rr0TT8Hd7SyMvQl3QnaH2yoQLvSMwMUmWjTWK3JXXy+nuInnMJJ1zsefeI\na638kMAwnTYUoSBlBWf2MZC6xeY8EyvWEYZIaXLYfkyAF+TTh2G1LYTIWolQ\nt2jvW4HTXB7VC2uWyOAYvWx5vxFrMj6oCCBLsOQ8aoXv9K/1Ny/5SBpVPgwg\nJYLm\r\n=K//y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2941697c8abef0c194a923cf548ee231dc67a2c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.d2b54d183.0_1592442898454_0.8718647742373786","host":"s3://npm-registry-packages"}},"7.0.0-canary.f2a488e95.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.f2a488e95.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.f2a488e95.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"606e41a759c74ceb5927dafc66430b130d5747d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.f2a488e95.0.tgz","fileCount":11,"integrity":"sha512-zmyPNL3RY3DToNGACjQ/N0mWIY5cW1kdtmrnmB4y/RhaUZ8Famkd5KxltA1s8SpZywPPgwgkIHB4mP/1AdNmeg==","signatures":[{"sig":"MEQCIFRM87ZeQ0U25hcsDuYdIrFqcEJkdFUxwmYIFqhqPbOBAiBv1TKKK2f8y6mSwz0cQFVKZuoVj3ocFK4MQqtkl0Mmdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64I1CRA9TVsSAnZWagAAfv8QAKLu4j0FGrSUgB0UHwBi\nj5X9gMOPBViEx6u6tz7uUZ8h2UTZ6oqxFIoa/95tKPRHECcc+Lzn73jEQ+mu\n7j4pV1yW2pmJ8G8lFfYtEu1gClSZ5IDRgz146ojLbkoiD4CrIOA0EJi7RK9z\nLr8bUXHUO8X7J9TQa8kOayJvzXDJllvN6kcaB0P0MJenabxGzHCso263x3XD\ns7pRKQhN8V/25fV+cHZmDgc7ErHP3rXFQIh+XXNDGJ0j5/hmyDIep8fVPb8X\nqfOJLbsOJP+TdXbqUg40WkSQuoQHq942CmckAcOJ1W+jOGPBLpmnhZJ5j9M2\nz767l3eWnlPBGzmdfLLqfYV9RnkQniHpXvPgY0fwYKXUWWlOP04Bd4Yb801b\nxyTDGhJahhHxH2OnNx9YuR0rEGTExu/r09A8siApll3tkoKlRtrVd34E1RxF\nYLXQjjl0iuiXe0RI/Wzazq6RFJkHHCOENjX/0oUpAMP+2SjHASuRyn+6AFyp\nJIY3MF79DbkMq/SGB0sNXMH34tDvzlkgZIgkPVXpAj8/sJ3gKTbL9wgHXG0+\nX6pw3v/u/85m9WxD4OC555rKHHxGyza3ljoTHjzklmT/KOCFT9YQ4RaAt8Om\nJFutNaVsDF/BX47LRBdfhXfZAO7rmH6nNbuoeC/tIf6tavblOY1fgQrDxqm2\nbJA9\r\n=FFEo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bd7f6aafa23ab94aa2f862ece45e1775f1895b88","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.f2a488e95.0_1592492596853_0.7980942821340631","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8d1aafa.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.bd8d1aafa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.bd8d1aafa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07edbebf99c18455631c0c1329c036645c9a586f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.bd8d1aafa.0.tgz","fileCount":11,"integrity":"sha512-d0xaYUlDjmfJtCvVVqmGLvyXW3TzsY9PY3mhEQSU/OLcTH9o/i3txso4Rl4PyjVEteuS5O3HjyWi0uu3YYMx8w==","signatures":[{"sig":"MEUCIQDAmwvtgDnGRk3Y2xPMDbceJK2AxVDiGjl3RJDButlGxwIgCiYc0Ke6pTO4dV4ri+BpYTXp6NkxwCjmndNADvakwhE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64UWCRA9TVsSAnZWagAASioQAJtwlegEpL1KsrU5snNf\n1TUIdrcGYsOGgkMS267UUsTI5JED5WhEqS5rqNtVZb7P6g7yJqkgFGEVTVAk\nHYOmKerK1JqOHo/MaToJFx0kjk/t/ZwDLG8jfgY5pP0NQTplDx/ldxk2s9kU\n2f3OltUltfTEkNwWZXxCbqflJCz9if/3bChLplbTn2V9Ju5yvLz4LH0lTOIE\nDacmf9KlF5LaI0qZ2NakkkRyi3nUM79A02vs0+AdwBE4MmsaGZysXjiGToZR\nrGP/TW9hNkvUZ5l857WZ+DieRWyyPxSw8KJvo7kfV7YlyTt5tGqR28nW8ktf\nRgx3YzTYgKLRObYjU70Gy6tKZ9yArSwqunm35ROmot9WnQqRwFHgxAMfzcoZ\nntsC1FTf2oc14nV+DpP0YoAkSzjBGgSxKBAPtcvZ+SoPgiLySTt6CJZhVbwF\ngjhuKhrEC1rO332MkoJBC0YFkto6QpF89y8Gf5wye8nwyjShgZxq9hFpq6YF\n7PnsD3qjLTS0+L/D+Q/VqlBx5AFpmgMPZvVWX6U37jBUiLMH7RyubpAao7gc\nXIh5W9m6ahM5Wazxkh9RJWcy8i6V0YuGGh/tKgj45z8Klukx25APtwtj8J7T\nhPfuRIxe4GYCpKop7ZWc714RRQvEHY37t1n4bLTvM+fmXtSVD342VPdQbmR7\nNwvi\r\n=jiEo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"05dd265c139c96ecaacbac16c7128e4a851b00f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.bd8d1aafa.0_1592493333951_0.8570085833943237","host":"s3://npm-registry-packages"}},"7.0.0-canary.1321eb968.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.1321eb968.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.1321eb968.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21480b8134cf089cc90e56c1c619839e15a11db5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.1321eb968.0.tgz","fileCount":11,"integrity":"sha512-bSWSk6OWjtKhGJ2DKFGXxFo/H9iQlFEtdUJGQYKdfPbBg07UShUiaHkbqF/WqTSi66ytdH6o/U8x+PmVAYayTw==","signatures":[{"sig":"MEUCIGLXM/EXf1BtF7lnK0nVMCNregVus6CfCQBwH5r2V6JsAiEAuVgxwk/vgsQcikuTRg8bMr4AvUFO4Bv4aeqA+9aAym0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RAECRA9TVsSAnZWagAAlxwP/0UEtbHPl2D1eOKj3nvh\nG32iwlN0tRMrZgfNVqjfumfuBFsIy7zmk9uZcVbRzX6vABNauhwrj+mE1JtN\nZ3EZeQi5YGwR/68v5D25f6P1TfhqsbT4eRGFgVR5brJWeK3g5m1Bx/wM+Epa\nBTDyvs19sY4ftv11COxO4VBnOzFe8RAABYvNO9VTnwAomcAqCVP67BuCDBvv\nPGSc22/kjfuAoix2hQYDvni1Fz5GTsVYhuRhywwdbULmdD9oO66S8+IK1dcZ\nCBL0AuE2tH1L6hHKJWhTB6vLRShcIwnCnSCJMLUNXEI6YhCCU4gYzKhor8rx\nnrLiDp+KPhncqfupG8iDnhJO6qpOXlXZVJfx1Rm3vV6pl+pCkDF7kJ5/4DET\nEaB7xKJ7XIU5pcMAY7F9K80a4ttp3VO3EDQaAFBECWULQskazhvBYU5UfOFu\nKOd0RKG6jDiHg/vn13tAySJIbVk2IALk0vTeraDvvielOiNrMGoP4o4fbRAc\na3ZMOxuy9st9OALV6oUhPOZay6Vj85e19zgiCwJX7vnOVcVVmBiTyp63dOd/\nevIiC9NXHtFd6wBsvExNB0ejjAzUuYSfgyV9iqg6Zdn3h0LfEzmpSkoOjqLT\nokPkXndwajgX84PFawvp4mnFqUxafmwbOk5VLJadT5RAEqe44kHU1Ms32rRB\n18Bs\r\n=9NMh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"41c074a3370c2ff9b4dd6af27f2403d15cbf2832","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.1321eb968.0_1592594436009_0.8451647975475094","host":"s3://npm-registry-packages"}},"7.0.0-canary.db5cc0382.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.db5cc0382.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.db5cc0382.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"009512d9bb8ae96435ffe78f3e6c02a2919de5b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.db5cc0382.0.tgz","fileCount":11,"integrity":"sha512-uGMGdYtlhxKrdeISGErDgT4xXK7FdZYWtzCIsDfY8hfmVcfBJQ6kZRIA/LpFtnd3pUupY4iAf6x53k18mNMcaA==","signatures":[{"sig":"MEYCIQCL3vdL5vnd77flBQIRoc6Q94cX1t27onSO0ZvB+S960gIhAI/lO+3ghpNBC+Pgq1nE+HsG73PAAmiZsSPzt1s+sQhf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RGFCRA9TVsSAnZWagAA5i8P/i7A++9LpeX7am4U2t2i\n6Oe70rU/a7fAVQNB6KZnYOhmKj9K6Moj6cPcOqn5BMwAgW5IKk9TcaCNRXdK\nFoLqKj17tHU+zgs5VGvkIJsZJcsHL3IUa18RI7qZKV0J0JpElVpm+CqpEnbc\nyGAbjZ0B5iX8m0G0ZVqsWfyDAzuEA66EkerjCBbSfKkMa8EBSKXNIMwIE4Eg\nJ2AoXm3c6k6Ue/D0yOwv2MVwUxFlzZckh5fdmbccpt8njcG3gyxjbXsX7Sl7\nuTyhtevINZCWv8CDV9GQGWrZAP22N1L/fT1tuThwA7dvFo4b3JH6PuwXEGhP\nuHQJyVLmGkUxexufiAiaqvBC0DJm6EIOqDHbkW7XjFqveONvbXeDDdJlEub1\n2uE/DUwYfYgx+ePLGJlTmP4UPGJFwB7UqC69llLcAFoMAb9H3740hRs+lgue\nw1xj/kHjTgpjlOWpkFeAH2+IIuhpd1RIqSVP/qEImahmoZZ85GmHQLECU6CS\nRlMGQc5qqUO8zAVsuWfWxhArNNW91O6a/2stW5uNlebSIjUnYIkocHJvFr2a\nr5BK70LI5ySvv0g9vj0p3w67k2Ul88bg+d8wrmQ5UtfKpdlfPAToFbdsmE5X\nzt2PAiLqAMc38FB0rmJrfTajLySRNCpHVRYRa7FsiULzRP2dA3mFsSqqQu+P\nq9VE\r\n=cb7F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"698cb6184d0d6e6823147f7d050c39efe9b8e3b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.db5cc0382.0_1592594820749_0.39997486082467626","host":"s3://npm-registry-packages"}},"7.0.0-canary.6ac9bf031.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.6ac9bf031.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.6ac9bf031.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1b06c15e46748f95943496f25c1d4ab2c6573c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.6ac9bf031.0.tgz","fileCount":11,"integrity":"sha512-sJtG39NzaI+ItF7RC/ewHKX8ij5ep/HAFBAGxyH/nlVEIN8DnUebOf14sd2Ewc8IMgcZmNs4VQ/Q1tdpS83zaQ==","signatures":[{"sig":"MEYCIQDHYGI/Ct05RveWQWhMwqaqVtkgzViO4CVhFvU3kQBG/gIhAIGNEQDEfqMmgamjD7LAoeTymoA64YdjjawPwE57d8jd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RZMCRA9TVsSAnZWagAAeUwP/A20cdQTKeWsSr3LGWBb\nW2dYgyhhX1wVtkZOBbDKFBT2gRVanYwNDOkJ2A9uoa9mo8GUjlKHA1TBgfBO\nKNQ0i+Rc9g+Bh+LZopKwChgS4Bm3OA4M4tEOoQcq6KhcKufanl92sPw8T07P\nyb/Ya1NeArKS1MRpdljhBvHReN2mlj09jbwUVGbc9f2cIJhSFk51fsCVb8x5\nAJBJmm9GWtp7IhJ6ug8HsQm5d72ZHHpYsRsfauXKx4D9xd7xjD71R8TpjUV/\n+VEdLj9WcbCe24u3Dt5FlVL0MtYNons+ZcgM22oawa97G7UHWNXUAZjm+PoW\ndzMXTKjRbVgZ07D+yrRgvVcYxoxRMVunoLxwZyTaozpvGSzxYUGzuVI5ksHD\n3M6x5Wn8X+GP2veVxp5m1SJcftuwROXyE+cXvJvNmE0YfbHIL7RCqtxw/brL\nBwe8GzbZLjEr9TQ4cntROaAAVoCDi8NyDVR4kr4y/EQ06qiw6PtsGdwrmj2P\n19sXJ5moa6KbDHxRDr81TaYatF8MqqHO3JHWw0nRvDxO5OrPgNv6JklOdrKJ\nPudmv92S6PXNQkrY+eC0Hf1GZ5s8CMioqiYx5Ogwj3W5QS0IwU9neIpWhgsh\na116yiU7ZNhgbJGWtJ4hHLNvOItfyqOovSkYjOXnAwIRsOO3R8yuOPfT6XGS\nqbRI\r\n=FknF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e80b52100d3a9ae7653579d78250cf18752ea92f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.6ac9bf031.0_1592596043764_0.5387745247305171","host":"s3://npm-registry-packages"}},"7.0.0-canary.c21b5c367.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.c21b5c367.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.c21b5c367.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a2e6f9142d33836dc5ea7c79702c32df6fab37a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.c21b5c367.0.tgz","fileCount":11,"integrity":"sha512-mVdKb95XL1b/KaePsoHoCPfCSnkPlScLFgEfASCuijLnw89fWv+vQoi1nmnie9Kgl1gc0OSIMbjOd3gHxRTbtw==","signatures":[{"sig":"MEQCIGMk+css5oRCoIxRqastaad4pKXfKl+0cJFHlweqhtAbAiBuEUaiuA1K0OqNjgHoF83YXQGxMfap6RKgJLOTruKZCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RuHCRA9TVsSAnZWagAAbMIP/j4c+AD13sTEyv7U/37p\nRoBVieGie/MpGTKBzk1e87LLBAzKllb/QXT2RVU5GRgD4oBXzc4Wuf3o/vzd\nzirpDS7+85dWDZ8BQ7sqCwFu4fBreQLQg6j2TqBIcARotsfzyYQU9rsyicHn\n21L5/0r7gIb5lxNojph9AQE3XW3BJZCVx/SMy08ltEWJ3+XH0aE0qrtKXJcR\nzTyb2PFceF9Jlx8eHWFwFFhshy7lyjbH5TBdvyQw2UeTx4T0Utk3GdiDnAiy\nZ+HPiIKUVOx5tNGqNh/d+QbgiGlCsXZnX/N3G50FTI4XQ4VHPZgfwYVOOjyK\nLXQQmJi4JSr9LPEqj4XRUrGsya3pDAkzbDZcOySO1qaR0u2x//nT5I+7UhHH\nKbZO0XvfuRyzLz/sR2i1Cu4qp2d2g3zpZK3uFWvG0Q6eRou7a7ZVYsewl40x\nzr6hvf7+sGvEd6NZMj1JQSDtclyej6i2R3sf/bny251+TB4L3vyF0N2FDCO2\nul/MqXQ5GxdsYiyXMuWnGUp0st0th2pEmNxCh4o0NWslinhtrH/7yDaV4iSx\nFQvGJatNwf3+oSsEcFcy5lPsKQ+J2Sc0Ok6KzkyiPKEeGU0mbuNKKCQZuRfN\nHkfqYEYVaRwYJIwrmMVb8yQj+j/hJhJQqZw3Hh6g50CjZ987IZTyUSE87JLC\n7Y4y\r\n=kx4g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"08c734c10ebecdcec22cb27e38dd9d3941fbe847","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.c21b5c367.0_1592597383020_0.3603262253162085","host":"s3://npm-registry-packages"}},"7.0.0-canary.bfdd7fd39.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.bfdd7fd39.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.bfdd7fd39.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30be084413f6189027dc43f1d541eaef459d069a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.bfdd7fd39.0.tgz","fileCount":11,"integrity":"sha512-azwzTlaow6VdOhGEVgTdk5jW0jyEBJl7DDQUxGsOj5DLsQ5BnOiLVP3y0PPYuOHb9rea15br/o2muk5Fg5cmaw==","signatures":[{"sig":"MEUCIQCdiT1exo6n8Mwh+UjyEY+uabbDO1g3MveQ2LbQB+iIdAIgRBeBkEldgZoLK6lZMQZhF/dADCRSho9NAUxrOgWrs+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R3CCRA9TVsSAnZWagAAEc4P/3iKFXdDJ/QeCrfWtUbY\nj35MbtJKuguCsUy5oheyjQdJ5bNIE8uuCkoAD/Azvdiv8NOlm/VsyN8pFYuZ\nnL6Q/ojD+XAmmR0iGBA0zMKWH9jh91W/oeUW3K08KXFKrigztcpq3rn32nDC\n96R6juX1RLJ0ULIm3ZLgV9PT9P01qySFCaLQDSRF+W8ILyFMcUdDjHAycNl0\nt4T5od1GBzGHBDAPtsz8P2PyV5GonoamYv38USkyAgGiT8L0hNpznfxrDkGL\nlI2wDO4ZAqThhXNyqC6rBp2iFVCdPqRma4hfawqvJhG4D3tgJJmJlxVDe6EH\nh/vieOhyq3kITcz5p/wOQcFLWH0m8MbOQ0s9gdJYxnOCT+BfuNtg/kZF33Zh\niUe19ppRkBRFXrE7rMsJz//QdagWF/lVUPIlBNmEKPU2Y/26t7UgEGQFu3yr\nfYuK2kRX272odYkTX1uE3O0WWtJJ5HDYTqTxLh/kSJL8vs9Lr2wprRCkBuH5\njX13IAD3rQ+L5vMolrfGE4ANLApHV5BW3JC665tmiqf36OseQi2exy0KcIfH\nCY0mnRAJ6EwuyxaIDda+JkSXhsiEKmT6YbklE+VA0d+FP/zBCKWu9GNx7TVY\nfnnyfI0AinXDeR26o5oSXrjw4W5DWzb3m3RBCGea/754b7M6hOopQRgSs3uZ\noMbl\r\n=bUGm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9b865bcb7a8ad91c21f4b1cc433f6a49dc627a2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.bfdd7fd39.0_1592597953951_0.7124530528261235","host":"s3://npm-registry-packages"}},"7.0.0-canary.10b505785.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.10b505785.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.10b505785.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43578bfdf4c130fa7e0930658852c7ab3b1905f9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.10b505785.0.tgz","fileCount":11,"integrity":"sha512-xcjPy2IEd/hL4fvoh+mUKNlbA3QDDTJGR5471a7WXXtLwng9owAgO1UNztT5ABv7CQAgt3wAoM9IuHoC7iLUlw==","signatures":[{"sig":"MEYCIQDdaYUJyMQcm05OCrQBRAvs/sctIpeXlOQ1lmywDNUfIQIhANji4m8hRtBdQu7wraW8ALZWvVpcIO/3BMlxKiZ7uE8M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R4WCRA9TVsSAnZWagAAwQ4P/3PXGkf7C2lptuhCGTKI\nCeocw6ncz7FJHXeHXgbqeFdEJOoVbMTFjxV8wi4PpqNLhX8G+76uIYb//Az3\nzN+OrliLhAk20Sq9NT15Dnhks3AIUsPxMiQCMtqVBui0+gQ0t2rgD6L600oJ\n6G5S9tR18G/75q82k8ehjEur9kHemLvk7DJS5WKFM+vjotYGq0q2gPdp0oQb\nmU3FzoMTvF7bJ33eugbZDqO/Cgcq+SqJxAkRcmuv1Ikvv6jCAIATBbmDwB8B\nJSn4EubmdnHSFhljHMNggaJ2gcixM3XBGDjFu3zNg4x8mn08paM31Ejqk5Eo\nzJr2AK481Cduem9bTq4GmflRYcpubkQ7BhoG5TW5ZZ4h9E6aC6kifo458wey\nm2+M5mUFseDdekFsdhAM+k2RESayMQYDHrHdn+EY/0piPgzuQGVzvRwZu6/F\nJ+Imbea7YFzkEXXc4EZvCzrM0Auqqp7xx7Q4a3vSsMj5npriap6EJv2Hh0ug\n6Z3mr9t/wxgpPeJEVF+hVoV5RDMWIxcHBUlIpeO2I4NRMNkkShT2qX6NqR+C\nMaUy54scBgHzq2vQQOz2VcstTC3vhEl3ti+G61SHf/B24xOZkg0tj2txkIIo\nkMppQobycwBBXZDGymWM/dWNyMMRaNUqOcTFG3U0A1DIyk7PIg7I2U30kFVy\nhz2z\r\n=553U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed5923edcb43bfccd9d40cf56cd605eeaab00d1c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.10b505785.0_1592598038494_0.5224955769528139","host":"s3://npm-registry-packages"}},"7.0.0-canary.6483d3f44.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.6483d3f44.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.6483d3f44.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90ff98f67fc8b5fcf9ff930deada6fb9e8361787","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.6483d3f44.0.tgz","fileCount":11,"integrity":"sha512-RBzCI8Tl68wWNTI7s8vHbaFsD8EmJNN/CZ39WyD7LsHzKBYvDOnHMa+7xEqq+AgTTRjjHDCTTrcUdIFJcrHSjw==","signatures":[{"sig":"MEUCIQDvgrkRk5hYnyKiArRimGvKrv1TB+ns3MyPjRRS4uH/+gIgQlH+y3GNTc1MOIuNFVjB3QD+OJC1iqPo5jA4wVj4n3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SHgCRA9TVsSAnZWagAAarkP/1xHMCjiukMC4IuRFxHj\n/lPl0tG0hwg/qF8wGI8rJhOzk52swUAnD+wbQl05NB3ByEU8HZvWYqjcjfXS\nj/3lBgEua++q7JFro6v0bpkXk6AQHvo22lWMDxK/RW8sZ7t2+xsFHrVIUkLw\nD/tczIek9Y8WcNByaYqyVCP98Rdil9E4yejpgkXBsJRdxXD84dKMHqNRdLRn\nXm5oYCU72bY4lgVDNVKLcD8mgQ6wn95sL7wfchaIx+mQ9OZ3dudma/Nl65CX\nccBo/7o07NVxDDG4PgljxNoiqCbLX493/BeAdTjBqK4k1v0rtCRA07tguBPW\nZgLuHBDrV1MIBOcfcAR+YeVwjpWaYOSgj3Kg+BSOT5h/fhgan03GYMSc2kei\n7dA/Hx5KheIq+6Vd7T1EPnfvyTZVo0DpdLwianB6yOMqrXQ4WMFyBpnOmZVR\n3PMJKfvB8D32+ao7x0t7vtrauUgcgazPGmX5cZNBI94nsNnMYGUWOaamVnR6\ng7ZQJ6eKAdxIKs42zdJyc61+nINzaoejJpLPVuMj3OxrmiDEwQIG40O2wMRP\nivkSBgap9faBOi2BP2UAxJRcl8omjZJo3ukbpLB24epd2NVs9JdQAeBQ5HEB\nwGVXEfPAb5M73EzlduukoiTQQZciaE912c/fPYOzEKSRX1kCU+FthrL9SRP1\nv4z7\r\n=wGvF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5c831da018408423d31c9c4813c507ca591a010f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.6483d3f44.0_1592599008287_0.6190762309489184","host":"s3://npm-registry-packages"}},"7.0.0-canary.30a74e921.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.30a74e921.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.30a74e921.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1892c0d2bc8ff185a51dd717a8f8b0a3f7c94d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.30a74e921.0.tgz","fileCount":11,"integrity":"sha512-QgNWpbCrro9eVnaEwFvDVVNsPGBnJ7WSG1NkCiRdY9Bw40mgjfNEC9Xvm8IUWgu2r9Ebcy1JMss+jcMa04ogug==","signatures":[{"sig":"MEYCIQCIh5DsVVxvTHqMiC2q7S8BEw4NzpJi/+VfA83HcIXQpwIhAKSRMCSPmV/wYFN/hXzg8UfwdNkolUIMfEX+OcLUdyfM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SJpCRA9TVsSAnZWagAAd2UQAJEZvcSldaXdYEhtf/As\nUKxigDOTYFWo10hJuWjXSObADZsod6+jlvQKrlhZe+My2JZAAEVIyjXw2fvF\n4Qp75k0Jj0viDmtCtenNUSiv9GgAmvz8Bvo4QF9uxEEWKy9BgLSxaoRNdmb6\n+ddbjRbnHXfWCVumUCYfv6H6pnb2P+Dbk8zkAv/CMRTPiUKM6TesOfxWPEEs\nxq8ziljGZOZiffC/rv+YkRYYqV4Vw11VUVpG4R2DaejvUNfIVljmU4aKAhMO\n1PtYLnry7an6KYgYoWZ6/kf4+h+CwZbpwgBfza1MsdJJg5WVzDtGFFyRhL3S\nuVbqhLs0lGS1gnoN6XRHpDF7wBJPr2GboY0k4NN1JErQgSFaGuVaMNRqkOfU\nc6SImINPic0FeT94n0yC8Wd3Dm5kqJYA26LqlUeNj/4pA+SykpK7TYrtBR7j\nR9LcALs6rvRzsj6asyc5WiV6cD+kMo927MqCZF/PfMIP2sxPUw7A9PWFDV15\nUSMaK2yElFN23qlJXqe6WsNcJZPgo9xLTgxFgDuouQlGCXLl/1rbxyiQX4nC\nl06HGTKR6ClS+Yw00IQrh7xTTKwYoEYIft+67FA2B3cVeAH+vn46jYoqoF0z\nH1nTotlcgDN7LfzKHQFMXXoNIig88rxDKbPWAXfz3rHp4/eBzfyqVylidwK2\nD8QI\r\n=0n83\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5f983e004147b05efcae5aac51dc16aea4a18a8b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.30a74e921.0_1592599145086_0.8574653109608357","host":"s3://npm-registry-packages"}},"7.0.0-canary.c20727498.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.c20727498.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.c20727498.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e84df5a704ea14ed3a1a267536f937534b51add","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.c20727498.0.tgz","fileCount":11,"integrity":"sha512-nbFRphdwi4NHk4yipjMVeEyO6ZnsVg8XpAps0rbvI3JbgrCqEkZ3hpHYJMPFCHoKSrO9qVN0ij8I0Sg7+QRrvQ==","signatures":[{"sig":"MEQCIGb7iVKjETtqJwzYhN8Hbg5rFfIuf79pYB1+RNLYssxRAiAyspkTCbfxVI/QSGClW02ov1arHj2HvNEwO0wR5yJ08g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SMWCRA9TVsSAnZWagAAupYP/iQrwEAOoGpP5TYz9Rc2\nAIuJqCFGXRjO+nDoYkFuwKUnuMBG2rSoyJRRp1UfY6zQ2apIDYcS3OJvUubl\nyrfJyV7LadfwSkkI3vlGNYPI4jBW4iOGQhDiPa6b/j7my7uTPR/W2vldydv0\n8ONTzKPmRVyJZPh7Uz53STPUBMW+ENwUjFKWRNhWV3Nqlr+BYg7FPqMkNYIc\n+4fbeDyuK+il7sERulKnfTaol44j4rIHG2WMgRMKXhAyZ0he6xyBUfKDiNtl\nOOpj5bxz4bJnkReYFkg2G49u1aoNiRo2gJhYp5EfpeWTS/TEAZaNaYXHDtgS\n1bu5dWsD0KhTfBWb1C9p7wuQM5PXdGlKUQ3moeS3GcVubPIRMjkEH3oDbP9O\nXTo5ZC5GchtW35nRX1G5IEvsf9pwlLwBCVLxt1Ok0L6QYq6NERnkNm/+vxfs\naTV0ST/w2QS7GPa6oSyp2yNd0y+WU1kD6TzNVyRPXGECsFenv2xHIANj7Fwp\nf3vkxV4VMya5m/zyjKHUazXl/pBDSrHtJ+LyU+ET2nKJ2QiPsjMu+/QiFJe9\nRwnwuuAEhrDlaB395OJm+yVTzii27Fr3cPLTLqTAvJBFTV8r8yOmJSauo2YO\nZGeVrkS3cdcBfXqOWz2I6u0hUa+J+KuV/OxmWwh+3ZRpjo/2oz5KZby1qMHN\np7Td\r\n=1s8r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9ac75746f7899d34903c19ff758bcadb9ce2d30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.c20727498.0_1592599318193_0.4330703232381301","host":"s3://npm-registry-packages"}},"7.0.0-canary.4e360ae94.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4e360ae94.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4e360ae94.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65ef2efb44d86538d39fd8e03bd2045bdb1bde13","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4e360ae94.0.tgz","fileCount":11,"integrity":"sha512-2k/utS/eI0uSxBSrIX12ee3YEUQxMT2ayyOIPvM/2r7nnLsJos0/disD9R2ouZo3rUlUm5ISecXIxyhnrUzuSQ==","signatures":[{"sig":"MEUCIEQgeuchIFc7FSYE53rB1Yu8/phRvHEmxZu/lRDYvXcQAiEAoXAKr2VeAuUVon4h3saj8VG2BNNPRz5bawjhxMew8rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ScHCRA9TVsSAnZWagAA+DkP/2svP+ErKAmJoxPDJw0I\n9JkVVhvNNRsCFRM5MVTnFNm0+JwnZBrM5+OZ6n9xvqA3goXwnU7uIEx11Z0m\ncyA+P52Duoxv30Ov2k/yrsCbECGwhjQNyblU8aOBPtTx7vHY/8G3uhdPLmmb\nkASqJZKntd04OH3yFNDw6d92NB1lQrZMZqYXWHZH4Cm97EOrlYrp1oIzPWbR\n2WhwISy4Z9VcaycDtnZoHe/awo3smZLr5HtgUcg9mubxkpEPMSN2AOS6q0X/\nq8Xu+jFJBfed3mnIT2FRGT6jvh4fj0XZNLdOh63j6x0zSlPrCPvIkL96uxFV\nFuwsawp2/FvsPsCPdhEDtFy/jbXrd63JX7tQWrOX6x+deQz4mhy99xNQxZ0R\nUizHtphK2thhKpbaxif4YzqSWEhc3NbGHY2B/FCLw44bMq9wQNBzBDZc+/jH\n9rD0kHhbUGZl6Ewebtu/PsNwAPKXeHmmQsRaiCae4SuZiQ1Jmzx7CwjfD+Ny\ned+PZ8CeT4LddMoEnLPXlIy9bs3G//3PnkbmscTEngZBJWx/jzPYqxEK2i4y\nBIc7Jjz2FHt6Gvdy9lXGWcxr1k7qTQGVCT10tpARxPSmem55xpvr/8GooAW8\nqU38L7bMpGF7FTPkDSpXD2h9qxseIkinOF8LdeVCg/ff8VNk+kGMldcZi5KJ\n8c3P\r\n=PwBc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7bbb3adc3aa84c4095304613145fa53862e147a7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4e360ae94.0_1592600326498_0.3915514861558873","host":"s3://npm-registry-packages"}},"7.0.0-canary.8550fa53b.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8550fa53b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8550fa53b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b04d9f930cd4c43fe868d21ed36826cfd95952ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8550fa53b.0.tgz","fileCount":11,"integrity":"sha512-Z5o1aa2UhP2fUrArT7Emg1k9rwrNLE02NBFOzVjrl6VaMxtkot4s9XKIbVWYPF+1N5Pa8DF92IeDt54hyQwdXw==","signatures":[{"sig":"MEUCIQDgmPUoLTcp3MFHEOb3gSyG5EfM4sFlL1hwXtOB77nLkwIgIxPspQ2ggHs0pbxX5WPS5a11UOVqdWzbY3N26f2MLB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SeKCRA9TVsSAnZWagAABQUP/j9Awt3zFOg/Jb7WOHno\nw7YUJ1dTdRkV0ZaJcvWDiS8qXz/h4AHe5dffm5ZE8hblDJPSOUlwlwRc4MZg\n1Y3akSXX+rwN8hTUqfk9fCCH3zgIVezRY+tK6xA5n7W4WCNrmmdvSXHMEElC\n6NGeH3JO1mm/378ZVwCtYeL9woi04M5tme1pGXSE9zQYNU/DCgwpfe/UwTiQ\n3aJsdjfCJSPQVsQRAPdBn3ySHgwhTFiKa/EB1UxmVs9WbzETtsFYjkIHUSTS\nGxdsy/jgPLmimn8VZTpJIifuiddAU5FwWn+dv+FqZyCa6/A4g4PvK89sy4yu\nlCAKhbWUiMlWkWMST7ilRmA7jaFJfUUYyTDmnGxfkDdy+r+g2yWG+ArG1sTD\nswrZP0Rx/UXjJLofbyg++M3HLfkqq5MOrbj+5TGAJ8MwRMVhV0LOSj81jPDe\ntZciE8iQ1gEM0wUFTFggkB4ZIUNjneIK5YSYh2FBI8bzi8VDT3HXzimXY4aU\njZWKR9z0jTOADxM6/0bNw0CgwfI2djzvdCg3RdPUc/2iNokPCaYxgNECmtiN\nAtyXXDZN7G2TKs1Djf6/+fbEXzx5FzNwaLm/T/1COAuoCkvgfDUcjWo2eeba\n7f0K10KH8gopI75uYXhaf02TlQJUUKPUArmXL7wdpNMbDU8w+WrgJXvMWPAc\nzK34\r\n=w/qb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9d8529cbd579dccb2470a1f19fac57883cb2a5ef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8550fa53b.0_1592600457858_0.8081659133631018","host":"s3://npm-registry-packages"}},"7.0.0-canary.93ade142e.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.93ade142e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.93ade142e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00070f742c96287890b6811b10c3351f7462393a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.93ade142e.0.tgz","fileCount":11,"integrity":"sha512-YwWh5X9r7Au0GlB3I20odsGK4+1AByIztUulM/vXf426axQjUWAeBTm1Gtmw/x7q0TVoJkQ1IMXG8zns9auueA==","signatures":[{"sig":"MEYCIQCH5FM6tEu2BXGyn9fE1N6sByk3txO57ZRHxN6OpSeKagIhALtEF+k+dihBIfyUH/Uak8UeNKjUYHsQcJpfK5j57dJH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SfNCRA9TVsSAnZWagAAHqwQAIDLCvujzknGw/ZOPSho\nZJXbMFLeX6QZgm8oLW6ZhYeHEJG6cgOMnCTJxgzSaDkr+ScshKwJJaXjlSAf\nELel/FI5WcMeBt+SsGWoybJ+xG929JaLYazoOny5oZWUScqBv1wm31WJDerC\nc5haVEKqB2qVRkVNXWsRfEcsT4c4cVt66qZgu5KAYQUefZfZoVo8MPSm2Rhe\nmx4DrsPD7VV5kGsVSEMHGLYvPc68YPkp037wLhrzaTmYnDT0XbhozG1IxLlh\nnhzr0n0FY7pPNIA93Stfor4vSKyMdQzu7okyOeVECN/hTRpiJfLdVlXTNgWT\nWoyD02BByoM7+UYuLQ7stu0dAPF27yKMOVOXBmOWHgPdNRat51i0v7YDQWp5\nZ4sAD01YUO/sJvSw01AReUky7QkoxClCWeYFkiKzchfG7qizJIApSVY+0Acb\nPNEz+nQo/941ccMaEEvwJX8HEITnue+a9hhB7oJBlTIL21Cca5oFusa47Fdq\n7nqWJlAoEgHZ8pEle5s41tzTTA1Fy+VyF6TtXzKuaReVNPn2ySGkLhTym5ZW\n48OsjZiDh+aieYeFjgdAEk+YXy+ZODeOuLer9sbzzQQw4NoQaxCaDIB/ImRV\nTiUzzVf2WWcA0Xpg+Ze2oKyzoPkuMiSXxDs5FM6yTiA/XODntsj9l8zwjcHf\nrykw\r\n=U+Ey\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fe392b7ba8c7033e5614eb91a20bdf2e6d7d7936","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.93ade142e.0_1592600524736_0.2578744322605362","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0032f5bb.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a0032f5bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a0032f5bb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"810ee36428d1b90005a49274827796788d5e5d7b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a0032f5bb.0.tgz","fileCount":11,"integrity":"sha512-k727fK/siQTiC33RuTLiDofF9h+rYpUUD5Ir7zDWc3tQIy+tc73wGcHlO3FJ8h2wQ1XNvoDCwe76TxfPkjMIHg==","signatures":[{"sig":"MEQCIGC7m+wyPXpYvCHZ3slPMxBVvNQ44LmyTw92O1IXEbV6AiA2/9s1kwUBQ7EKkY9ledDHHuO+t25PhTar66th2vX4Rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S2rCRA9TVsSAnZWagAAZ1AP/Rbq0lBEd1cBVbrQBKyj\nsmRJ7HAupb80LUKNWwc3G4VqtZByfijSvWL7xmVWAukV06iz4zydorcSjlII\nmeEGUAlg/MiWOvjj8GkPbJUmcFE5AqkZXURMjXgzfiJ53fqscehfcxF7s+Ii\nw+Zs5pY38oX+il8r1Gk0ChCAytmw7fm/ceCT2oGdx3Z+/UMnnnykwvtbDxOs\nDWiqhB1shAK7yHGkvxVzupaj/029NLFqdFCW/RLk8DH64yTrPIY/+60aVDMi\nt7XueL8qIR6HMr2zZ7/zyca+2QO2EN8CFvwRRjRuEbqBM7lBDAG1Rscu06qH\nSn5EpaJSOZJmFtzNTrqidRcW2Ep5tl/ZU7omUOGvfDelyN5TFZCyQVhTjILv\nacFmBs9djy1LrOYv2pTKP+aSKj3SdY7+gV6diXksQjAaRtscl08OLuNYOaxw\nIRIzlBeJIHvTVYHoCOKHz9Na3kmYMK6fmB4qB7Fct9dVLsLw7wrYbVRTpOoP\n/gcvstON3ED5zzch7q0rWlDErYvi6n+w/+NJkWsIPUOZr0cKCdbsmEUy/GZ3\nzrYp1lIHnOh+o2I4ysVSGMk/UyEMMXZLfJCZu8UXkThqVbj7quBUdGxz33X5\niCiFSue6pQI9nWCd+3DsHPynGc3GzbyXUTGUKeIUZpbMBLJ+8iWBgfQpVVzd\nXasd\r\n=bYMH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8c0789d8c409d91f7f4e13675ac80e0f355bac02","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a0032f5bb.0_1592602026964_0.41243694240301765","host":"s3://npm-registry-packages"}},"7.0.0-canary.3f342e721.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.3f342e721.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.3f342e721.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"757981157580b887867c4ba51a3d43be3d2dc450","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.3f342e721.0.tgz","fileCount":11,"integrity":"sha512-FKnwGQ5FnW5R4/wRCvx+NxO06je2sJW5pWxUW/rLC0E9GSCcEl9+o210jR3Mq6/2zUatonYq6YX+aPRoBRxSag==","signatures":[{"sig":"MEUCIFXwP/Qe2JvaPiCKCt3UYytOdZb0qoD1oKYXnGH9qiZ+AiEA9jrCiCbs0TomnU+eciMyxx/VyvmPS/oEdgrYgdXojzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S4kCRA9TVsSAnZWagAAoxQP/3eZ5d8bCuQC55wu4X8n\nzUfvQphVRAsyKTGWdU0PzW1a7QooR8HFhPlp98EjwJLGyPBwMKlJHW4Fv1o2\nNdnXmSgA9I2MKhAQEVvUv5waQl76PTAVH5sDWIW87rjfxLaJXKVo5gAqApTc\ndLTGLmrPj2KPRGWzOs/pQi1iYC229mwRcjHQXgCkD1EZKcO9qrCYngm9SIuj\nrUzCYfzl40MdbeoqrRd6//cToCNzTTRmEJr73+Pk0C51c9z2QAjvWPpEfQTz\nL/4w+wA0T2Ntp1pnUag1vsf0KIFk7q69AfmGNgYAHxboBR81ybC/5ucVMXoB\nXUojwOqQHBU4pN+W5sNcATYc9hhdCjbw+9WjTW396ia2ktjEQ6dKKE4EJTkF\nxpCiCf97gskcOWhNFteJlCpsRDo9AgUIKf4LfdW+SaZuDEZNfS840EYoeNVT\nqMrovwHSfcxT41GmlZ+M3KTzgPMsatb1WiA1gQOApw5ckkkHDFXWU/Ovk45W\nvOFQcCm/Ty2oGoOYGNGDOAiUnMNIMLgnyQ23uQLHpKqoOh2l/lERWOfnPy4P\nr/Z+f1y7KUKmd1o/aM03sw/Kqatzh1fgd3LOFCsA5UnTbowzGAlznFG3Z8Bk\nVSs6efpaGgRtGKNmMcuPSEvNR6Tqb40cy7NeUK5Q9mCXwvH2A5xbB0f2a9P/\nbLMA\r\n=XTcf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e972042c8ae08ecc8469492707d55d647e3495e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.3f342e721.0_1592602147938_0.7229094990524656","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff89457cc.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ff89457cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ff89457cc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"637391866422645d54df1fe24bd944bfff8d9c5a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ff89457cc.0.tgz","fileCount":11,"integrity":"sha512-MrGrfpFC7kS7dZJv/bRYlbKUynVR47oktcXxDzscda+ZsLA93lA+SRrRSgv862LVADQdI4R4WXmvbJc9QiL0PQ==","signatures":[{"sig":"MEQCIAmLcu7uJOjGa3JREBrCb1nslamfaJaHR8RSe0BQREG8AiBgott1cjw/Qu0LYbUgBsd2Dw6laHMFwxbyAQev9IIc2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S55CRA9TVsSAnZWagAAOjsP/3cvPRZV3bSM/X/Kgj0f\np75Qy1zkvf921qTEz4LDrQMH9DIw2+4qWugjvQ1NsBwe5E73TiYRKZPjSs6a\nWg8xKj0oFDK4YxbFfxho7J9cQTE663sY+oFzWEUodttOXZ+BHJdQbjCqvNsH\nNQdDqAbvp+D6Z/eb6/1xoRVEPq5YHclmBx05IaI23VyH5sgV11HXfbfgLaKc\nsTAgVL+hKriLyvj9s0NYoaR4ifI3vXysggY86WpuP8D/OxKTFdXt/pBDpSQI\nq0JtuOyK9nAiBsCJndGNfI6uxf9zYWooqpLFy1HKpWglQn4yPcTfboEwPdRQ\nf8mve94lGfrIB5DlnU9HFGhLMRFpkUmHGuiXJLveztmqNKU74Y92/xWUainA\nOPf0xAaa6gzZJtyxj58XRppOnN7LJ2Nbimz9Kvyq70wJmP7awMFXKS8NWrWl\nieGjznkV0hmINJTtZarz8srI649Z7ryWDsrA/Hxeblgde7uWjeOsqfzIzhXk\nc375o9oWB3/3DYvnxbFkT8MptRq9SmZAC94lbwxduLXnYyKrNjinVz63641w\nPouGPQROM1z8W+ith8/8gS8EDgQXyn8E7XbyjKkw7LeX/fLMnWyu6KidzgoK\nQMMUTFeu5mg11M6S32sUSNIOiHng/ud0Rr18kbErrgxGQmfuYeSS0izFXqmz\newU5\r\n=UqJP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a3ec64383e8afdd818b5edfb74f32f6acebd044","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ff89457cc.0_1592602232020_0.4694867781696288","host":"s3://npm-registry-packages"}},"7.0.0-canary.4a1855cf8.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4a1855cf8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4a1855cf8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"238aebe7b48180ba97b6fffb0fd17fcb246def24","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4a1855cf8.0.tgz","fileCount":11,"integrity":"sha512-fPGKeBOkEyDfs9bq6Mqyx8ZFbeW5Vu8ydPv+Rl2TP2yWdnqkGEoDHnAoNcY2lNR2+GKf93qpl0nTY3GyyjoXPg==","signatures":[{"sig":"MEYCIQD9vtXX4F5LwDMOiIjoGeAfCg3EMeEgliH6WJtMG8ljRQIhAIjs8HcMIueT9WuEARf0APwAsCVUKiVdu8N6iPg2H6Jg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S8eCRA9TVsSAnZWagAAzgEP/1h5p5nDaa32yb/QW5ju\nlokYr254ihjwZkbc5SegdB/6XFmCWW3q/nINSt22Wmcu43UTFhCiBBlmdQkH\nTNjEH2JUrovIcrCl+Rkk7j60eKsMUvR3Mz6N+PejIZwV3asLybkUFu2JksPP\nhRJ38G6ktvvlm9HwLu1HXGNNvZ51nnXvCfmcMF3AjbYTf3HB0VBH9YPGPPAJ\n3wam30YMNaOxiio3Wa1annHlqby+/KO41IeeO4/azQID/IFe+PwCZCZykT8V\naUU3r9Xq55RtNl5wKa3lS69EwILRR6xC5KqXNU6iHYE1ytZQjqj8COBxBZbN\nGtDQcndrubWz41q3ljC4drlxp1xbRiMkIjCzYRG8hx5OM0QEXZ0G2B7AJQYy\n/9NCRwDOkKnRbh5veyJL0IPPg5eStAsUeO4ywxPC4w0HL2Fe8OAaz1YGo3De\nYuSN1P1k6At+1bdiwDpZyg0K8GIEwNJQ4CzpD8RwyxPISLIujXpSsnJbCoPH\nMb9iV7ksM7n4e71Cg5791T6eaEiG2b/TfVQQeganVO1AfZF5xZ9K/rKmfW5c\nhAGoGYy+Dtw03+R7FrkoJ+6LeNHVMSV7oTv2Ja3FaymA/SiEPG+2Q0PCUQJT\nFH81ZIbD4t0oHUdYd8o9p2Y7TKI1cxy0pyWEWHyBlC0szVORE/VMarD3xioz\nfq3G\r\n=Z2jM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eaeac5e820cdb30fcedba281da8c2c4a846f0e73","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4a1855cf8.0_1592602396463_0.8775231820433667","host":"s3://npm-registry-packages"}},"7.0.0-canary.8602f1b4d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.8602f1b4d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.8602f1b4d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21cd5ccb424131c44f2a98a99e53664b5f6ff6d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.8602f1b4d.0.tgz","fileCount":11,"integrity":"sha512-l/5aJMAhkHeIA7P0RPPx+KueQk4dU3FVcLcnFp19xEvfA3FxWCszGYZagzAUmcgT6W/U0nZNNJqNU/fWHCvBGg==","signatures":[{"sig":"MEUCIByvsEKx2A2Is7a2q3HV9chqaNZiryzkz3kGXly2k29+AiEA1elv7dKhapU6QpBou9yNZr3HAfPaQetxHR6lTl8pxQI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8OjrCRA9TVsSAnZWagAAkvQQAJVcnOv4VJ7aB14GCAoD\n1jpPe6GV7XHGHfAFPB+JMMCmUAOqbCrZEX1cbLg3VMALRxcSrELINQWgxNX9\neu67yxT8kZSWi29Kxdc2/KInvXjInyqYlHD5yrwEROxIyOjdFqq/QBoomJhN\nzS5BPr7ERUsJawmzn3AgSW2HbFod5nRSpI0hpun4oW8lClYhXAf01TW5e7MV\nPETE1UXAS63OdksTmqSSGJ3ry4WKfhWDVGw7mLPOJJsfLveY5A5CZJGMDwwS\nd8BX/DIvD3CHiJZNRYoCxOOVqxgyAU+cY7OE8v5wZEcJcSz6hC/7kzAze2aw\n6t0nNzCixmBdFT5vCFwGGr+q2OXVPPZpP6/4S8N+UdEfsF04cnQNTIEpch0a\nURU3JQMcvYtKB46FAnbIXcO3YpTH0z2YX1V+mTxG9P/hWuwMXqv1v6M0WP9q\n/6U4t8rCbMKO/MZNwnvPwgUpREushjUag/djzY8NmrfKi+DNbBeIXi38TGbR\niNZiz75Hpgem0w55DJDqNhJ7cHgpxaX4FRA1lNVy/ogHnCp+KCJVT3oFoFSY\nnCr+2hAH1zvrzkggrpmz+LeXL92ed6cpSjTg3m7D5SocBG4RlL0mnO4VAcT3\nv8/eBHiBuuO0Eft58KiQfcBJJviDfSJ7xsguUoFncjAjMV5rZh7XTaTFgK4c\n9Swo\r\n=6jiP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"07f6372c5a2f6f8add971db62aba74793d912f70","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.8602f1b4d.0_1592846570754_0.02454793053956461","host":"s3://npm-registry-packages"}},"7.0.0-canary.69f9f0982.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.69f9f0982.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.69f9f0982.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31f40eaa4ba3ca5b5c15aebafafb01d49cbc7709","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.69f9f0982.0.tgz","fileCount":11,"integrity":"sha512-iXx9LSCNR87tHgM6vA6K+r7Gkl5p/2ekZJOQnaJWHB7960FcZ791lP9/5BM1cusDpwOXR7jDiZgholP/Bx3j1w==","signatures":[{"sig":"MEUCIDCPsTB71SQ1Z2iXtmYGZpi3TPahPdcmcQq2yfkIwALVAiEA1M8DRut3Np6f8BZkdsMyN9fjsHIGBf7ETc93mBCDWpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R8DCRA9TVsSAnZWagAANdsQAIuos0M0JNLkJPuaWnu4\nT9UJxIfbUGzdy9zd4NExNr7WKxCcZdz8SZkE9I1+u7gmSWwhTUxcy2FGcCi8\ngM3nTFXIWkKdfxftqmGcGwDGinfy2r4nqfjd0ROA8eEMi9XwXHt2WdTYGXBv\nLaIfHkAGQI9ah5nKB83V0W9TqLOeATtpDAsfbVbZ1yT7ZH2yIeCb0o2k19sf\nC/q/mgN25MrOSaLGjiy/6fKcUEDOuqUh7DGqCIuPJu1jCO0hGUSiRkc4TsLQ\n/8m7LIXZ4oAmyyFcM2Ljg6nWQ1zs0CssN6drNVK1geNnNOn+x2ZD3MsSH2/e\nNKaJIkPGik96N/bjcoawrPqgpUOhfb6rYUhW1KyNH8fOrFntfeFhwo7FZd1q\niqto0hIFQXHo56WZfogrRhf9NNMyVi+TopgFGo+Cf0g+0ss/4u7hhrCJlN9s\nrt6fJo/X4zhW4r8sPwxQ8FBNYWYBBYGaCm9T3wLm+wH6AXT2aQA7l2gautJK\nNsP/LzGt4fXIaZzPUy4B6LBi7sqvbl0OR8cSYIf0eJ4aNTis6IPzC/u6MlHI\ntgQJQUXeNKw5Oh6XoxHWRL6CV0U0wWeiKVmPjcrAxKXZz4MjeaQzVILwviQR\nN7/zXTd+lE86QidFmEawgQHsOLp0ECBGAAiCfJYKsqWA0tkJMqIRttJFG/zu\nejpW\r\n=tQCr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3aa0430a8c5f21a2aa9f3d54afe07b1c1b1cac09","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.69f9f0982.0_1592860418876_0.8073135359126289","host":"s3://npm-registry-packages"}},"7.0.0-canary.369a293f0.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.369a293f0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.369a293f0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dcda74aa5bd69f8d0c04106ef95fc4e77492d1c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.369a293f0.0.tgz","fileCount":11,"integrity":"sha512-JjoWPYH62dscczP7kRH9Iipgjom9u3BNEDYeYLHzo8jWdCe9sm2xkUJHN4U4WdZyFfW8NRPsHLwZim/JhHNhLg==","signatures":[{"sig":"MEUCIQDDdoz6fKyqvbJi9VY72ET4JH2OfZ16AWUq7CacMCbZdAIgbWRp2FfflDiNZF8tVPRU7L1qg3K8rFgg7qAMagARaic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R+ECRA9TVsSAnZWagAA0EwP/0eYGOWVcJ4KmZCoqSLR\nY3JWNw5MXfjXQqJryxGUATp2vX63Te75L6dv15KWmuuSQcSxVxXRLRx2Yhdn\njffrzumBjIdUekp8bYM+kMeiDa0qcJv+4x59GrvH2TX4DEjJBJgxDpOw9Chu\naeobbLpxdhAtcK7b4VZ6Z5559g8yFk5UkdnAAi0cRk5tg3RDTMCPtI2Sz96A\noIA59A2rYdgXGTCc8wAFfhyrCivt6QFLtDpLoUPcERx7D6MuyjMmXpnK8Pqf\nUNzdlVqcYYVcePkJe8CyrBLAkkv6GCIfaBItRtCG1o7qYQoVkdyvO9I5ll8P\ntH+8khfE5SZD74oDZ/MfusZ8sDwhFWO6x1VcAR6HUDOaSLmsHRxdJt6uz9Ny\n/k7kctvSxVgCi5wf0AZRDpuxntjqNcuBN9S7RaHbysU4bxx3RCjJrLN5Gdst\nNJBe0tkL1DlLX8ZB0Usc3D54auzaxdCXY6R6dwmeiJq6v7UBcVXbqPYc0kvk\n8zl4jRfVNK5tmwp86CoT3+rqZhBlEBWQ7HkHEu6H3PaVG0atQEwmpKyVO3U2\nr2YAA8uGMaJYu9Ho5ggdi3SyEsLT64pdnv8HD/n3UPBjB2EzxzNhYN7t2zeo\niotjGx3DfKM8R3MsO5byj0Je/1MSZPcwMFYCL0dE64H2NT52FZ5Rl2nG7gCh\nd8IV\r\n=/MuE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4b9943a16a4fab61aaa8f5dad0d4f7aecee862f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.369a293f0.0_1592860548407_0.9334588686113767","host":"s3://npm-registry-packages"}},"7.0.0-canary.f1432b5c6.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.f1432b5c6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.f1432b5c6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47ba7ce827352dbe3fc8e6ed5d33deeb251d7ac9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.f1432b5c6.0.tgz","fileCount":11,"integrity":"sha512-vwLGQbflc5JeROpfTEBoAnGzw0S23wRdjZgHkruQxHXYRRDeBodm2RN4ymw/ubFjvNJ/j3TcU4WWXOjigVOnKA==","signatures":[{"sig":"MEUCIFpxUBecmRvY9OZNI0WMflZ5+uaDd0jAQZ3Nd82OXGQLAiEA809P4hN1Iu8po5pVYGSYMK78vLAsxAuo3RGmX5vo7To=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SGQCRA9TVsSAnZWagAACbUP/1P6mfAEHHqm22CMqe4q\nYHGQ5WWhRR3bilCyneMxZXo0RPuvI84wRp4bQDgGC9zxNGCKWLVf4JkSTPBj\n1hzlnOk6aUpJOjRhFPDB1VSc3U3gNXtirIpRBkgzGELa6HSPO1YOUYDl3K4E\nIUjgN0sFTFpV8eQCsLXdMTX5nvmdZcauTrI+GsFw9CHNOzUCXBm/5K+eGKwt\n+9HTx5Hpt6WfOIJxWV4QDxGJKlXIwJS0tILFCu+P3EKuPsLaIEZG422fiZSy\nHj4G0aWT7OAD2zX0vjZDdkd+2iQfQNyn5N0HOa3QBPaD1Bxo7G2UGsEIzs07\nQunhmUCklCwkV/KgHmgM9yn3KykVu7cntsDZQkMCPDbyOHMafUtUJHaR8F/F\nky/+bsjcMIxwRyNMJQ4w2A+zJRBkT8HyJSVDg9umTnpYKr7E9WhhLy2Pa8Wb\nSZpHDnSLQP3d00ALbwOw/+p8yri7KQdlh1/MmBBmcneWASEbnfPQ5KMV8rNb\naNHu3zz6feYDKMgraWGtmsmKhCWHZbKUW0WZ8gjf03z5zGXkb1XyGoTGuP+j\n7SM3EpaM92/y7DYP2pPbNzoHpiNVXU22e6ETbZuabV+RIQjSd/6vSoUWfyr2\n6sHqxRtCwdirt1ZzJqxeTcEmbdOOmarmHhy8v8W0NUhf086uJ9PNg6KiUh9a\nzX0M\r\n=yjU0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9987341fcee9f9c549490bf6cf1a6ce57b5a83e4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.f1432b5c6.0_1592861072417_0.3621909524498508","host":"s3://npm-registry-packages"}},"7.0.0-canary.4757a16b4.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.4757a16b4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.4757a16b4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24c9c9d9eea3ddba5a23c9a3434c6ea14f22f8b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.4757a16b4.0.tgz","fileCount":11,"integrity":"sha512-cy4TLOko1cUo5WV9Y4pJpCXh/WYKjydnfuJHFsK2VexRJu6ZBLCdTDokoLsLNqLSG7OzHMjlm+j1A1gIlibIOg==","signatures":[{"sig":"MEUCICN0hkEvGm2+R3BVxMhIRs6X+8GIXakslNJf35hA1Bu+AiEAt6IpGQi0HrPFxm4ePJjSMCepXkQcDjjeN8z1aVJFBUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SgXCRA9TVsSAnZWagAA9qMP/iPRL+jU3Cd0hsB7BkrF\nPne/I0u7AbySVBajZANBaTk5qYQ1ISVLyxkpCAgVrYmV3njDBjmhs0xREebL\nWrkJp5okFnbk3xLM1neIO73ZRwH6c2XpgJ0YK6D9+3WkL+ijCcJq+ZZWZUzp\n+uZMwKe+5W9q1Oc97AKcO4kOq0LdAN6YJ2ip00cuLM9ba36HZ1fdy/tkCOda\nT9PLz4l+ZCRmQ/EVgP0dfEOWzbr0j9NroW+s3O2o8SZjxHaDAC+XxiwG0CJ/\nkxHpz2E3eEOPTbv80jzmZPIx/fyWIUDpuMrupLNlRkpsL7pcJJGBpikKEK4l\n+rBtMuHS9ADnkzhPvbs2GIevpzcA+Gle9+zYR5zUQzpKK8ae/Sqc3TrKsqUq\nqObo5sW9D/D2/5O/xdBZMsHD9cyn4ngfFqKR2AQK5DLGjiiGcdhlRyWXJC0G\neZgl6zPJaOWZ1ohRFJUYXCLtVgzT4d9dchm3yWBB+UcGWClvuKvmLamj51Db\nsNY3ai1829HZF6v+fjkSZp9P640p1pjUKzDg4J3OAH/6Y/KsBn9oA906BLaW\nNc2FYuM6funzAke5vYA5CDUT1o/CdOgGp8jDLnlAEH1YoqbaDieKBcxz9BFR\nOw3i8LE1/A6pE/mlsCasP/EoYADOeWQnPshWxm7mU00/uwO9OrCJwCMnz7N2\neHkg\r\n=VpqS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50b08262743d25109a9cd3d4c87d82d0631d9c79","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.4757a16b4.0_1592862743214_0.8965825258889923","host":"s3://npm-registry-packages"}},"7.0.0-canary.f8f472762.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.f8f472762.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.f8f472762.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97700f9914bb14b30d79adc38a7bd9d7ead0aa82","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.f8f472762.0.tgz","fileCount":11,"integrity":"sha512-sAEIclCLjGzGyNjtLzkTEGYlsvIbXfRc5VEsCgEYOcKAAWbJhkXwNHDNH5LDJlt3eFV1jLvFvo4BXzSACXLlkg==","signatures":[{"sig":"MEYCIQC8mCjqzkjOun/adpCgZWQfaPdcUZ+ZUBS/DMFNzClItwIhAPgD8Qc5vSnDPzAUynXrhh6UxE2SRlPOICzODZ94ppJu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SkVCRA9TVsSAnZWagAAs3gQAJPYgkpHQUVgCisZ0zoB\nPUATyhjvCNR+9w8uFSWs7X7FdEme71k/1eed830lD/kWA6uI1Kanah80kV3x\n/tp9abWbHur0EHCL7ylbNuVQi4ABRAJHraEkHyeDmE483T7lwpNcaEcAGKQ5\nS7iqAiWsNjdQ65Zewy7/5RDg6aVB0qKUe2LMbthSht8wK4Ag7jXCBQATEYLw\nHWZ6+wMv7DNsVojn9Q9nPO0SqtQwGUeZw+W0CVDdkyelIJj6AC8bhkK6QNU1\n62QDRzcBSnTIg0eKjacBgVaqQF2ZMMRp9XunvjjxB0qFrxPO6iwbi14hj2MV\nqYk09SX8sJxefgKze/ziTJrBVUun87dNJjeuB0ut2pmcrTAnWnmla7yhOST6\nk/9ekta7jy+ROFb7pYaj7K50Y3ESBhEass1C1qAawRnV8nNArVjRRP2mJLwr\nQ2oUnPcmXpkWdNwJ2RMcrCqzaPC/FvP6R1xd0TwnHaIYhIPvIPZwObqyhUed\ny8ucWVg1V+cT6Kr6EEgV82h3o2b2GupGR4HF6RTUIFt5c/ytno6OHQg8b1ii\n8D7SYDFAicz+0JkP1PervQHhnitBwjCUMc52oKDXgd+Gb2iAGq++vLx7A/C2\n+vaJmqHnGeJ6DzQLzF+34OlOcsA7DUOFT3VG99N9/JpN1CiGLcp1Op4sF2oZ\nYySz\r\n=vYZ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b72e40a4e5c11a670f3423da9ae1ab370f088535","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.f8f472762.0_1592862997453_0.723718647290398","host":"s3://npm-registry-packages"}},"7.0.0-canary.7e4d55c34.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.7e4d55c34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.7e4d55c34.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ae0b5fdd9ac31a84ff0717ef4e90e77e6b303ca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.7e4d55c34.0.tgz","fileCount":11,"integrity":"sha512-8PeHWtucZm/D601vUx80qRDTUnod+ZfHlx306mljaUMZNFtwacMl3AZwNqSm5fsbUyUaS/yXeYaQwllXchNazg==","signatures":[{"sig":"MEQCIDcx5W9sxneMynmN9C1T9SI8g85E34omvF08W1KrOFuwAiAl34xScZSK6fJz7sVT2rXAfXJD1MsjxmlRUK6GU3TZWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8TCSCRA9TVsSAnZWagAAXHEQAJHxnpD/hCFh8UrHS3As\njGv7yEbbmI/5o2+XlMiHDMneB+/HdWRz2DgGKDHFYdogGnuMXQVGm3L4EcQp\nsMbhTA44vBhVNoPD3WHZh8Kk405tYHkZTE0rM59S04DPK0ekmZsUmwVGC6lh\nIDq1C2AZ7aXU2Xf6pRVVT8RDvJXKKRIklgV3rloN0BaScFRqbiekNddbR3in\nmKaOJ3bsmkZnQIlqKo+AB+POMTfrLDsUxt37lGcmF8jNoHPBmOcaNS1LQR4n\ntVKJmceB0Ep35bKgEn2f0REX7lWKA31+RLNsP/uq7Tf5TBMWKnjdYuflMU5F\nNWIF2Ar1Jta4xPsMkkIha3K5TIAiuUvlv5W2JQZWDoFJx8LJaehL/SdRrf76\nR1PHPmPIB2QG7UEUgKqYTQuWOttVk+cw4QwvEsg8bhZ32X+rvbkrisxbhJ4q\n2oGXMi7U8r72XdO3x9Y7l3ER5bxl8QcTJj6woF2XAbWmUrnGuG5lCvD3WBTW\nb6a/rjxw7mu0wgYMUH1sLQ1wVFU9IR9hZu16vXJX5npD9wDe/RycokcJvOty\nGev3wgFl1PmYVnlaVqPdzneqU8OoWplE978ivLfiUi8D9X7fCaEif9B2SZDM\nWRD0BeiiT1Tl/A+ItBsNd3lY7Tf65ieQMnffqowaI9f0G8PhBuZ5Xfv4JRMN\n7Feh\r\n=1txp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1dcee78d27cafcaab3b8f265b4f1bea83600563a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.7e4d55c34.0_1592864913738_0.8254720511312292","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd1dbc91f.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.bd1dbc91f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.bd1dbc91f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c79bebc4e41d89ce28594db692223dca9fa65ad9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.bd1dbc91f.0.tgz","fileCount":11,"integrity":"sha512-DK7aLEyvfpFpwWiPmWWPm1jic/w2Cel6a92P8loS2erzihujxnnLG9M7DE8u0wxelMbyk/0DLKtHIwdXrmi1zg==","signatures":[{"sig":"MEUCIGoV3FkeYzOL4PDqw0mh9DuUIAfN/OK3LcgrijptD12SAiEAz4NyCjl1esvrQNiSut5WtKp7MRx47yYrdknYhyGJZI8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hE/CRA9TVsSAnZWagAAfxkP/127wNsxZjs7yq34iym2\nf+3os8Q7myyjV7mpSthodjGd8y7IqrkrdkuU0/vD1sSGlm6F6buljN0RZp6g\ntknwx2+DhFK5RWG8Od0N4Xj3pCyfemsc2u8bysGDWNr+nBUykfbhkOztx+Ft\nwjX6dcOexODkvsOsT/wM0kkBdHj80edo7YKoDn4SOdyoWMPOkZTTki60Zbop\n7mzze+L1f+C99k2t6bYfTPQAcCcoPlS65pPGdekVhWjw3BN3cMTc44bk6vF7\nQPrsqxeb5zW93J+6zWCapvjtmBkce1OMwHWc93f0vwLdmDvPldEiivdLHkI7\ne8jE2iP6SJ2bVh4XYYxrtXerWjnl51hPOivYNPYnbAXiZfyhbpjRMZdXQzy5\ncpLs/fD7ZJy/kjs6gitpCb4zZt7qcSYmk1rpLdeo7VMjRWuFbUYY/FFzEB7e\nX6aLOH1IX2Nrq/Py4BBJIJO8+811bitBS7WiNQX2oPqKGubcxxz8L3csr22V\nXvdX9Ggxs1cJepsLKR/U4Bbtx0m+CnzV5wm4YAxYOSUsR7zxYLw6ORaFnMOp\nUJYVIKEcZD4mZXLcPCdp5yYTrR8WhM/qfBrkybJzl6ZYyZ4xu9OER2maAyvt\ntFGT3nuy/Rhpaqp557OxRHDZ8jYUs+4St2BB/hRHt2Nv8KoHuFC/bICTlCd6\nlzV+\r\n=6x6N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b63b8059c82f418a3f6134124de3ad8bbb08976a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.bd1dbc91f.0_1592922431082_0.3559842468650585","host":"s3://npm-registry-packages"}},"7.0.0-canary.31523bc62.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.31523bc62.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.31523bc62.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e80ff432e79a0372ba612ecec8b753fa0b0140b8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.31523bc62.0.tgz","fileCount":11,"integrity":"sha512-IlvSU2k6inZan3tm4pRB65k9SVHSOVXcpcARX7zC7LRKXLANxrUJg2QW5xMyEM3BdUg/RtlV32RauOwlHszhxg==","signatures":[{"sig":"MEUCIQDQhlP2La8As8P4sxIp9c+T+kkvR0N/hID/1HAR3qLPkQIgDdH0wdCOzFzl03OXts9xBR8rcgKxDcYtO3XX4qjQzWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hKDCRA9TVsSAnZWagAALlMP/3S/8EZkMy3waZ7qXFv7\nPtXVUW1dYTieJbnW+WJxd2l1T2tl2eED0o3hB4bs0fIXiCxvvvIXg1Iyo8p0\nhjZQnlKXEx4ao0CnQBbb3cih61+q6/UBBI2iQsZGsohyURKtk/AieQv6t3+k\n05/GecK3OOktVRZ+nxjOGDFRZQe6ioHVIwqPzt8RwNHE/sRBGBtfApoe4anG\n6FwS8q2T2Y6a3KheoJd3syQxasxIrqTZ1/bG42sv/bW6m7EH6rlMNmSpflJx\nyOMuyVLFeIr1fc1Qp5lMORzapn/pf4Dybej4X/BDTDzztj0zosHwup9m1LJW\nYFRF4p20+b8ONMWQto8XGZS5MDV58nLy5aLCtwLzBqDmQVrB94qwjrF0KiQt\n/GGWE813FT3tSsvn1lh89CspKAtKYDenOZ3Uub0zoQ53+DyLa+ByG47upBtQ\ne59zYi/mbGde1KJz++I6dcblVLTFP362Iif2Ud32OvvdVtZYsXTsyEBWPy4S\nf2heqq8Cmmo+SSYhGFDTLADRQKgYiP1fFP/aGCOOVEP2dZVCIcvU+L/7LWfv\njBalKmaJ5XcuJlc9wy261B4ARdXXvU8aUkkizrktyXrU769Owqq/I5WExKam\nPfznW5eZBW8gAJshOmWCmFWi1aM3oCrptRUTbwsLwv7plGx60L6T+nYPO/0w\nxvA5\r\n=eI39\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"035ab4d41a8c444abf721e44192fa6e10bed9f79","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.31523bc62.0_1592922754116_0.35396148248318227","host":"s3://npm-registry-packages"}},"7.0.0-canary.a96b6d4d6.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.a96b6d4d6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.a96b6d4d6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16df231bb5112474dcb062cf4ce8a2fee8942e88","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.a96b6d4d6.0.tgz","fileCount":11,"integrity":"sha512-7dlyyde86f8S0ksJu+lLCnJ8+t9UtH40pexiFJmq9gCg418G+gQFDu8IUDDRJJXvRMj8UPwjK6eYffXqvmRqBg==","signatures":[{"sig":"MEQCIEYtWtyxRC49KaMxCGlTxbFi5EO32o6mDMKN84U4T4RXAiA68/BBWZRuk6loF+VVC1h0C6GKiByf7zuZKr5JX9N5ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hQOCRA9TVsSAnZWagAAePYP+gMcoXDfkGwDO0divX6m\necSRuojGVlhoF5jYvJreybAej7WD2HoFDHAclHJnwYHof41laXVUXQzhz0o2\nxb5Up4V0g1VxKXpqY4uj7ZgNlsyFKf58/4DxZuVxP0P3jzTZAdD6CFqDpjRx\nfrGs4m9trT4N9YbGIrogRtKni+i7WR+k3w1dwmYEFw6+gKTB5sKUWWXZA20n\ndMYtAv4IZISek0vm1byrRMaUC/RMboMXK0ub9CNV1Yo8l/IFUi5XiEsod+n0\nNoV8mnESLTSE63e/TyS9dqP2ICXpU5BFmbwNzWDVCARud6Efl1huZu88zo/0\ndMI9dWI5E7RbSGsK5KL1BuCLpVDh8DZCcZCbmHpdeGT0HFZuA8Pi+PTUIJ+k\nPHGhPRx34O36CaVJEqqcRfuiyoopg0GCrt1epw4yRZTPlIOLBORppxtyAAC8\nl6d0OiVY7cjIdclSuCPEF3cF52M+46S+k7WRP2MzgyDoMyVr/kU6Vh/UjpkV\npbP8q/Jg993AGFQjOhWzP9MqtPoj4ndhkBiP5p2QQZu+P8MwnmW6Z0n+yDom\nXof9oWXvw5EBoQjANkHytbxhrN3bNNa48HXWGZy8Tl7l6MeC7EYSu9nCmKUl\nwhbD4/5F35Fts9lcgQETigHqqGnsEt+6VD6EqY8sWQv3oIrImHV+spXGqQv5\n7Qca\r\n=w1l3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ddfc88933cd9a6210bdfc449fd3fbed391abf4c1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.a96b6d4d6.0_1592923149934_0.970085272480641","host":"s3://npm-registry-packages"}},"7.0.0-canary.ef3a09533.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.ef3a09533.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.ef3a09533.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95edef35218bae9c8dee15b8c2d4f09547813ea9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.ef3a09533.0.tgz","fileCount":11,"integrity":"sha512-TU8FOsQbuYHRkepurj09KQMw8Au9DN4t3J32OnvkyU8k1qRk0nnJmNpC8dAW47CLcz8xkDBret/d9mKqp0bBGQ==","signatures":[{"sig":"MEUCIFDEfLtb8vOy9yDeOB0jEOpXSYlvfjF7QsexGsPQuA3QAiEA02ANyrOcgIYqiqsHo6ebJdgT13LSXiNKeAFg6ToO8Xo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hXyCRA9TVsSAnZWagAA6+EP/2K3N7bI1lk9KEdHIfbE\ns11G/z6/tQDNrDVJuAiSBidgWRLeSQZz/nl5SYKy9UfKCspWdL78RAtw0wrY\nC0REonVj99L+DSO5QIKvNIweydKBZC0Zk0gUvdkoSEYxyojOlxuC8y/Tme8/\n10VG3gdeqmayi+hClN0XIiZAWRs2r6AUSoTHGoRN1tmYqnE3LyrM6vnVcuo/\nbYGQlXm3xvC+v9Djvv5hMueWljvxd8Ki2c0ZymM1S8Jb+4BM0yLg2NOmwbEO\n7fxVTQt8rNURyQcEYk79ngEDPdHPqcRnB92HOrgknHkBCjGw461NKVuu45pB\nzeuWY84UMpnfhC0x7FotOojlbXfq8ZAME4eTV5lvlyq8HkAx1WqXYuw9FZWY\n7v7xaynzQLcqxZLqrrVcy2XO4S64GiHetsvkjfqlLZvg6C+YE1PF+by6DIR4\n/omwQT+VEH+oD/XjE3rmyfxjK6UtELZxvWmizBW2FI5KYgCOdMUxDMtoL6GT\nrJbVt/WB9XNbg+IBg6PBfMS6ANxH5xEUTfuB0jJPrkgF1o8gw066RhFrVYmn\nJBtVEnS1N4ZEUoEtS6PA1/q/ZfWlMH6l2NajwNlX+s7JVOE6bcmzXMA0gbHW\n8RdgCXz7vf1LHWQuOi6B7PBeGK6MTbztEobLjHMuuHGhBDKBv+04XK5/u9MO\nO3zf\r\n=YLFc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2af091492939e0fee42736977683591ffc221f15","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.ef3a09533.0_1592923633878_0.4972621439803284","host":"s3://npm-registry-packages"}},"7.0.0-canary.080965f39.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.080965f39.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.080965f39.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97e6bac6daa56d488de6a70d91bae80eec0af6f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.080965f39.0.tgz","fileCount":11,"integrity":"sha512-ySbB7wxTac5MhEPMv/8kfrHYTaNPV7pNcWhhKUo0T3l+IMD0LZvsSz7vx2O0HWYPEBFKTMxVLTIA6rQRHz2f0w==","signatures":[{"sig":"MEYCIQCrcHJF2NzQZ9wB9Z3huLtCOtgL11oJn0vt7gQBZ98atAIhAPmqlmDKipb5wDEqJ7KYuMXC1EDrQ5AaDXG/ym7+mB2W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hzdCRA9TVsSAnZWagAAGusP/2eeu1kofARacuP0nEIW\nRoUxJuwV9t36/XbLNMmIau+bCgB5O7ci79SYt6b1sLKyLfAluvIr3jGu5QxA\nV81w2jlbwCtp+GNzxuLyA9KWOnnZHnAO1sP2OILc/ZJOR7erFoNNblCuUSmE\n5TAN+HwocpcgSUSYw3e0VpCLhd9v/P5apDaK3X2KAzIQpxYdPoHo0I7HIvAL\n6f1KIcxLVCYi94d2kHR98y/MEd/XiDQpsSkjJ4SLniUbc7IiBKpxos2MteLT\nPIvAzQ/yEN00SANA7TrJBBiVWlPucDzXWGIHr5xuroZm3xOM57QFc8fDSoJE\nGTZVkQBFhHZJSlLkCy5zmOyCy8BzqDWWL0UxEcoOfiwgrqlKdzNzTD9nonPF\n4VKHL/ftfbU1VecrDbDu0YRMdijt+uxXam5Qlod/J6B+8C5hmIAnRA1KqwI/\nj0mOq5//Q/ukpoMYCFmczCB41RvQVhyrJ7AvMNr7G9kQnBaN/LeOshgAdcZ5\nTS+db7GdbgWL43ZXCoXyUUtXFmZb5HXjuwp8qnybTlWWJp0tFEg0Y+GCFdOg\nhYXdncFo7T2YySKidhjhCw3BpFnPvUoHks6ecxk5mjiXrYTCur7/LRUhWqWz\nDZeET3EqMVjmsydw3S0raAELqE3Jvwkm8HoQlo0mR6eAQYj7Zx5AcT46foYE\nnqez\r\n=RB71\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c0d7c5371df46e0114aef4ac9bc2b3aad1377f76","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.080965f39.0_1592925404626_0.7236326089942946","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bd67b65d.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.1bd67b65d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.1bd67b65d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04609f25a0813ddef62173a89a137b164d0b6598","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.1bd67b65d.0.tgz","fileCount":11,"integrity":"sha512-Dmft3FJFxuQ/6xv8XI6i7fmekNXytFL5LJ76wrsJQGcY7cF76IDYaVwKHe8A9NWYM2eFgxh6sZEO6iyCtM7/Yg==","signatures":[{"sig":"MEYCIQCI7UkY5ONXhQWlY3wgbYaAu1NHkW0FcgkI2pu3b1EnJwIhAL4ldTi3alabJaVmCCNrYdRKQG50ldCOlB0eAYwwG6I+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ibJCRA9TVsSAnZWagAABEoP/3yY0+wQS9mNW5yVN4nc\nt1IU/wEYO38f4XPrMw5ec6YUjiBvGEoJ0bNktHqWngBTElMA4kyrhzBj5fMR\nNCfUes71aJYsgO5HR5eUjFc5oHd3NMINEv6y0r1R4c5dksm1PdfxejyKr31o\n9Yv/HCRHElQ+qMt0wB2POikq6tkmrPphaqk0lTCNEYIJjuLvPigCgaPkcXC+\nfm/Cw/HApQFHQeSfZYeA5Z4tz1AC99042X87K7VOiv/2gpguZz6uHT0UitYC\nGlqnpYvsy/v7xPa1YofEDMHw0JIZMn4zm81//1+DIbyLMbUXEljnCD0FLVy1\n19Cs57casHrx68/ZTkP1CJbSxUFdTrgasKJYzgmsH3irn30AzXeTlw8XcWeD\n85Wcml5ORhiTTNcoqBCZEnCb8Ax93DZhvd8bgruB9erQBo2xqdnNjSNJnJ37\nUC3qElPV3hdkinmVFPquBnA0DhWRP+jPPpOdjfOIBV/dCezUq4u8mY1s0ztF\nndIB6j683yYCHo4nDe8ZxEGjJYnk9Jrrx6LfQj3d1/0bHnol3HXPOtmKhqSN\n1z7A8sKpWAeN5+PYY0oKK5CAELrxcIfsIhGgAfja4oL7CVQeM9ul3qw7Grp3\niYmM8DlLBIC5ehNRfQFPcvxJVYyHNReVTu8J5fppD2HHwgyeURRI3QYITdCN\nOhrQ\r\n=fIlS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dcb3206c3f6c1567eec203025b36bff594d66678","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.1bd67b65d.0_1592927945430_0.19477074686764073","host":"s3://npm-registry-packages"}},"7.0.0-canary.18ca31248.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.18ca31248.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.18ca31248.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfdf6d934448feddcd682560109b5fbe5ef923b3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.18ca31248.0.tgz","fileCount":11,"integrity":"sha512-xH//WIsueTzN9zSlN8Qm4M+S78070BPvAjJ9OQzZQYbaT5q5w8smKWA4GZ/3Z8ggz5b/N/MDNXUB11O2/me7UQ==","signatures":[{"sig":"MEUCIQCsHewl+B0Lgn2HIsFueyLwcYL2xCIFfUP4L+HJwiy2eQIgAZBDniOT+ReaKYWXXxxvo/C+Zd9N2/owD9ddGqxhuFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ki9CRA9TVsSAnZWagAA6WQP/A/3LNlGBFmHUHVu65mS\n9t1CWxpMRfAcfyf4HlLYGp+DM6ROIi3LboXcN2wQQZu72ZzswF+y1GEF/LLj\nOYpvoOKZeefBV7/+FXTK7EjrRSnV/No8yikaEf+v/fptAJNyKD07FWaUsIXa\n6YZp1hyT+nWqZoeck0rGHdy5F+0vBcI3P+qfWXRyVkj8gnhZbh+lNhe4pYBE\n7zB6lFK1BJBQBa4y1fVw9oBz5emDJOXqxYmpE008tiNjxye5ugQhyVCOkF+g\nLUSqdwBRedTLVVsaBpdNz/SRzLSJDwxbaFvS4AQYOCgE1C/Y22L2wWNmLUU9\nkmui2VBiciePnnie8CIp8tSfNbXjMok0Xk7PPb2bnLLdLza6gxkOeh7AHmx/\nRzO/I0LpqxgWv6218UVmk6CkWPFdEMWEMXeFMh2jdqkLNqp7h6ZLRlUv+IIZ\nsHmbYFw+OgrVzI8JRb4UBi8ZWnzH2nV9b397gVV254njKv9PThN8Ppb//y7W\nzGi+b3JBgejixH7ckocxf5UkfFCKiLbCJkXCEZz33U7RWyd054QbtUIwP4C7\nwd5Ihg7FDVjUitGb7UwGkJA4xJu+rS7uZVJCFs5tSj3Vv9jVYkw/lXE9EYq7\nahPq5dRrU7OoZBWwjfMQsWBifAN20DN5C6HjaMeit9XrW9O4iHd1Y1lNs6np\nIyGu\r\n=v3OZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34a77f9ac5b41ab1f71969d01fde32c58ffc08ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.18ca31248.0_1592936636515_0.8881349448014604","host":"s3://npm-registry-packages"}},"7.0.0-canary.39cf00836.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.39cf00836.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.39cf00836.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3588d07e77132e5c79a8df2afd5601c84b0e2c05","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.39cf00836.0.tgz","fileCount":11,"integrity":"sha512-FM2Fk26vwm+YQQaAz+z2NEiv4ISiynrtzvqoUzq0t+OsEJa9+BCvs4OKy67SU/fW8vaRr6TOmxaXPiuoS+RHHw==","signatures":[{"sig":"MEUCIQCHF341x04+OdkusX5PFg38SRR1QmwUWAbcWXgVOeSvxwIgWHZ6NUugpbuFM2zfv3sk3BSzuYx8BBsE0YIvVCmYI2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8k4sCRA9TVsSAnZWagAAs90QAJoQaNi0QnYFjEo9LrhE\nnBdp9JjPda3eCQZRQtwFA1gpR1rDn0cve9XO5JfAb1BhoDrwSf3j6wTyui6A\nbH/R6PbPYZRZ25AU8N1X4yRvnVhhBydOy/bbK2DiEMKxYFHs3fCd9T24Hbse\n28aaaILWlam8bPusyTlDXTM8ui/E6kp3MLUcR9UvMypMVej2VlnuYM1ffNf2\nOeeCfdwURorTuFjDbmb+T9tt68AofyeSZTXlVvaAD0BlleTJjROnOm67Rk2F\nmJULC1W1XItKAzg4C8WQJTyhtjVbGloWM2K/89pTse9fItfhRGKsK9n19sJs\n+o7gC+CYwLiK2NDvGah0LTLYcrzaldAlHiU1EJvWFHYm2rH1CQxqyv05taJO\nWrZjJzK+jcGA+iWUW6y/AOEpWRc+zmZGFI1OB/ZxhsvPT0HQmJ6XaL1M0Z6a\n7Hh9BW0DDBJQUjNdm1bAakOWiPiE9TPIugyNbc4aAqIyJa/YDZrD/pRoAIce\nRS4HwO7Je7zy3bsJkmwYXchwplJaX5NBIwH5XATBoGJnPl139omK34xhQJ9S\nQg3yeU0QCKi12ElRT1qB3KNzu6JIBgUHxYDUXtbJ2EvwIWUXrRXsMk5rSZWF\nxaWM2ZsUGQCC7FCm13JDCmcVZRrkWOhnNquuUQ41csSLTBXjJB05ewk3POvp\n92uO\r\n=rWVB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"490def2a6575f8ae6a6151f024a9af3fed1f5215","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.39cf00836.0_1592938028510_0.43315475916530977","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bfda9e05.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.1bfda9e05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.1bfda9e05.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e34d5b73391c893aad6a8f9777cbca1de8f7d05b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.1bfda9e05.0.tgz","fileCount":11,"integrity":"sha512-uS5yL+iUvVp1BKtQ5jR6sU1U/SO3HXqPIJEDsY1DDAFfKfntuxA7Wj5ElxcIcolMDnEHvB57Y2/5dchAEzAUQw==","signatures":[{"sig":"MEQCIEftZNsM3m7nPCUMrODvn5q3yDAl8iKi0JGFMtpKTbUbAiB8vv2AhAK2dO+EIT3pMJ6HSu2ElaBs1xXIMnRhrpvijA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lEXCRA9TVsSAnZWagAANB0QAI3RtSnT7H5AMMBNnWOY\nYqo5e3kjQTDo1Q6+vuGcnpnWQjDNQOiyxpfcuu9pZ3wMIAwzLvEr8jeziCNf\nqd3pu3/g+e5tINpPq9atsxGjrXcNT5Os2fPH8AV3vDRaStgxpzAeFE5DZU3P\n54riTnXC/T9n6fOffCikMtahW+SSQ6EJ30w1GBJMwVkwyvzvle2zc6zOJ+lY\nyb8jQtTHhaYnmCHxac05NAUt0fi2QJnI3YHKulIR0wQpwiPhSPTM3LNuJZJY\nIVyntiO6+PcZfKlMxVZZGFh5PUea1TEmLQMGO4hBzVeZs+tzLEE/+ynqUZ4N\nmIQLveYjBkKBa5bDxGusfooEizeMVA+IaMvIhUg9191wOh/p5ZkH5zNLpfvX\nxVVlpCTLC+zTJnqdSCaTxIh5TXNd2ZZPp21WnWEHarUaZI7NBE3xdjek5U16\n23EnSAoRIV0BIIGWMU2UeC22bv7lfyKaNxlV0Y/HvHVJILegm7P0CUq4qBsv\n0fA4ETR3LEuwliFHRON20ab3rL/qT8ue1d67YCAiy6trQoUEtRGnKd2hiTeQ\npe/CRkjzsOF8C0sB65k5epzg6eyOWZDXO0Y4gajGO75nPNvcaLPB9Tz63UVl\nWnWqtxqfdcRNvlRnXCmT4I0KSrQdPWyPavk3Io3sfyEfc07OkJOeKiIDvA/2\njhpl\r\n=UGR6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d858287d263a004329d22036ef43b63b8ec8eb08","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.1bfda9e05.0_1592938775059_0.18664957381605007","host":"s3://npm-registry-packages"}},"7.0.0-canary.08731bd95.0":{"name":"@material/feature-targeting","version":"7.0.0-canary.08731bd95.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0-canary.08731bd95.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03e15daed835387f7675ffd93a5f3fc36b80ef32","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0-canary.08731bd95.0.tgz","fileCount":11,"integrity":"sha512-yyyFWQ36MARuu68wFhCNCa00nkkf8PYBrmnkvYFssvVudv3gxuQ3e49mxjXFHV+ocqgovYQYocJGrV5xpEQaFw==","signatures":[{"sig":"MEUCIEqdjP0DOXF4tVzMr2Qy3+sY4XtnYCqHSKaiQGeHIivBAiEAmpHdbmZqXRP0t0VKZh/ZfeNi9skHq7GTa2yQ11m2zGc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lG1CRA9TVsSAnZWagAA10sP/A50sAIwmYHwI/jHvLH4\nJHiCjbqY9/u7xf+BLHTtY+o+Wrxu4rx0i3Go/qF7pDWm5jSdLjl4TXfUa7Z9\nMtSEbMYI1wrJnR31+xEt8xEBZ8zpqkES/5qBjm1ZWrTBGE1E9usFrIhWf0Lv\nMoksD07IIoscgahoVwfHILx3nmfLddqa0TKfz9x3QzrY0haVL2TNKlp2iaGx\nZEzNAm1/kwzQAkUozeketPiYdlcmXyV8ChAJweTzDdBRdcMbB0VhCSO8Lfwc\nZu1rUGlcgceuN6fzKiSnutllAPT6DCOPlqMTdOvT6ykFdGUR5SAz+NmXzEBK\n0ucooSL7APm6XbavLM4i92V+5rI3CoXFOIW4npiOvn/7+UNKRquBSdCx4Dkw\nI5BSXxQoybaKYtf4Iy4JGbj6B63ndIdXlKrfyNUSV6xC3WwwXuob06Ic6MkQ\nnQ+fel2xiRBjeTrC2sjgEoKTXyy4hlP6IhwxNqlKQOTJxMNH7MMEBADoZ9y8\nxhNyHbwf160x/8MMyStqPcBgMmAzFBSdeHK5xgPal0KJuBTInZjgnXCobwuy\njVRFGPufJpw5qrnpbMnVIvP74kIG9me2a0oTp8/VP0Z5twIuMehMl69AeMU+\nDvQSlslwLQGkvEBxtJGJgCJpUyQiebEmdgOvas68XW1ux4knhibDhGfNY9cg\nrizb\r\n=9jq0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e24a4ad4b32b05eb883e0de21ddbefd3c8f641a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0-canary.08731bd95.0_1592938933361_0.6274442358513663","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"@material/feature-targeting","version":"7.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@7.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ee8afcc4b2f3f3a0cf39db5be0f3339b9830cee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-7.0.0.tgz","fileCount":10,"integrity":"sha512-png4Ep/eW53qU0lt7ELq9B/LR+ro3jQiMkRWpKaNBBijTgRDA6LAo9mlpbMcXvovcgu8TjLce+kpL9M0HWgbWg==","signatures":[{"sig":"MEQCIGo8Yjm109yc8sKlHRByf2rTJno/R6gCfNqUcKa5sMaUAiAUmf/5eIsFehxbpKn5WyWV2DjO9OjQW7XZqfaups2Umg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lOECRA9TVsSAnZWagAA8NoP/0pygD/iaVYJpNEfxaeO\nlb02pszDDqZAbnLh6mT/u8qMswd12vNSC80qX2UzW6ShMUIHpA6vqvkDu8dd\nHbpwhbvr1DCl8mI7cDlAcvCEB0qCmqcmlV0eRE77LWyXNV5zNZalC3Pkg+2v\nsyJ7XHe9oHt2lI7eWc6dPPOgkqimb31Su2uDspHnOKTQAZHEGqLOoSJhmfSp\nrNEmknaBFNnGjkLslamuDtPcCJ0fpl24jpQepMXu0FIvx5b3lUNyprRZp/qm\nAvuxEuNraa5kk4aNcOKKRugQRBT0oiTkHQ3k8ihE2el8DnrRdSgwa+i3QboR\nWBAN8YPCte9lz1rNPVSavTJTDW3+pos+Jke1Ngnyk2wdwlHIzGewzbUonSK8\ngrUtOE42fTDq7WXQADDzEFh3a7kcIiMbucy9NUk2OWn3pxISKnJubgwiyYZn\nkpH66+P/vQkSjuBfOdd9m2ElpW67UPutaMvnYgwj2AqCZbEHXN4FktvrDGsu\nZ2X+Peqtzgj3aVKL20zbDhsJSf+aQ8gX0qm+t2ofqaemnAsgGwwubDLQhtuI\nwiJMmzBnmvw7mlc0L/5IdjmtchIsy/wuNaDvzVWplma27lQSdZ/AaCBLdJOb\nF1u89w3K2Ub2nE1Qeu8y5+vbQoChAnpeXs6yKhcV0yhEFqi7uIDGYZ3JEvWi\n65JE\r\n=cZBN\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"a3212b2099765947f2a41d71af2cd95fcbca4b97","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_7.0.0_1592939396358_0.6313807240068912","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3212b209.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a3212b209.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a3212b209.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6ba49bf84fd8d1217121e30f4d15a40ed0f7c3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a3212b209.0.tgz","fileCount":11,"integrity":"sha512-Wsy8nHcU4eA3C35eTm3dA9BJrye1sXitTGeMgV4gwCxSX31BbgURqR6j58QtGjCH5hjPpII7MzZ848ht5Wibsg==","signatures":[{"sig":"MEUCIDNJJ2Oy2GRQsN1cSIPoe03hghTGyiie40jZegBMkQkiAiEA3sCCKXeXoe/0lEBJHA6NzF+wKpxOtTXPWugXextf/ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lO4CRA9TVsSAnZWagAA14EP/2iPYzBAl6oGEmjCq5sh\nBM59r66jm/M1baY6ZC3ezIf+VDYl/aFbkysJ378Q4LA6SponuwjZNuHWAGfF\nDgVjr8zfTZ7BDYK/G0tCFu0ss7JqtUzKHPhpN/Z4fTnntRcKw4AfzM0LPChS\nZaxCNCYgYFxObMcz+fpG7epSFkx4hSCLTO/T3TDOvniyeuV3Ty1zAOxhICD0\ngoG0owXd6TAwSPRVJQXz0HF4Fh/ykFhDB/FwfGWZPn2k0WZTS875smftEQat\nJ1isgcXLaaHS/BPoujxbdIkpWaI0lKnUjoS5q3Db/GLkcHO2vyYvde8iZ7xU\nqXHNUkLZdszbeDVRtnS5nFrFkFaByGoLXiXXgul7+EsDZmuCy3XpFi/ZGX6p\n1vKSSh2/ALqRHShzXaJQ9htvqZZfe1gbYXwD97P6ivfBdGRJWN5ALcgy3/KP\nfF8fRStU1uS4dUki/XKqKl3iZgxj1bsRjtVRlFYRhcaaSZ+LqBFD2W20Uez+\nP2+c1x4wRkHAOH3yAksrdiPxqPtrQ5x4oFRWO0K3f761DE6VSGF4PDAsNNI7\noRs5KzfpMUpxoJJVydbuepoPsHgiiEBELE2oioOXyO4GqCgb8tKSLNghL/Rv\numaFcD8fjOPdat/V2Y4wMYafOIEVksUeUUvONjdsN8zMWTLFKOj3vg1qgRNo\nJhIv\r\n=TcC0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c48f67451e0470c28a2a044f902a31f9fca577d4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a3212b209.0_1592939448307_0.5354475642661709","host":"s3://npm-registry-packages"}},"8.0.0-canary.15e81fe98.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.15e81fe98.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.15e81fe98.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06714991185b37331cc368ae5e20647855ee3fb5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.15e81fe98.0.tgz","fileCount":11,"integrity":"sha512-QTmLusHY3PO70UajOwb5mpIRjwh+eHdDf49dVlBTxkvdPYzZ2dHvW/cBOkHADpne0SbppWCqEia2UgBWtrH+qg==","signatures":[{"sig":"MEUCIHx1kdLHuPoqSCq6Gri0FUZA+PvCxGZU3iFSGzgAQYBjAiEAqJgRzyxqXbbuh2KPrYFpACDeCx0AscqCumWjI/FYOSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lp7CRA9TVsSAnZWagAAS9gP/jUQw5U6yW3onn+xH71M\nx0UXvadG7YZlY/t8ZWPkdnsgREzrascLu1fDcWat2cMspWIWZM5ZKMdmWiQJ\nu0ommUaZYCW6DHJVeQ3SL/sLVEta26DNgxC9Olp7LpkWtwZv8xsc+BoAXBl7\nvqZ0tEkvvTjWCwHw2Kl04nKr7mLZ+6hb8/hhETcDpAFyrJEf8B2la4uYScoE\nzf4dLiDLu2m0Wmsafy2SpKERG8tf209koimdVnJh7fTRqj/CIJvM/rGxQ0Us\ngasXoHtmo5dGBdJzTzLlOU7yyLXdk2Y18hygLC0vvz/+7B9zcMeIrR3K29+c\nVH+1lI3e67dxi4WmkURTD1XLSycEOHOP6v0ElYKwfaSueJa87vG5twGpaPed\nAqxa935aD/dK6bxpg6CsaHWKg7T9Jln271ZmXuANp8/jsEoUsVvfUVwx9CjR\nF70ZKh+CiTSdPvEvAiw7bmMGffmNzWP29LjNlKUrBJO726ZnnZWYCksLADfL\nGCngPuLeqosDaGEo7zRHs3WwgrSjXuWEQ3PwHYHLhyl6LDQxXK+ogr18nVFL\nHqNI3XDZxSRCQO2zz2lrvjwScPEVSAFjBljmFKcs34c88+gCSxeh2FArPmsZ\nmQtXoovwC82mKnNoB2prlAlz34LH25WMQRVgKlV+mEXpSUPEdukSq8TSB6Dc\nLzSO\r\n=ADbV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c7873baffc445c3cff5a006913ebf1bf53617ac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.15e81fe98.0_1592941179370_0.31843136496201696","host":"s3://npm-registry-packages"}},"8.0.0-canary.004c9d392.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.004c9d392.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.004c9d392.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8a8656262f4ef9cb63a67c4a85850eaac735d9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.004c9d392.0.tgz","fileCount":11,"integrity":"sha512-OcjliqnT36BB+cyAUtvByvJzoHuj+CVt/RuOcIZ6PtoMv+RhVIEntqs0TQdSNWcmdOFyLPjWn070/rTNIaHmyQ==","signatures":[{"sig":"MEUCICckTlUPrMSZXsxyuoeqp4IoecJuTkNgDPHgy123fkuXAiEAi2UfiVCjuixIimG/svJAXcyC0OxbJAysK0IWQDNAIbE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ohOCRA9TVsSAnZWagAACmIP/iClTh1REIDwTmbSRYOH\nBBJvFjtsI9bmtk6oiy6c0gFpw34KFKlsGtvJM5b7KyxZwa5NJ+OM33JcFOx4\n5xmVE0q2B9U4Rjo8Ml9RqrN34OuaSL4pvTAM0TPGGXgaLPP8Mrb718iSKb26\nLI5bDNIifClrUJaDVBRlmbzeyAh++rwt+TuuVtmnTgg4rgHW5k2EGCKyEdvy\n87XPP0ysfLSj2Fz8xGZU8KsDMAltpnd3u6Nr0JSGThWmhqprC2SUDc9FPvrr\nWxud7lbPqp4xuSkdxu95rQe70WDoaQaJz5VPGqgdRrP8Ku2JfRcxlHJ/DWhW\nVMMAw1r0Q2dem5OYxxUyHcME2CCp1CSip43IGioS9ODs8sIfVQZWWuThnxnV\n66RyEfc7/Sr6mgSwPkkxYRXiblLnFhroTbOAiDeHDd80ZgVgfxFiNO0ONn+V\nnMEu41mcMGyf71qwzTaZALLZGyC3ioYMHyiS6Iq2pDLR2/zH5FgXelNqrQWT\nHNQEU6olKRolibDC454KycAzs+4b0xvZX7ZnwHYJ/EYJfhkTlWTwg5DL1eli\n2pCC/IPB836ep+sKmUgc2HsvLWf3F+D66QDO5KXqq2VleROvMoEg8Q9ZYpRr\nZiPeJZIBG/RkydGcHUy7TsGcJXweNPvgFxCWGQoM3nNd5OgNqct1USh1F2yh\njf72\r\n=Nhkq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"776ec8815215499686a6c5d2a13543285c30a7ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.004c9d392.0_1592952909997_0.1376569352638808","host":"s3://npm-registry-packages"}},"8.0.0-canary.03bde00f5.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.03bde00f5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.03bde00f5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b14b84e79f458fe744df2a72d45726894f0be64c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.03bde00f5.0.tgz","fileCount":11,"integrity":"sha512-vU3XKRHi/el5YFBycgvE+bi+RM9t5J7gp/p3d8oDA1+dC+Dt98ZQbZU3vxRLi7DNQ8Jn8znWNVTKHgmz1amgBQ==","signatures":[{"sig":"MEYCIQCGt9oIbHNpk+IpFQ6DMq9Qf+NltXNExk66zh+3rHoAcwIhAMT0mnLYAI7a1m21F8PGO0GNwKm4SJeFsTeTpaDfG2/+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8p64CRA9TVsSAnZWagAA+L0QAIMXPLFAPKAP4gJSi/wD\nKNzk8jkkAcW77ncul8WVIsx0Edk8X2T7gspaLTzZn984SI80SW16bFKsPdR7\nlmYiGWAE4FcfCimdMLuU9bgn4m+INgkpl8JdCR0K8SromcqdBrU8gpAaOt6V\n1/sBTQ9cACDVMVCYXPkxzAp79ZNDQbjXLS4RrFgMXrL92l12Nv936XKMuTvI\nOrs9X/L9JaQqHoFY4wJYGzmGCWWVQOCxvaz0EtidMMdNVHkRbeuTz5UuAb+e\n2S+tUnuVJIQApaNttSdikJ23tm8POzvGApUeOemQxiFHenpuEM2AvEhkytgO\nzEr99DM5ayF+YYCuadObHx4SG2rm3bKOsZ18L59eVIj0D0X7zotyoIdOwPRm\n4QTV3sA90EpR3QwhkOyQ7OCTh1EC24YXvNkedQIiSYCbi5WDrWGyYUgP0WrW\nQqYr+S6Y/nuGi6a686lNggPmHGBv5H0jyPMNVXaf+NbBmZBMZT/uJHGV2scM\nPzLAG4MjFgcMIAdMQLvAvCEup6Fd9LHX40+VR92oeYrwcGgwpMkTsjct6qS9\nP2XczPUt5zZdd1FZTVmcjTQ1oZ63QBPnoc9fnNhYZkrjaiFAq8aGTwqvwFp6\nSAW444lm7W1jT2m+JyOZBCM0c+nX/Mf4Jie82vdpK/sAmEZnJqLgXV7SPcrZ\n2EV9\r\n=kImf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c3937a4069800a251640cebe987bd7911de089aa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.03bde00f5.0_1592958647961_0.2718788727080452","host":"s3://npm-registry-packages"}},"8.0.0-canary.599b8c319.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.599b8c319.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.599b8c319.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b6b2655842a536a38ddb5c96c0c0b5883b5eefa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.599b8c319.0.tgz","fileCount":11,"integrity":"sha512-e4MGYantNiYcjZMDe5a4zk31XlFviaQWFD/3lI7xaXE8LnoQjiThlr5NpzirJFZl1E/zPlkRtEkabliM4vo/eg==","signatures":[{"sig":"MEYCIQDsrN2+lI4cQ7nnpNLddZqEo2WVLCOg1GSNGkmYOH2lFgIhAK6TB3BET0ndp46A4UweRrGxHTvuZFC2XqqF9+waIR75","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe82ldCRA9TVsSAnZWagAANbkP/RCBpDB1EaFQFhM2BPsK\nWC4fkxetyzVlBYDZMYffW+a74GdaUrZ8eNmOXn0kCw+KMphLDBAmY7HqjRQe\nbnTfxqAh34IphAXTsbQFsxRS0Jt/HLS3C6BW5u8TRtUc5m7s9HR9dHgvvxEf\na5a+pIkYjgjCTvgryPCZLE5iLl1WOcCWFAonTcxQ0U8HaIjFz00hioWvBYId\ncsZYZGP5G2yeJ0TA0SMZZ3QqczPSWzVCQWIe6QUsemd9tE/An9ZZu/z1cJ5F\nvzam92dgivhI8pIZzO1wNc2vlS3HWVgoDqPLOsjkALO11Ai/tCkSD6eOzPMP\n4zvtsfkSj9SLhufi0d8sJLtx10MGWU5NPgsmhOQuzO5u12eo5R/T+1QvTpA7\ndOYt3pyskUpOXkAiWAIxUEwkDnoLsH/eq4lAPHQvyAIydIYVi8ChfnpfEuuR\nD3AK/h1lLDDok0wHpQOH18YMjq0GlvHQ05Y+C8r1gJZ5GNi9/Ts43MFZRN7N\nnLlHxpYY/LuxljtKUbpxQdOjulh1J4bX8old3NHZWWDz3LTRDFvi/aFkGaWN\nExx7X1WpGtZX+qlI2r4H2OSjLN1KE0FlbYb9S1he/Rkgl6P3D91D/aCIpbaD\nP6+yKHAmsrFMjQlFG2a1nqMZQVmtnSwVwaAttyq3KgRyv3NWRnCiaJYzGItT\ndC17\r\n=+uYH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc6dee1190cd8d60caae49aba599e9d7072433e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.599b8c319.0_1593010525557_0.9741428853553227","host":"s3://npm-registry-packages"}},"8.0.0-canary.87e3be418.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.87e3be418.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.87e3be418.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb099412466118b9e3f9770ea784d812b234aaa6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.87e3be418.0.tgz","fileCount":11,"integrity":"sha512-HasugNVgn4+0L2EzMsMskdmMnvDn7qpGH3HX1+wnOmUbZ0y+d6RseHmy+1XdSb8XpX4Cl5LEmgxPfog5wOQusQ==","signatures":[{"sig":"MEQCICFTuf6nGWQtDDv7FVJoMLCIQ370ARNKKmbMl2j1vev6AiBmib7CFz+LYnkH/hcpixJZgE107qc0RydYC1DLk82WLw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe85LbCRA9TVsSAnZWagAAAwAP/1G+MzcmMG8sQzhLjXVv\nTt7ZmQbILFZlZeselp93OuC9REVLYJ+pcTHdP0pmur88P/pb+XgW0zoisJVd\ndceN6nBhMBDc8V6kyUnBjDuW8WAGJGIKMVt6CEz0TFrDtQ7XrBE/jin8Djtk\nO6tYaChaG2N1tzYmc9KgMH1KDVOV63ZdXSt6k1WYJ8jowI+cVZuHHe/U44sf\n3abPMmtfUMmKwZZz/Ti1aTNu5J3oGqmdP1KY2x3Jv4V4MRzjqGJvBVktQma3\nSSv+w+flxk5tNxonqCo4G92CQUwxAJIZm/Bqu0bPhZWAQuwKAbof/DRfh0oN\nr8VbvraicXENbZ5OW/BhujHMUFTn0blEjw85/O3s77q2NXVMaMCuv1fRwtjf\nKIrP5B47XSmyK9zgrTDThuwPsEvkS2iLN0hJ9JA86sLYsAHdDxPGf87txjZN\nih3xbq9xLvnwLSB0XiNu2DZyPGGBVGz0SDXq/yPOeO8py9I8rnst2sZBOhsw\nHoNLSvmujdHPKM+BUD0s0WGHmlXLYoKOttU3Z3I7cRPNbZb3bnAmOG5NiGM1\nGPaQaUPnu/W48wPn8Up8fSJC8UGzfcg+yISkx+umOM/DpjJAm24sD/CZwWbp\niaYYBtoIuCR+jPPuc2E5OJDBR1u8/wAKGa08bo1XKi3lWI4jUpRM3ANzWur3\n0S3X\r\n=LhNy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4f20e6e641b48a8ec7f7916b83272bb1322a3663","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.87e3be418.0_1593021147120_0.6215384604767253","host":"s3://npm-registry-packages"}},"8.0.0-canary.035cf2a6f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.035cf2a6f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.035cf2a6f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bc61e7702b93875eb7e4b83192fcd5e151f65df","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.035cf2a6f.0.tgz","fileCount":11,"integrity":"sha512-oJzWK9Pacd4uy2YgE6Kh/p1d7gZGKMhfP9G+rCDajKUGHwEjsM2eLW6stVOrYTBFdnn1oQpQ6PrLdeylfdeHlA==","signatures":[{"sig":"MEYCIQCXItytP3Zcn6zIBDc/CwpinxlPf7DGAq6ajjcZuCUwqgIhAOVWG4PCwt0mCsqEVyc/yVHjh5g+SvS18c5ykDoVu/OZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8513CRA9TVsSAnZWagAAKqMP/RUOZWPRhfI0OuwgYWZS\n24akDY5WghZs+G+bjlQ0mWAJEg14G9H9IhaBdffsUJBHhOCpOnXh3CD8dm51\ndk9M1NFajBd9IVM5LfHysBmHiVjx3ms33qSX+BH+gOSSMEz0pR0+j/cyNQXv\nfXynDbWscu/KAhQkyRiL/hwYz5OJR43b8X3X26KCXO/a9RV2EjnuIADmlYvU\nL1nuEzKgVuAkS4BG2QvhRM2ZpWOXmQvLVW2r4Dz/JNSM5g+9KDo1apiXr92t\naEEWfJhV7VSlJ5grT3gVHUxa+ZuxHLcYA2S4aVOQ1Sme0g0k+eQiNx2pRAF0\n87Q4rZC/Fcc2ygolkEs5Y2K/X3AuYoFK1WIjd4sxVnY10P5ft7HBmCElcL/x\niBGlFpK+gO5nBYizZmC5Kuv6/vTKJNngNQ/GSO1NtCBNpFsVnQdKutIedLa8\n3XjeSP1b5e5Qe+mrD6Jw3BcZt7HBgMlPe1CrX+TRmCZdAZ2YVLm0FqtGVbXB\nvNsMNALA+/qPekT/G3WEEEDr2L9K5ya/rV0gHhT2J0bdWRFfJSeagvja4Jts\nNFAKEbpGFQYR+qSd3vARUX/Qn4cIe6nML0Idu+CAaECp+iTqU+ApnHHEQdHV\njfEtG6jQtBBAtoWvUPaCqn06zWPpBqJLVlrL3E0ydgCYM6niEjN/NU8kdups\nrNNB\r\n=2Uwp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b41149a9f9767b120dac2367ee34f615761dcf3d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.035cf2a6f.0_1593023863191_0.5598247422759404","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fed2c12f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2fed2c12f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2fed2c12f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80a623d8fdee72b462058adfcbaf5f368cca3d14","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2fed2c12f.0.tgz","fileCount":11,"integrity":"sha512-7K9e9HekwbwnEdrG48gpat+4UFEaVgn9YYZ1KbMysbp5G8npPRlfJjCFLfifAic1rVdsQo/L6UqcSKu8tk/i+Q==","signatures":[{"sig":"MEUCIQCPn+/5sv9NLBjRNA7wt0Ph0LVvTsa5/0txoLUTAFFiFAIgN/2WzDoIICXGmkYkU1hbpPMvVBd6tJ9gstfJ3HxuUCk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9QIwCRA9TVsSAnZWagAAWjAP/R+UoMPtP8VxAd6xuXLW\nGcFJc+e2SDobNLtDujSjjreJkb3LrYeln7OC6KJYDB6TBYZaGg7djmSquXWg\ne9Gt23o2mJ6C907lzs8JMgEoSfN4Cy2ZM9SLw6NLSUSz/l4MVweMLvJzbRwY\nia2m4hhGNxgj0be8YdgVNhSXr9NSzTCjJwmjCxnE1g5rxUxnT4sToiuPoGB0\nqMpjsCgEzcszJ9+wJMbvgj6s3QqIqTYl6npTD7yQtpOPmeiupQMV6eX+siwU\nDzx/NhvVVi9FI9V9u2P/hrhjUW2idW6Bnm8jWAA+slzNS8h51IfUeHns2QWv\nrK/i8di1Xy6vzlpqZli6Qo+qT7Qtu4hA32VmI2sBzgqvDc0YZyerqnONW+LO\nzBqhmYQ6Ed7uNNehA+mxO9Y0L+s17o08UDXNEKFjUa3icgwYGDS0paegcZUX\nKHNjxjG1Hz1uVFoMO0Dri4MeFOtCsDcDte+6+6pZQYk4kj1uTGaSSdugR+oR\npTMN5JKHXcgABLaWZCkpLjP92vgxdSGzd8dPAgGOYHKQVm/4V37/OlKGFDTt\nV3uStoprIz+v+A6cBed6MktXjdSoV323pjtXkfJlTYPQ+JSHb/ZxLGaVBlDI\nZtBuh9z9eOlPHy0LoLCfnVUHTeaUWpihSViN+M0zjQg/va31Fz1JA8ZMDC1n\n6vy6\r\n=Ceez\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9c7b4d7bb8c365a3b1a4408204f63c124455f635","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2fed2c12f.0_1593115183807_0.3230163754629749","host":"s3://npm-registry-packages"}},"8.0.0-canary.38197b443.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.38197b443.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.38197b443.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5fad8571fc6586ab8a14b909b1c48e1390b60f75","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.38197b443.0.tgz","fileCount":11,"integrity":"sha512-i3ggDDCFT5ZFucQMkFyLrC5tUBfBlMLS6trmKNn2X910zCNeHrP0/2UrzgVp8P9/RL/A1i0oU4yZOs3AtWm4bQ==","signatures":[{"sig":"MEYCIQC7g9/utUrJbEHcfb+ZPQUm/a4oBykvZqMlINla3AziMQIhAL8OQqqonNGS1v9U3FG8jDCqhknXhjWcFgbyTmkdi4Sf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9RVqCRA9TVsSAnZWagAAFxgP+gPJxNCaTOAiw8GUSgE4\nEwXfHEWssQXSu4sYNqiNaOXtQCC5Kjhojc6Dw2CYRycmzc2Tb32GUaZLSSMC\nN0VxvvWoZzyFe1HEcfhZc5Yv9dZijkPGBwkzyOhUgm/pGRWQGW16MgKd2lew\n4tmO+61HOQd+oWru/pfnEugPN7fdOlxPJbTYtp2aAhWN/zaLiGbbr4w0THYp\nVJLHXfkBt0NU2WQXXeebTrPKExHUTEykeUaNV7A5urbioKxbmYynJrJIxrOA\niolgWxki/vOuL7aApzWPsPxfHpmjNRUu5rkemiCJtkDkvJRvp3z6CUnSmneO\nyGAWfdeC+UIch+7//Z0R68XVBQdI2ERHCYzlr7qf7nQN8Es8P9w6qVDGtGeC\nW5OOCNxt+F3bqFwGgkHi1zBZZZ6cFwZMukvlZCtK+bSBtOyeFb7XKZLgS5oS\nMFmGfhFOfQcN4QZBUyt/+bjXb2wwlUFXJSXqp1qzaVUxAsk9AuHcOoKSBBuB\nUwuF2dIsBLvOVv2fNUPoRZIGQzVtZ0tl8PLgox25qCSMWm4ipleGBy8QJC1o\nOgChStp6IZc6EisUz+4iTw1+Cibz67xcPYqFMIOagVZYgzcNmApGAA/r48fh\nUm0B+L+tCDk4sRMJ8rXGbDDm4MunClKmQLFpS1G0gtWYUiY8ifD2EblSA4Fx\nbW+T\r\n=DSHy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d5e18162ee3d69aeff0d489d4f3f73bb1cad7b1c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.38197b443.0_1593120106065_0.007911722784129438","host":"s3://npm-registry-packages"}},"8.0.0-canary.69a35e80c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.69a35e80c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.69a35e80c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ec4dd2911d3a9062e189de2534f29ba5616ab74","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.69a35e80c.0.tgz","fileCount":11,"integrity":"sha512-nWE8yMCl0IxQsK2nsAC/9p3anvhxrinC0Ax55J2fSIi9PIYSqaLeoJKx6pJJZnVo860yaEhoqzyHPBtlgzezGg==","signatures":[{"sig":"MEUCIAeUAclcmSsTp1QUm/u23EcxOiDW1euejgWMrTlQjpIcAiEApspWICgjx15CaCwAra07sI0qTywq52W2Yznv38IDxiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jJ0CRA9TVsSAnZWagAATT0P+QG0m7D0fUr4aBTUTImc\nkBW1/4bBVGd05HMWyubigo40j1z/i057+KdeTtZh9AYtLNi2mEFelcc2ry8d\nbqudv4tBaAFYaaUZYJFr4Y3CNFgeif7VkhlMATuFGGkVLxHSeV+OM9fxR5MD\n4XLRAbH78IWc0x2NjK9Mf/5FQiATbk/KOwpDV1VSLZHv+cCRNmUvRocvWpOs\nzkSxO649jNotNBVX6ojPQxik7O9iRDKEd9rcCxHsvfXW7+9mxSVHjDOHgx/l\ngEuyFoiUJIpsmwT/aU0hQgFfv+z47besaLF7YERSwoOSdvvhWCKOOmVWT11e\nJKl7LkQM7AR4ENb20Mhc2CvRKKtI2KG1cEkvffuMqmyJHczw4WFD6D4LQeED\n2WOYdIA2nDPeOzoyxL3vuyyGvTW7NRCTtiOxpvaB/M1sC/x5xpfpOapzxBQM\n1/3q3BccmUR09UmSDG4XmMCYJCvEScYmRNwXiei1h5fpTZTL4m1PZJGruwIf\nAWw34YvHZnTEiagEWo81FXLieb5RPIFhgozjFl8IN8OMeTZgZndQghm/PZFg\nalELTpjVQwkQK+1oR8sCaNmYnDZTtcgsQ4sSFurdcnXUmzcOoMbZrCKqVQ1F\njBt8cE5ZsAnPRWRJ/hz7PaG8j4NpxhG05h+up1WHFQSn1SKlXp8REtRZCn7t\nWVTu\r\n=X2zC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35bab77d7ad4b820da5ee4944c2cc2b7fe1533ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.69a35e80c.0_1593193075538_0.5781946780405349","host":"s3://npm-registry-packages"}},"8.0.0-canary.df7154fb3.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.df7154fb3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.df7154fb3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9e843868256d3b149e03279f61df8bbf30d0ecb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.df7154fb3.0.tgz","fileCount":11,"integrity":"sha512-TKTSnKbOnZQriABR2uCW6T/rB5Ok+g6aNhGeY1eC/Qiai3QqrbwzW69uSbx+GUKP/kkJJu/5xUPAVsOOwCnmvA==","signatures":[{"sig":"MEUCIQC85ptdg/ErzWf4H6SnvoaIKfVH8/NjhDAG2hwSE06GhgIgT7ru7lZ5Jvwl87iFKANt9MX/U1QkGQr3iP11vOwGqOg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jtcCRA9TVsSAnZWagAAJakP/i81EvIdclvd3MMfmxfp\ndzJK4wMIF74D6qHy1NbST1WWNd6bqD4HUhlAQxbWA2tblNYKx97IZjs6KiTP\n48RjtwCzPGeN1vkQAjhs13Q8q5DdgIaOh9MQH8ZWzlsja/hlM77dp9xIqDsf\nJ/nUJZp4N/UttTpvmMsm8uto1EZ8uvCfhff15t8Xwd65gcpAAhJFcS45g3qJ\nsK9XxhgkU3ACppKL9x4rOGHV9ejOSfUnZ6gWXXxfCcDBFMiEjEHrVHWdHg2W\ntRJggodGqbFhMGq0Qha/CET2oZx3oaRC2Htj5gIQjZov9TpcDcMIzbj7uHIp\nEpgyqdGUrwOPzSMoxMMVHng+saTAvO+SwJuYUlTlcKV4XTYdnPOksn6aKzJS\n+A1oCMViyfGgLndsySk6mMUd3Kdl4DC7fmVTX/87RawASydtKk2Qd+nqENB+\ngvztqbGPlTQ+lf0hR1ISlTRw+7IiJJP6mJ4Ex7ZYL55l4lTMPG/elyNsEvt7\nR/rh57JHvfGi/rYKmHt26lG4QyAIYkEUqRPkw+tagk64Ha7tOaVX+4zwrhUm\nHKwnWsymt/RUyOw2Qw4mr5JPGAZ2V0mc/NFWFlUK2AKrypJQ6HRPHJ4EJzXw\nZ+ldz+qoWTwiQU5ogS7f5CK3GDLpfbrFofEehgI8Pfe0r9oMGxmmJTI8x/i9\n8xOx\r\n=J+uS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9081758d517c13eb6f120c62abd9689f1fa99906","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.df7154fb3.0_1593195355934_0.5813414641004011","host":"s3://npm-registry-packages"}},"8.0.0-canary.d5618602a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d5618602a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d5618602a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8073ec6a4b35a769b970e7001f08c794d507ef49","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d5618602a.0.tgz","fileCount":11,"integrity":"sha512-oZ9Kdtthu8mhW86ctyxZmCwrBjxMo760RTWSsn4Ey3gK6FSagKGSG4vcj83cXI1WiPvfq1I5nF8hUF4uXG8tkA==","signatures":[{"sig":"MEUCIFCcIgH+LqblIEswOjWWMsTptwO+inros+2aKWZyuviDAiEAzdcFkHI9XmIgAnFasdKYkDC0wPStnTuJ1ii2KKPWigc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9mzuCRA9TVsSAnZWagAAPooP/A9F+s5hy9bBYhmzOxiT\n6bocshWVTECRMTYrlOGzd9vDTQc4RSF1oFXG7i9jbSvl5L0AsRYvYXf6Kvl+\nmW/B6oLzCsTX+Z3wKSaWPPf/C92WJPTCqiZk3p/ZZQ+ksN3Pbh2DaGvmcTLe\neY54xB2gbUmCcSO2cO12XH2SXRjSwgTWkrss/++L1NgVi0iIev2FtegDYq0x\nrAuKhAlq+AhcLET7t3Gdfg+DISkJsliBEd9yfkrddqpG4m5YtvOyNy2Des8K\nzn5C3T8ZmFtSZzSXsO6wZ7r6ij3XPZKjXjTUvru35gXeB1R1Le/78FjdUTIQ\nUVTaLe4GPpqnLTOTLzEep1iyvl9WKKdKFJuAasMvxFx2nARRJ/lyJXIVts19\nzeEMlmvCxzYb1xMp87lFDO4JlR45Z/RGI87oTuJU8je5TjclbvROlq2C7qMT\nkuJjK/ixP8/7MzBKN5qzMSdXEOH1+bvVNhyEbvIn+zNcTtSPvC2fSdUgR467\na9SNs+yt8KZERdS4Fq2gxLgpfLjOw+jAGxoZta73NpNTR5Chjfv9m0lTcd9q\nt/GvSYhBoZDdmmQQZQ3n2U0sDQec5jD3nnAUuLvQ1E7jASyTlvRB+HBv0Yj6\ny6jM1J2iWmX5V32TC5rNS6QSd9OAWR8F75Z1Yc5sIx2GQJTYDgtqkKn7ZBSx\nOWB+\r\n=TMP7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ced8c184e8043c7ac8faa813b76b9661cbe247c2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d5618602a.0_1593208046060_0.5878317804173423","host":"s3://npm-registry-packages"}},"8.0.0-canary.e590b376b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e590b376b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e590b376b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2922b9cc0cea39b1e52a298795a09493ff124406","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e590b376b.0.tgz","fileCount":11,"integrity":"sha512-XFHLb4Hx9bE7Ply/+yx6pe+pMevAwJSRndtscUv1ROreylLgmo+fZYWgLC9tofNHYyrZaD086d1vwvQM5kvn4g==","signatures":[{"sig":"MEYCIQCsKhJGbKzCWFkyG9jjk5PCiBRHNw6W/ZMo6QpqQB2wvwIhAJLTsu0Wk5sonnMUSE/u1BEko/As2RzA+AZ0nNcHPudy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9oNHCRA9TVsSAnZWagAAfJYP/RvU/yKu+V/EOcnUzWw7\nefwhPV2Li3fcZzUkpz9knujKHleWDDNLX6ZSw/Kx7PHgxh8uyVZcLHfmWCvR\n8swKb54a+Zl3n+sl6fUA6nRKp53U+Lj+t7GEj83lm4XuJis4KKzxnceg1Ya4\n2DEoGn6CnBTDF1EJUe4WF/SicWz5TmroHvheC1SOLVfGZ2rFlqpnsgvTvQjg\n5KDPyJOvECUZqopMEHRkNbHHpgRCkVTcmfrxo6rTxyqUPqBgsy6D97CF2AWN\nQ+yKL6/3R7URGvIHksTqwO9djtzaJVNuk8AFD9um6tVsiAL5eiczAJzVQaXb\n3I7ckwz3a8nfFxTuZbo5InmRskT6uCaauOXnSp9ddN3LJGC4J81Roq0d+Saw\nbydYEJA5+wf1XAvzMiGyHXUtrksuSF6Yc/CJLCy6A21FMDVqU7XoSh9qVPrw\nDDhFWEXt3s/DyXKbukF8skLVhey6zse93o3bcyUfVeB2ifKYxpdvakmHKsr0\nb2i4NLfd3Lcpima9J0jvfQR+EqulcqGwI8dOV5UlYqXuKd+XWFGV6GPDI+Ij\nNC0cXKINc0Rf0rmWvxeRSbU7l5IjseozgcVkYeT+O0ddlTGCpWodOMw7vQBB\n6v2LlAsoZK1Gl9xM7qnpSxWI/nCIn3+NZ6f39O+pu/EfIDjcFZduB30zOYQx\nfRCQ\r\n=kmCo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ddfb390b804034a98ec0b8e7741dd3f3250b5ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e590b376b.0_1593213766398_0.262208261969622","host":"s3://npm-registry-packages"}},"8.0.0-canary.0c9d6bd2d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.0c9d6bd2d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.0c9d6bd2d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"daf1b2e4eae4075933b1ed0712c9a6eedc5c93a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.0c9d6bd2d.0.tgz","fileCount":11,"integrity":"sha512-FcxIEK7xbF0zL4SkgQvv7jsj0D4nWDQolha2U4jt7wbBb+jIr0x4eJWpDsA6gWoBGxkO1jol0ui9QNbfNLVHUA==","signatures":[{"sig":"MEUCIQC4eTQLfZdmNu+0tw/sJBVLcAtZsPngpj53uBZmOtAsbAIgI3A5vM2HJPky43jBTydzaSWFt2k9sC9qQJpE0dWlKPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iF3CRA9TVsSAnZWagAAnzAP/1SbxmJXyKdIZH3kYFXP\nei0RmfKifvFa07bF6yjQ3JmX9Wy4vWZfQB1FhnqC89N6sj/eCt4hYlrQtCD5\npsP+dgLX9IpJ99M0GblNYwEq62zIh9/sQR8idCyWyaz3U8G7d/z9DxwE1+wr\nU6jyqz0uXJyx7gf/naJS7PZ0hA7YXUCZYVzhVfemP1E2HBSy2SLGwbTlZ5Uq\n9wMLc5JDBGn0mvIKlbrrSg3ImATS7R226xMlU1R+PZSXSRYwTsKwWg6mgxFY\nAYosiSHR9fz0N6gJ9XJp9mBRvCNzlYA6B/HQKNWfrI9SciB4Ui4Um/h6kBHh\nKeAo4/xRud5YoIMqGnzaj1S3+btqCurQLJu/R02Qh+UFjwWxDAF41U/DRubw\n209WeQCLHjHyb0Vx0HhIcLdZeS87aTxuGepiVSIx62+vXN+wOtvlpV+YoHa1\n1I0nvFPWc+DYj6VrAgYBW6koL0K4TePraP5IdOG6khngdJcGIGXEFE5zHGf5\ntIv/oRHtPcdqmu/p/3QtD6QhnQ0kMd2YLpGPTIabANjs1YjZFZqZP5IYVMC2\nUjyN7AAFt8FEJxPcpJst89h85F5VxQ77dVAtI8DBv40glgwJziUe9tQjNCCy\nuI70fW0O5WOLRRr/9bjzW8yJ1YYoV+ehtTydhm0PL50U7nKIan/n0c/r1u4G\nVbNS\r\n=JgaI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4f171433da859f637823aa04bc12d72783771f90","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.0c9d6bd2d.0_1593450871082_0.45392324926559446","host":"s3://npm-registry-packages"}},"8.0.0-canary.c1fec4246.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c1fec4246.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c1fec4246.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6757ab30c7ccfd493945b139d21f5ab821b945df","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c1fec4246.0.tgz","fileCount":11,"integrity":"sha512-E208qS2ZlLB0NGYDfgEsntrAoPNLqeinOyYkIR9hONzo+m0BjycsfPPjY29t3/ncXwWBSKxY7oKn+Zyygz1f6Q==","signatures":[{"sig":"MEQCIAd4hwoQBNkllP1xM8ZOUGsKhsBqwjXRblp26xLuOc2FAiAWPDa3ANVgfojIWLuZFAFmNvSIaVKuhBsh+uhHxAOKaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iUDCRA9TVsSAnZWagAAi4MP/iUbZTZ42mkC2zgQ9+HJ\nDq5bSru/u2NNm+XxsdLNSF+p/hxlxMpIs8RRXNXwuZ5Aij0p6XtRW/q5n3yG\nmxdxTxgEH/2ZInRL3bulnAqO6fEpd1ORiwMGaBdVDEaTK/qXBHcHYyhD84Bd\nSVo8tKg3Py0/FVHIAp1Vy9Tp6+H05xDgpIQP/IVgcVD1i0qS1vBQoRq1va9p\nZjI9wIWw/r5CkNMXxonMSI4dyKLCccJOVziVIUlnQ606Q1N/a6Bkb+6BoJ29\nXUVqin7svvA/7/T6rYYIoXtr4yyf7CfZvt2KuWx0iMm17JQyHes+/sZ7qUQh\nyTWJBDVkkRnkBqrKnohH8wtSIyOTChD0zP0Uwxc9B/40SvoZ8ksiIuCaJ3n4\ndKi9DLYbFUn+0o5lYgKfNrVo64xHxT6LjgVCo3oIEcYvd9NOBCg/LGl341k8\nE24N0AWvL7iO5NagVsPaAvC/SXHcwBz1Gu8TKzzUftL7XK8KCfBRe8O1bC70\nBnmnlis0o1UDWDaMItTtBhh2A/u/OTUNqMxFyAznDySPhoU22Co6eJI+AHPa\nvudMvJhgsyiquJUMTej9RUCLTu7I0FKq2P0MYWb4xrQ9uyrNc+9u/THk8Bkp\njNQ6NTQX1T30q0nsGqHMqCcH3/hg5HLjdQ7aijaCROS05Q1TNYyq8AE8B3yF\n3i5W\r\n=R3DY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a588e37208b314f42e946ab4add50d0ad1ebf7c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c1fec4246.0_1593451778564_0.9243912990336105","host":"s3://npm-registry-packages"}},"8.0.0-canary.c678a9d34.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c678a9d34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c678a9d34.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a92f2c49f390d432e0c6e14b9f06103a0e8553f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c678a9d34.0.tgz","fileCount":11,"integrity":"sha512-PNcR3Lwrj8DGT5Q4wpaWyZAbYBkb1CVccDpMTtgCCA4jFJBJiujy6iSsayDfv6DmuAJmHTnw+CdoDhtH2KHxkA==","signatures":[{"sig":"MEQCIGLUmEMNgslB3dy7yuo/tTDMEnbb6oCv0RiJGAaWOzaSAiB6KDOHKQCr/4P6u5xRKe6tJZLe3pQubtbVLx7k8FZHWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+in8CRA9TVsSAnZWagAAd/wP/3Kxk7c5cgT6iURH2VIV\nWZfmgVHeLaLgjJCQEVOv3RrzpXKnHB0iW2SEVwsezznNlfuL5AmVnsrtPtDj\nE/O/v9tiDa4pe7rPhYuTJYn+L2FziyeO4Iatf/Ux3KbDTr3Yud4wTX0rGMad\nWzgoDiVq5Qc03NXWo5JgnpcwF8VkX4DGSG+/F9poU3kKP1uLVPKOQU+dJRby\n7wn8/Zqy+R+ldh6WBL3C2Bu97yxz00yP9Q1f8wXkrMhGL0usBCVJhWa5HWvp\nZyugyQdeDJlk3roKu/AfRctroQGkPvkpKCkjKO3rORBjq6El05dvTe3Iodry\n9vsFmQ7NcLqSHdlzzEPNWZ6gcqhefp5xje7G8ROfOv2d+ue9quF5ffA/ygqV\n2HVfRYYEkwEQnUJuknliHX/TV8mR8EkhftKzk0TqHV/k4NiGQu6E+KymDu4+\nh+9AKPbPDcrHlhlVGd5itXvzkgG56zxPmOGorD0DrduodUy0uj9VvYu7ow4S\nnlFnxqPegxCXEuO8J8NCFxAv3sAPy+o7lXzL9UKa3X2WSn/R+x65ta/2Kn6A\nj5kdyFv+HOY4AAh0HyJaSJRperHCRD4qrgG/x9afpc/J47OLhrGUWzALTOi3\nWUK79zb6TMh4S//Oj50zTJmPJ0cBIOaiZV6wJ//9p1dvBOnsaYENe4fknkrK\nlOox\r\n=TqVt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bc361f7c6bcb498f3a6dbbe6255c06a66b7dea5a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c678a9d34.0_1593453051659_0.5940739835681748","host":"s3://npm-registry-packages"}},"8.0.0-canary.521afaf6e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.521afaf6e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.521afaf6e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d23747114908ce15af9f3951ac143294d27ea8fe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.521afaf6e.0.tgz","fileCount":11,"integrity":"sha512-xYZo3rUpimKCfpNXP6b9eV0mX4LgD7qWpPM+a1chI9HHepxrlKKou1KkxN022AwgjjzjUlfBtOYkRYrgHvApEw==","signatures":[{"sig":"MEUCID4fuon2yyacnYh5iJdyeXIKiqxswbcooHL7CCxCJDlGAiEAwL8z6Xbla+O88F+DV5D8gklvNv/y9/gw4TOZWy0LNiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+1SBCRA9TVsSAnZWagAATqYP/3urJdEGH3I37jmvtR4s\nqzeO3MH+zFEDXtXIz/BXxdpcztSjhe+4tfN9yZJgrXhIQ6Yq6uksARc7ml9E\n7BUNGTxSCHmW+kkbyoGDW7vA3UZEoKy1XjZ4jsyQvB94Jwup0hO3SGV3JsN9\nT9NbgsYtS/sAxSqmAz7TqURPfMnOLpF4iJ4ig0SwTgbQXdIvvGCtMZU0b/w4\ngZlZozG97vfTxxc+LDhRYrdESsyL/ZEk0bS+19fsHiym6xw7ltqjG0nIi28e\nxL3/65VW7e98algLP2f3TcgLvcLowj3cSroJPS1HioHG2xdOkAxiqudUW3sr\nyC/tMaABQgzjeA2vvxvt6g+0v3sH/MTLUY2PuIDaCqFxuDidXQjM9elD7wPM\ntSpS9aAGv4yOUsqGWT5Q5YGz87Iht4owRrxB8Ioty8m3oQhfgI932POLgfka\nRgnXn3OmHiwF5w4mAa3sxq/PIsHgTEMf1agnPxQ/g2/tcJ4VS/g7Jrc0j7aa\nDEclK8yvDfW9mrb0FY7M2U3oWp/vpMfLKXn4oYRDuyI+TJWm3NQ7ogiX7EBS\nRXrYbIcx2RYB3ThfyIjJMpC5hUf9zlfFViGh6RnohZIZ+ny5qzF4tqAsTods\nG72CZ2WUiRp4BJTZGNYcBTqGmIGF0ObtqzMUHsLib7x6SVnhc15IwcIHIKmX\nonyB\r\n=UUhQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ef14e207a6031cf299541a4dd72c2eafba3ef91","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.521afaf6e.0_1593529473369_0.4163225521791962","host":"s3://npm-registry-packages"}},"8.0.0-canary.a2ad48839.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a2ad48839.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a2ad48839.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b22e555b2c30228ced58a66e85c2b2f33297544","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a2ad48839.0.tgz","fileCount":11,"integrity":"sha512-mqm9sBihd5BqxQTcyDAlylA5fjIFPu/hNlOs8D+ayRF3/2w9aBGkwXWqA9RV8iRNlZDxZvtxWwzkAwfG9HbSqw==","signatures":[{"sig":"MEYCIQCQNg37yN9gJKqkqtzNYDnwyOVGoJLKqKeXrnRhEILtywIhAOZgaJX7f9KTrLr68hjTAMsbYj/uN4CsOsir4v1heVrR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+47aCRA9TVsSAnZWagAACDEQAIHXzn01BoQxDJ544STi\n887ggRYECspyjB1AH6kX/C/72qim74QxoyFAPRGIxEtaBUCZlIMPsKdWolYP\n4E4NJe4+sx+s6MSnLZ7Sp+su3ps6FRPDDlUSloLLb1QHylDO1vFyXVFFeFEt\nQDeq2ZfxShQKBaXsyWVPS/RyACQCArP6POzWEVMewi8+qw0Z28cSEQ4P4d93\nfn5pt860BH+bbKfg+tYqLRmnU2NXK3vuiva/0egGeC6opdMLmtp8hYJS6i1g\nw2/8mr8oAS8z1u9L8pNBvNzJvpihQ0pvM+WRlsOhPqTR/qc73UGMAzvN8RxB\n0QnBKFBWvzGOULXezAkEOs7BxJNqCUNhxfG65ZE+AplwykzvKP5ooP9PfmzM\nwOegpydq+bDhA6eqiBPQdx3tx7Bb/QzEuHLsnnZkdsGfe3ZOmT1/84GiZP3Z\n3bQ33Tf/RA1OLeEN/wadxNh2Mg4uriuXBo33SLy45OBRvoe8/FPSMnTb5VqU\nk4/s745pLjO3egWbmQKYldng6iUT36HsI8AsnpMYu+SQ9yW1x6SGdXsKgZwt\ntYHCpZkQyU73+yvEkTwea8Y9JRVNe2KycWOzxwlsFcibPceRpnIgUylmETe5\nuKbrk7DBKRkUSrjGpDDn39xXspsHskS2mVIDb6R0gcLTaiHyqY77FeQjHtqO\nccjv\r\n=I83p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f7f949a98e604fd4cce2507e8d63c145d2f34e55","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a2ad48839.0_1593544410288_0.8526760703588403","host":"s3://npm-registry-packages"}},"8.0.0-canary.ec2385881.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ec2385881.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ec2385881.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f372e3d0aaddec32e07d59bbe3a0ceebe60ff08","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ec2385881.0.tgz","fileCount":11,"integrity":"sha512-bJsFDTDTnBXaS/ZKp5aSQi+SGOmb4tb+D6OwB5jJ2VN4uPFkpwiKCePUJcDn1VUSp6/UXOolHOhrPbAwoQTl2w==","signatures":[{"sig":"MEYCIQDXvnDwlXom353kjM6kHmitPOmYPaahzGRoWeiLA6sWnAIhAPRI6C50IvbmEabnw+e4evXApOwRggewE8nHjyf0oSgV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+7KdCRA9TVsSAnZWagAArrwP/25uCCRNJB1RgrR1lhcd\nEZdGkIIToi2jxo1u4HnlO5neKCocxIKZEDKNX7Oicx+/hHYBlNi35HpmzPfG\nHF633R4EA+EidWWjuz9PsuH+B8izGoJA1lvHmZl75TQ+WeHjqOQ+RwwdBiw6\nbmP5z5B0Sx1+CurAUsMRj3B4iw6ZqJ9/WQp4vSohu1IJlQq17/Pg72Rw/5lK\nCRyMTMsuWeqYSoyjG/fmnre7z7f3kqwmQli8dbNPJ2G1mZuylnjJ73ZKArkM\n5vIYfS8+F+g/J+3Se5CkgZI+nwVWJLtA+pgIY+IR0gnTV1HCCX6T+ua0juCD\njnDqCJeqdT52sNu6JJPWZAuXygTI7IGbP03bB4qX4Bxo61bRV9Va87MVmOuD\niVlFRF7qSvgb8ewuCaDCv6wNHcFeKBmGtyZ3OHIH8RO5HmbevAT3feii1zrl\nuZ25YJHj8xrDbYp/yjHIMFfuKgNylCeYniHmsYcLcZjEoW0tpjNNYnEhV/vl\nUqr/qfn4ZijIuJq95DpFrkrCjwRPmgjhgQC38pPnF5TGbdP2AdgtcwGxc/tJ\nHDlOL7dg9A1pVW6O27dxLazDPibhg9vBAzgYWISpCBq5OJNUHGKJBxJU9t4a\nSz4/VnbVZlVqVj9eptLXSY3jBLXBfMbU+NJ+T5zbdY57iQlxdxaeZ4LfUy6P\np2ZB\r\n=vykV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0039d314b5ff29856a2f17a5ede426f3f01c80bc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ec2385881.0_1593553565377_0.5430534656895136","host":"s3://npm-registry-packages"}},"8.0.0-canary.610c26c4a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.610c26c4a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.610c26c4a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85fdd17cb86e3fd73fc70843008049bbd69367a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.610c26c4a.0.tgz","fileCount":11,"integrity":"sha512-GPUko0L0/z1zvfnICjburpBs2J71G+ptnRhixRVlwjLD46kzAR71ioRXIkY0uL54dC8IxUlfWY0IjfomqbAqfg==","signatures":[{"sig":"MEQCIDZYXlkTxq/5dImAa0Ps5nGzAFSzngUk5E03XVtDiSzjAiBd172TtKvwtlpNso3B6sdVL1dJuDnEU5rmR7msBWNiIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/KPRCRA9TVsSAnZWagAAoL4P/A7+l3GyHzHW0QcDSLn/\nda2MtMFLtHqvgYadhRJbNaiO1AJ0tPWtO/l8R6LkxbBy3WU9pPRYs1kCymrY\nY8QpewD1cur8fQRFaesS5RCebbIRad/xiNJshj+O0b8n8V0GT0nLlu7Jf22C\nTAziLRvYw0IHYedE7BoAml6dU2lyffwVx53W+UR6mHdC/4T5QitypopqCtqd\nS/rP4YPNvmgQMS3KykD6YEKKkMJOWkwEyph+uBf0S1hCj2Y0Dcmpzh+/AQkZ\nyjaY7sA40rA6pTg9NkrOspdM/y7hEl7aUv1AFmA9LwqFA4At1AvO8K1fT3cj\neUfnC70Gb8Hgp/snrRERFrU9LXkAdyqQ0+W1qYQ81GQ4DVBfsRK7qUNuRfyb\nEbymnBL0sZRp4n+VjtRdvWVg9IEa50tjCtzd2X9mCl7w4F83LNAMhVXXbObf\nWpD0VZA8xyHWtHAAO5utxpO0ITFCve2d5A6nuAtbcMDvKCDJewqjJrzqE9wO\n/nFraYs4YzpatQ4pWAvNt9jPOXTZ3b/Iqo4XZb1o73gXwT5MoFX8ptbzddWG\nZtZsH0FujVD9yNwqDQg3PNAuzWkADmmi8mc6XnIzSUD8iqkyNgHi3ANQLFWW\nGn3pr8XXe8eclfPd1fMW4SFtGReswgfaJ90JRPO1j4Q9wOgAA/4a9OZw4AA7\n/lKL\r\n=pzN5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"84352d6873c8f275f890267635fa416189f57a3a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.610c26c4a.0_1593615313215_0.21240043369042905","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2ea4a99e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e2ea4a99e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e2ea4a99e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"232325eb94515801eea3c992c18146ca64404d21","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e2ea4a99e.0.tgz","fileCount":11,"integrity":"sha512-acOo0ys4gEaKiQQddSzUlmHDMqR7toumxg/QkmvXVqDXjjxcSIFjYQGto8Ll4wAL8rsicU2Q3PoOcfh2zb15xg==","signatures":[{"sig":"MEUCIDssRC8cD+Y2YIsd3COeohLk1p8Jnp8jnRPXckQOsWa0AiEA/ZR5YIZ2JVssWDpbXAexskRVAsqnDHGJo8HKdXZZmNc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/ONaCRA9TVsSAnZWagAAF5sQAJ9YDW5GDGjUObW2DRbR\nGlfib+0T6txgqlOqSSNumzTDQS6A/AMnuM1AxtY4BajU6e2lsbqphUCvXb7b\n0cE/xaaen4Fsf1ImxTpj3UmUvHkTI+8mLYz0rw3EuAkQWJf6pqeh2M7qgXpy\n399R3ZOY9wyy5o3BDWgm5CS3pyRReDheGyYW77ecF+3iU1HemDoQ8Llwc2Uh\nFxZXETOOsE9nKYAIUalQnI9n2fu8VgDKleeBJ3thIZItpwE8qEyvFI0VtSw6\nTo1BdzYrWA5YLfQa4HZUD8a+r0+FEMEU0Fn/cXRwb+2wMRst4/3rHc+PNk9A\nhSzFdXl8rQfLQoIWLp+wE0bPUYbXtq4hfeUdb+OkHFOu52mVdT/cvNnamP0f\n1OBwE7eKzXPKL5RF1kdjCyK9164TNJRmPylTIytiQzaOUjLYmMaCEgMXY13E\n3X9JnYrMlJyA8LsAneGm6h7iGGyFDjtoGBpilSvZ5n7NbKEnRFZoWkbuhR8h\nkvnQyid4DKr0dFN8phFq+gBfpulOQ6wGcb9O4mZN7DeQKrr0Ch+Llvv2/Q7m\neGTUorE/4DYoFe92aRicaMTUelmOtP4r+24oxEoND4890gMI0bmT2KuuXDbB\nnTSD7Gidbc62C48G1qUtLRNCXOVda6ecB/jPDnYWJQrUWQhZYtyh4j9Sgf5q\nxVbG\r\n=dBv2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"42e9f40d91c643a9770e5a563a204c7f36196a3b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e2ea4a99e.0_1593631577726_0.9922873348596295","host":"s3://npm-registry-packages"}},"8.0.0-canary.a78ceb112.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a78ceb112.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a78ceb112.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"998c7b2331796fee6489b2eaf95a9a75683ed60b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a78ceb112.0.tgz","fileCount":11,"integrity":"sha512-pYiHlUwKiAwBAULUDVxADD2eHb80cuzwQsQI9IpNr1mgdLcoKomWYxmHYzyD9AUIOlYsPrft+ozyC4gXt5kOtg==","signatures":[{"sig":"MEUCICxdVjxorS9/voknXZF8oFI85D+flqY8wITIAU5pbGlgAiEAz5IMXd3ycOChSGlmh1WrlF2g+2n5EB8Hp4ob5SDXEHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/OYfCRA9TVsSAnZWagAAulEP/1oaBy4cAQ6y7ZEISx/1\nEzyFdFuXJsaZjWNjuYEjKJB+vKP7opJfDnFpxM+YOPz7PMX08Dlpf2ShpVUb\nWaLtsZ2IRl8+dEZp0Qt0qQGQvdHUpVvAn3qVr1fAErm9yK69LIH5RjS0sa66\nkH3A40LzfZ2UZkEb2z8VySJNNaXyAF+9E1F4rTl8QMAaS/qNlOjD2N9/uTK4\nHefND/XGw/lcHCUvqUdR29djJH3BsF2+kg6q4Sg9LyEN1e/OTfHRsIHv7zrB\nDGyKyusuiWLo7XmqPAQaFayy/OFQARhM9YYmCpCiWvDXw396lRjRG85O8zLy\nrmnUaVOkpxj3Z0F13QON6q/3VaIgNIyfu9yyVwmlAPW9DUuh2pv5G2zgOirN\nM+DpqScSv2g0803ptPiZ6hnPCpW+Q972V4Kho0S1HA7dJ3LD96yGdK1GD6WV\nVRchJ4eIDzKU6xtcg+F0NqRplgFkrZVJz45nHiNXG6HBitnVN6Y4U7N7aDjj\nm8tf3iBt2Ww2vs20bSNZBnJxC72qh+Q0ny5gF2CiLKJCSKcRc8Bl3MPHup5E\nmy7KHN6H0AQZ8Afdu9uUE/d+x/VpfUzDfiJx1TTDb9+/lW1GRtCQSWFeO0gl\n+La5ZCbdxg/bbfZ/h7GYdeiUt4F5r3OijqzZ6UPsJHSKIfsrikRvwJIfDQTH\n8k/U\r\n=iGVl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3a38e39f3d172dfa99254185d8b0d4c03dcc61e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a78ceb112.0_1593632287110_0.5180718855135855","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0c456d33.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b0c456d33.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b0c456d33.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85a4782e93f5af4f308a319590e83c94a4040424","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b0c456d33.0.tgz","fileCount":11,"integrity":"sha512-PG168C0hSu6hWOOWfgVH6rYJVuGcWz1KxbWamI9qTirP5oPmfHEih8L7FcNHbZRAxumTtCuWeZA61hFHg6mgjA==","signatures":[{"sig":"MEUCIDuZ4NmjqOEMvfS6wmB2XtKSByZ/jtF9/kZreQyZu+PqAiEA2tH6O84PSYmdXS7ntzDwuBGTFMaF4CXxdR5N8ei1tpo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA6hRCRA9TVsSAnZWagAAOY8P/3uTz6EzWoWJp83/XyP8\nsvkIdPVC5ABjeFRt30faknINxpVR1VwUSRBOXQo/AJqfBtXm0EeEtQI+bNT2\nANoB5yPRcNv23TtTjqb40zShM86mrYJldhjfS2pTgzQ3KwApi6/rr0d4O4tz\n2nYjPNdz7F8ZJGh5xlHxXt+VjDVJK2X/8o2+iFPKdD4vhqN3FO7z2l9VcE9H\nh0YveSsqPuFRBtPxmJS7GL5+mHIbSTR773gquYOw5xjx+0CnOQLauUD1MnLR\nFmfNX92g/3Ba1W1AphiP2DD9jHIb5U170m9Xz7OTJaRNDJjVt72byW78uu1+\ny4civFdpNC2rAXOUD3qmfYeTqad2W71CLL9VwvBNqR6qbnPskcdcmLcakYWf\nOXFk3SbLkk3wLcumDBEDb9mGs0IrybXwSkqChTEqwpTmZgJRaNK72yEfc+jc\niFMOpN04fmOCMNCGX7rjm02weez9qavs+ccnwJauIl89kkpeQLNNRPlQZD4X\nzQVCzyxb8Go6zLXqBLCaPzazBdETyXugBZxAShJUjaCnen7Pw+XLoSc0Kg6I\nTu8Yo8EKtu/21gLnD8yNjkaDZWS+KJOzJPNI2mgLFPFk18iJ816rrKfvSYA3\nsqExl+l6D+zwRcat6N7/n56qNYCAPy908f8yJ/s2hts4fLu4O01uP56qHsJT\nJAv3\r\n=RyEA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9a540f1489e069a2e5cd262f5daabc034039d2a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b0c456d33.0_1594075216964_0.5720904142651542","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e5711e04.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2e5711e04.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2e5711e04.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7da188047f8d0dd85b238616f5829109b7be0199","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2e5711e04.0.tgz","fileCount":11,"integrity":"sha512-z8rbebI4sfI0wd+gb0a+J7NbWaTK/R55qXxw7pr2U6SfHgXqZHHneLeTJSrhra8Qo9o8htnT4z+32H6TAiN21Q==","signatures":[{"sig":"MEUCIFESaiVJEtaqPqhFHFzBxMpeQo/VmlW9jqXgM+fz5mfDAiEAkXzW0FwTHbqf+KEDVAW4QRPT1DFMc/HrB0J5GBUsZiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBfiKCRA9TVsSAnZWagAAHf8QAJWcfIUmwht0mYi9lBJ3\nrs52oMyDL3gwgn9ml9Sx6FMnNFAg6J+X575rsMGGYeHJIz/rswHgKAwR+HhN\nlX6pYITC6sHA007w2cNNlCz15hV9lKjYmw3Ntr3iTSQi64Ug1mcVhwumjoJb\n5kJ1AtI2qCjsdX7KhFgBdO3J5a8efiK2FNCWT/Wt72khWkxTI2MGgBOIS8Sc\n+CXswqTx2Umi896y4fPWQ+uo5iEoNxyv8qclpoXnZpHnswYNEDO+jZfr0qH4\nXzc26ttJiScNfo/xxSDy6iyNoah2yt+pn0M5Dzo6E9ax6sC4vw/fGDJoNShq\nlHeWXVsU2dWSlq1227qKl76NSm8G4we2Hap2PBCmDRBRDhAe63MBbqIDGtkL\nuzcx46jGzH3M0r19+4kuBRB32cogHa/fczMcHE+dVZsupw+/YgBqxPkpmFt8\nh5vsS6/33ENFObU8lPclvrkB3aFBu+wblIOBU9fhOjd+kEAnxz7UFHlfi2ZZ\nzunxcGUJq93czVtNc5h3ijs6QPy8eihyqhn82/U2Ci32WlHC9Mw1Wbp1soXV\nnaZllmwbygsHUnXJtb8CCl47tByF6Q0iwm07QbouIYJxVvOo7wtURLLKc3tB\nyKkX7AVb/dy2VX6fkZsvkl5VL7x3mDVAQFA6WggG1kZAAv/XwzmlMa5/Jjok\nac1M\r\n=bdzK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4786b99e99bbd4c7b7f10a9111b884c165f1bc7d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2e5711e04.0_1594226826272_0.7301754796077509","host":"s3://npm-registry-packages"}},"8.0.0-canary.811fc5d24.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.811fc5d24.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.811fc5d24.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f370d7536f3c74345a1955964e913c134fad013","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.811fc5d24.0.tgz","fileCount":11,"integrity":"sha512-WAjmYtxS17Fjpw0EEh0Y8MEQtFRzFsCKmhTJ/vbi3yGnL4Mi4uCA9qG52UFD4Sk0EX5On3UW0gZqmp0PpIUMmA==","signatures":[{"sig":"MEUCIQC6P6Qi56TCX/5u3cA3IHgyjJTwoPN3UFz3xceT9AmfwgIgXJPzebLVYq11BSpsy+LsrjHfxKMsPRdUq3JlLYN59Sw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBf8SCRA9TVsSAnZWagAARB4P/3hNFr57cK2t5AntByLY\nHr8zkiI0Yu+hiRo5Fmw7fV2dhniUDZGbP5fclSoYMjn3hvKTHlhGBEV2AyW+\ncuMpoZW6QdmA8vjogdKYxIouei2z8ip2wJhTpe1efjUobAWJNFE8/M3OU+Lg\nF33bgDOJwISK1aMG+A2vpmE2Ay1yLLuUyw7HTYUQ4o/zc1Ad31tL6GHAT9SA\n6jMSkcDF8Fd2rm13QMlIRylpMPykzhSfDNDXhECLV/7J+RoBL55oTEdaKbhC\nrpuD/MTIpi/Tbp+J2VmtNy1x51d9zltPkBM20S2FMuAbHzYZ95+VtsmVkJ0e\nXNJ29wOY9A0tO/m7Cg2GykVj75y3g+L+D3698cXg7T5oXuSNtENSkOvl2IoQ\n9bgEC9jRrGQbReLZxeKKOXhLaqHASVFKYSWbqWtiu8l2spuVOW+hmYAnKn8u\n0GM3zTIE69asvVxpNto3XCWSKiFzcpoviWeRF0jY6fFfS8h0TwBPhilBYz4b\nj2TYirVmgnApyb6sdbznCS+nueV3ep3dGWSALG/kwZzYNqwPHr+ZuMdtderR\nCWRX23CpEnlZYTR5yeeh+EypgCLJfO6A1EB6h9qUa0BawJHG3njFTjcsnW8W\n3Mp3wGHljKMiKY1ct+xtEyTi+fwSm+EZtIP4q+GhUGA3CFPLUl2jWlSRPQFe\nm/yI\r\n=3uyE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d1a1abefb8800a6dcc0cb20f74923403ee1ca66d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.811fc5d24.0_1594228497972_0.0490720220458325","host":"s3://npm-registry-packages"}},"8.0.0-canary.6ed717ddd.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.6ed717ddd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.6ed717ddd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff64a6931e7872fb902305a21602e36020064398","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.6ed717ddd.0.tgz","fileCount":11,"integrity":"sha512-LwatZjEZ8vRqIl2YrPpyfNA+olS6F6xwC7Wt6mJEWkQBAcckhsYZu+E3f1WEYKlsrk8lMSDf3ipIAEIrAu3G2w==","signatures":[{"sig":"MEUCIQDHgtr7NuWN9HIsA61xIgFgMBhTlaSKcqGzVhuRdL0upAIgJhs8nyBLbJS5OIozfEH5KfhoqniLGDo/Pd1t+pAhWis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBiHRCRA9TVsSAnZWagAAkUUP/AjWK7j4MfQbUXoLk41I\nQdGYl0Yz2KSBzprImIr/V+bovVyvs8Jk2A1xEEjZmANI357VlVlh5XMRgTAL\n5HnNrPi+iH20aoh5TBeu16eBrGF+LVx1SWXNcKcT9l5Bnd4OE7uevqw8rOSQ\nUtgXF2kaOmgGtBpM9pIPGl9ztzKuJXSqfn1pQbEQvhHf/L+QgoaqDvxiOysR\n2KFi4Cei2K0ruMlyJbrBthLpx9yAUgkRHiI+FhRp3zR9kwmcFNsxCHSYdOGJ\nkI8xbs6WaWy6c0I7lq4cGKijD7rpALQOnwYTrZOytXPoTjunOx1W3ScWfP0b\nHowkGl0QkkgoTnJ0TPOY6pdn8uKzZHOXzwzrZ9siuZ/c9JigHYsp4Mw1FM3i\nhY8hGCagtvWp9CfTqzrCAcjRXDW2uNjhYV2DCqzgwnAfvPTkY90Gy1mAIfpY\nNYWAa9ZUNM5L3zVe9UTHX6uXhyED+PSVLNn0w9um3ESTHNLaZkDod0qIVdr8\nCcCmlurBkfJWfoxNGSf5bLwTzZX8/FdieWW2rOW954sBkhse4rGxQSLuhxSS\nA0MxCIWA0omdDY4cTyBESsozPJZAez5vk81ot2qBo7+ICnoJr+1GAXBds4gG\nsrA5/ROsKYxMBrQxUMYPKfiwhkogMqJOPNbPuA9TgZsoINJ+Kgq6OOJLECQq\nGWOQ\r\n=6xs8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c9c6df731e0edf42938b11082973eba27e870e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.6ed717ddd.0_1594237393430_0.6661713547271508","host":"s3://npm-registry-packages"}},"8.0.0-canary.d850de590.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d850de590.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d850de590.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"734a950afb55b80e0906a15ba0692f59bc8e2e4d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d850de590.0.tgz","fileCount":11,"integrity":"sha512-/bbDE4zGRGG2QQF+Kp9Fil2P8roqct0DBo/trW08vtqo9MNuIIVUtjt6w04rf2M21e2EXjY8DK1fajv0tXQh9A==","signatures":[{"sig":"MEUCIGQGj+s9+fxq/vWuYLNHUATubxQcJK18PcJ1qdrfK3/zAiEAl8TNtQP0eQwS4FiV3mPfpiqjj0vBzyOeQroElFfgljQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1w0CRA9TVsSAnZWagAAJ/UP/jYcs8/90+DQwWwJ2hrg\njDfH/TokQyCrVUgZKokrQospYwop08A9FPtUDjHcU5UwyOXPvJrWaM9RgMN6\nIggN6FyvaEozOW/fXWDO0ehQzeS1AVdVg8lb7R9rFi4DgjvQFL2wexqqS8yP\nipCzYc3M2WMklwgGWXxFkgNG6lHuFEwY35SZB+1XG2ENKG0g/CduwfVaNLYq\nBsZN9ZLwq5WUcEfq2/qe8WeDTBF71Xls+iBIZ5fB6WNJxtLFNWo7tFeY92gE\n6D+uQXv41ix8Bf60Ytx7ENhiQKvQOHwXYPoXGgPmCVH/hY9Z5mFyWgbND1pV\nwfyPw9Iq1OB6JXgDEqe0tMhRAPHByqDK7RVSe9hUhKSSp+v6In33Z49vQ9Aj\nHqQQamb8fE2NJS/IhYDdZTAEqlQOMiHp65iwL5Jx2DETmZeTo1InGzBoRU6n\nz45RACNd/NvAE91IONptskBz0XmqHdMk8lLhAvfLV8ueFh9J4kcyX7TZqWnr\nBw46kG1AIfrlOhgAUhV+Ve9VEta5dnZQtkhsceHj7/8qeMZztzB9titAf/kj\nyaKk4nhAIw3qmncTsXRpsdP4swDqibZL0AXfa6GoprgZBsLMCIVqTTKazhc9\nbi6HtGIs/k6fiAaJrDYukQVuzzwHFFxBaUVYhPPqdKguUjpnzRRhLGzp/KTI\nbco6\r\n=K8wP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85039ad97bde95db4d57918266320d54c581a680","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d850de590.0_1594317876024_0.4785071338574949","host":"s3://npm-registry-packages"}},"8.0.0-canary.e07a70841.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e07a70841.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e07a70841.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd7ccc0d8a04b102c63053b182b97d7851f18286","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e07a70841.0.tgz","fileCount":11,"integrity":"sha512-ftgxWRy3mhUbmGDi9By3qt+PCsGTqIrXv9jm4UaEnx+0Ubh9iuW7GvPlXpZytm0KaSxykvOf0uY1AQejEegUIw==","signatures":[{"sig":"MEUCIGDpt9vvd2Oh6bNlqYYPTXeuRr7kaZGJd3N/zqleWuGTAiEAiZWS5wbd7VqU73Op1bbawkff8fBsCbIn/8VJffWvCX8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB2M1CRA9TVsSAnZWagAAOeYQAIvio+fPc6n7F3Gma1FQ\nz50qQcXlQPi1RiAkfNdgcMZm6zmVnAAYH1Ic0EnoO74sAR8IBw31WaileDGK\nq1gG2kDdfP6t+XPXwfW4KWbhoAnmeRDa+z6BHTbtFF46/9CeqfK3TG1OTRY3\n08oB/rl/AblxUO/nXEhBNmD1bsCizZ3WxmeziEHW8Fv314+QRIUhIw1b7GPK\naKKWHXKiH36nmULfp1LWI3Vt6OaAONlR7a7gD4/FN6qmGneYaXUOiKxfq76L\n0+yXUrafydwneqIvztQaehOxxh3ADbh4jA59TtFxCuHBCCCZOVGQUmqIQoU9\n1NO0AOInWxNsY3YQf2/qq11CHv7WNm+rTALVD2q0qTVDYtpHGBm4vHQhUpWs\nkLEstFPpFV0tro1zwM+B+/n82hTF4AJ0VakuvZoBULlDYl2iIwckpA16WEm8\n5vhxPJkW/MGyKQVlQ7SSHu9JIzaHb9JIcdKtzXR8otMz/gA1EQmnv3ayJrZ+\nItGXhjJMXmcLc1D3CbC32BfLdV8ggppO0+Kz8Hs05oe4lQtGBPPQ1pNVqAaD\nyTC78HGgg4JBlzFofep29tYvcgkcC9RsFN05Vpm+AWj8o7XuHdiQjKCckAZr\n8dUyAitBh0CB+opEn5nWuv9qbk6HB+ce/OJ36qSVat/zGZLtaLEQCKBKIkVZ\n0MPw\r\n=9FI1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"105e9fd32899b2c9a4309baf6e879287104cc0e9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e07a70841.0_1594319669436_0.24063277114055293","host":"s3://npm-registry-packages"}},"8.0.0-canary.37947ed6c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.37947ed6c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.37947ed6c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38d40aec106ad5e5a8b709e80a1e2bf30dba9490","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.37947ed6c.0.tgz","fileCount":11,"integrity":"sha512-3GLfaltUKia/bZTfaHv5pnGbj1PaxVvSsNrsynIauQ0RhYyPURGOz0HRG68e9J8Bt98IU0NkJqiszUwV3oDP9A==","signatures":[{"sig":"MEYCIQCM8J2oj/sdSVl8kGXws88uV4/Yt6tSKYK7Lt7XynuRAgIhAK2cQVbfbeuKC1xPR8LsFvZQj8IMzPJwEGP5torvsHOA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB394CRA9TVsSAnZWagAATV4P/3G6Sbq9YF4l647dG/aG\nzqcooUprt+vt468bJ7A8Qb/+mNgrHamZS9mspgMo9SrtAjXtBwiVTcmH59q2\nL7Qt/3BfFxQJ/W4AumtI6iwvAbgvuWQhjAcovhQutibpsq+Dh81V6PFs0NMo\nzT4pivOJFvNWilVhHqzHqviNekdO65FRkJDdkzmYEa/n7NZeMfWlYGXwT5Yy\nOBYFp7SK5FOoSsii8OJ1V3lnt+xhJcZG1Tc9kaY6hiyULUKb+UmsKhjAZUon\nCcvPhfMqOh61/MOfeNbge8qvIy1E8wuAfI/Kd0iuvDpRmwkX//vzTdoCWYPH\nCNDTw1LEpUXkiEGaYBm8FK0U8sqPiqFXg2aOtNUngIaYKnfN6PG19ZWXTqfr\nASzn5NQ0rLe3/+Vky7j9etKhPPOJtNxZ8hnHmZrLMFSNzGY8Q2Rjkd/N7SvH\nYmLHy672LSYBA3wctMA/ABQ6pSawOTxgUWUsVzSXaG7I22ZBNRFtYM7ZH8BG\nIm0eX0lfAgYiJDgSRBuHCWisHDlyBas+8FSwV285AKEckHpgotVfcsMa6W4Z\nk5/wY6u57n6cLH2yhI/gY04mXFwaH1Xq7yxYLNxL3n7zpgrlGQSvkHtRZvN9\n2xz+bNZ+afndmU2oznwy/WRcscyhw2Y3cpJLF7FyggFjHukD6SZIV6kWIYYh\nouTV\r\n=16I/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"80c4a00e688d5a2b1a35ee55744d879b782effed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.37947ed6c.0_1594326903521_0.4755844544964378","host":"s3://npm-registry-packages"}},"8.0.0-canary.5d443afec.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5d443afec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5d443afec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b53fdb8f885e707cc20579c1e36eb1c734d3c91","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5d443afec.0.tgz","fileCount":11,"integrity":"sha512-e5Vvsm4AUGzP7IewCMHnZoXRR3KSK2napHQtfwbgpJ8q/ajXsPmsVaonhHrzsy8kVZr2OkKZ1WxoXH5j1eapSQ==","signatures":[{"sig":"MEQCIFrB+YAcCcUMEvnkevA24Qgt7RkiumDT1pj7k87m7Wu4AiAYnUbh7Xv5uOa32439a0/6vsQfUo7guP09s7Ipez9KkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4M0CRA9TVsSAnZWagAAqeMP/RTghJIAo/2Al20g4NlK\nVXo4cyBNrXOvjREaJWgsP+k7AkBA87dzKkpzg3wqCvrNBnPs9pDbVHNdb84E\n19GzaX7NDFdwS9Gsb5u3nELjJ9p1J+a2xonze8I38y0TYV3PfmhGFuv/fwbd\nA2Md8josMvORCnnKYfF5zs2kUFOpexgQsvlSGFpcQ3BJxyix8bIHZeXCBGWN\n4nzlUGX2KLM+PzgsEy07c03WHwpwakUGe2soBLhWnsGw114Lgp5UtIdnYoRF\nrK+sFC/o1iejp8JzA9lniTn8rjSw6Pa+Ileh9545EClBn3btIRKaDadv7OzX\ndtT1lsyd8Kggxkbb9CvbFlUG0y7KC5IEQBwbdUaLwiZTOTFXAylmDlRZnxIX\nujAretiahIISlJWmPiBR3Rd2AO6VQp/rl/wIXxXd55MuCHq6m9pTqkA6xH5q\niBHRDe7MEX9mexVlXoKomyd9YoLNscRW3T6YbmZFfE8qquVmthrUm23r+iUo\nIuu04jpAxerRSWZlYDoKckY7eldTdTI/cXZRpg0srfjHknrVmeJ6/FpgbXb1\n1Bih1LcgnCzf/6yErCLEE4hjiaHq4Hl623vDaWVTABGF4H01VMhg+h9+yUxC\njE22t+jTbX67x/srg0XTUHWIm3L+y+P663SOImxMj0sXC3M/caBdeAZl26df\ndJ5b\r\n=9Vzw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5c493d15f89898617c3127c53145bc51e8e60930","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5d443afec.0_1594327860210_0.9778505950432828","host":"s3://npm-registry-packages"}},"8.0.0-canary.9ac1ed914.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.9ac1ed914.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.9ac1ed914.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d72f83fc4f1c1e9a8f7821fad6b105b0eb2c9e10","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.9ac1ed914.0.tgz","fileCount":11,"integrity":"sha512-4TSAPneuNekhC8Ogm5TRedqb1B07k/7bwgxIA8+CrT1jNlaq65PdXEZN87Zw1KSZ8Aa8FeCz4O2xJb45xaO6AQ==","signatures":[{"sig":"MEUCIQCdJNhHm8O+fiyGIWDOSAoKzg9m2iXYRACW8O2ZO+sNTwIgcdwFg9JX0zF45vUf9wZ2rdEmmyAHs2I4neCk1Mf8BSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4n2CRA9TVsSAnZWagAAqpMP/3GwI3aom+E4j5OxTVww\nnrNnKOsuR2VAR9R9dtAiAfR1+kwJ8jRRvTpfkout88GREzYQox6obcw0Psd+\n7NNAn9N0GXgLnzRzoIkA/F81U1dgjGC0Rj7dwkz/Ogr6x1B9XnCg684aTPb3\n0zqFPbTNRMamad7ysKtbT99ANuYJ++vbbqPEI3CweKkWs8TDKMRzYBZsChk9\nSi4CYPCdzPhFhsVqjZwbUzLCZrs/IL7iT1jcwUEF3dEGrNHBoEzQ+OVe9hX1\n3b6ecdEBTYQuWx6sqM85jY4/pzhk2e1EigFqMsIof4dqi8/+BkH8ovS8K7kj\njGNAuDPawZilFR90UBgkpJK0pkkYp6mhY+1QTvWRmtLUsGhE+4/hjoP3/G/A\no110SCu6Z0Sk5oChgLaB9AFDT9Rk/kUyPebntNj44tOl5MPXp6puUabKxuZF\nxaA9TY4apQyplPr0HZtChTCZWFR7ykPi/jNSb3yk+GdvCOpg/YSh14bp6bbA\noJ7pvVjp0synNrHK9ljXAn7FtyRwtSZYueWZPy0xl/Mr66rLm4b7ERDaLOkU\nopty4+fTuxjV3fgITUS67fyGq0NHKu27/bev1bczcJBpIhs8q5P9o4ymeSGU\nRmHubhg58ygYyLVwjQFQsVbnkoAYGv19CRAttB06foH0zkBh0l/CuUifyj93\nFVUn\r\n=Fyr1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c08d3c600bb022db1bcb4efe520bed724e653a77","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.9ac1ed914.0_1594329590280_0.5943307500613815","host":"s3://npm-registry-packages"}},"8.0.0-canary.1e7cb6198.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.1e7cb6198.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.1e7cb6198.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5af5e134ed8f12ad9388fb576abd01df44ee83a4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.1e7cb6198.0.tgz","fileCount":11,"integrity":"sha512-WaNOtF1Ow5E6gkrWKaDmRyDANNj6B26zBm1FmLwl68ocOVl8LQqKwFMceC+XVB57PEgP1DK5hpeSOLqseUx8Uw==","signatures":[{"sig":"MEUCIQCyP4/tyf6rXLEoj0HEeAX1+ynu3EwdGlLzndDC/o+6YQIgdpeDGw/MBT+fK8zJtJ5R2G6XzB/S1uw9kWH0JF0gexk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5YMCRA9TVsSAnZWagAAppMP/jKn20iO0X+AHPWzWAes\nF+YNnVXoSOFVR8DwSKCNUS5kefKw3RaiPG7/IfX63KCyB1SK3vZ4R2bvbDRi\nvR/K8N0nJ4ooE1ojGURCLadwPwQrjaBDTjYjUAc20+tuDIANKDx5ewru844T\nbFFsNdV3MQc35oWfd9tvWmigN/c+r62EV9sP3XT2u8oBb24ivf+ceaHa9QsN\nwb9M4sq5HlTvGDhSpyvhCVT+9GrgFzWr97i6dP8OaTzse3dY2XNm2KlJCMLh\nyvdNMyhLFVCrHg9Flj0sZ+GHtMkoX9Z3SoQi3qPEV1IXTiFV9oe5WFreX2oG\nh2K4TSGEH1gTqIKxKNPasUh6U93Tfs/Q9aB4oVY8QsCTKxaZ3rjJEwBWeFpq\npICN9TqHSWMvrq6Nv1Uy9C1A2+5YQrrL27XywhAWEuvG286E0tRqScQXvIn4\n3dxy16xbtn7gcpiW/CXnmyhdv916SQ4rOro97214icZHUBnFfKlyxIRytaaH\n4Kc64PEXWPR80cPi7YEAJ+eUjrkO/10Qi27A66WiwL30TwN1BMyGw1kllXrc\nTGIZkViCT+gN1e1zypp5XH3HXD+9UHlIO2ildiLdOyxB9f1Jkutie1z5M9yQ\nWnszsF+vvRiqDyuDt+eqSHQfCWyUAjXqxT75sW5vMeFah9K6u7dFqw7ovs0O\neced\r\n=WYVn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cbdbb55d01ed2f63aeafe8d77fffd1da5fcfc011","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.1e7cb6198.0_1594332683886_0.604831077049427","host":"s3://npm-registry-packages"}},"8.0.0-canary.843f636c0.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.843f636c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.843f636c0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8bdfcf88287b4a8b58c071727e5f4c9b2cbbc9f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.843f636c0.0.tgz","fileCount":11,"integrity":"sha512-IrCluYPA0xO3A5uDMAWtTBTfBZy+L/LBqU2jK/Ya4Mnox6SaQiJsLDtKZAx3vF+FqnqjI2WMBS61YbpMHrTx9g==","signatures":[{"sig":"MEUCIQCsNC5co2O+SuBHex5zjaT/OP8uH51h+CEQ4T4BoIPTiQIgT+QJ1Yt6M0LIOfv2QXRD5QDOvqbGDPMgbRD/ZzcqqbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCKhcCRA9TVsSAnZWagAA/ngP/ipP4Tx27rUWjqsLsyoP\nbYEo/yCYnOKb7JJc6QVTEzsBDD9Q1IF8MJntEq/vuJf4qJTPQAy3WOrT2pDK\nyTvtyto7VPg/opTuSa//YUd9ODBdJC1Jvv/9UqEvEDLqqmKnrYy3N8GwrfjW\nYmcNCkC4iOlsPUvSegVQK8HmQ+gho7+N0eNu/nDipQ0HGXhzRWYRyuujDNXL\nVs4kQ4DXUI0ELX37HZ45O39Gz+ewLUkRf6C3bDYO+8ffLHjTikRTujWSwhXF\ndHnJRuvIF1G3AzbBQY7vq14cqf9GrFUykwvY7bcklf++qrii1ZANoKeyeTtR\nxXecZC2YghLy1yfKJdlDo2TKZEedDJhr7xPRiRAyQBv2TUq0aOcn4JSAgwfE\nrHpkEj2XDO2RmxsooEhWAxju/Q/trlsckJbmZDdsLMdIL8/8MgBOQzrrVGLL\nw/RhEY9oX/f6KPPU1/ezkuNI6g4tgOAyr121brmogMIh7/OAgn9c/h1X4QuS\nGUYvht1+a3yY72kkk2AdaVr3vgfMTzJ/pvuM22xcysPD748HUzBqU2zqUZqh\n+ramf1BZXf4mkDcaRUuVdZ27YhN2Rb3OCkWBojJSTXwcnr4EoCDjZ7fOKwK4\nalrndTlzwvHdlF/Y+R+IYIYmOhn/gGnX34GoIoIlhIpWcEKj0Rg9v7EEOil6\nlCL4\r\n=snIV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"641b40da40cd73b439cefa7fa18c86bfdf31e497","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.843f636c0.0_1594402907584_0.5595170230960589","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2edaeead.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b2edaeead.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b2edaeead.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1832e9228e731834b96cc4e8c7a66289e09d0c58","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b2edaeead.0.tgz","fileCount":11,"integrity":"sha512-yYLrci8+EwlcWYmN4CBUfCQUFo78fiGtZcXPkj+fGTeJvZiKVh0vPw+hvY/ajpEbdo0jeDG1FqRQ6dKkbAmOSg==","signatures":[{"sig":"MEUCIQCHR2LR61wsErEp9BBkwai52rMuDI9Vn7JlwXrSXhFSjQIgXahF95vOg2INvuFQ5o/kef6EaMIQvwqQpPJCKq7Uk7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCK4cCRA9TVsSAnZWagAADKYP/2EiZ3YTYwmEACkZ9jaC\ntaOYnBQZdfeTvPhUP+AInAtaQ1F1TcV5HjabGp9gKtrJEnNvvkKivpU6zb8m\nLZHiObzaM+ChTIDakm2ktNtVjvjctzQX8yCDyVbnSp7BvGdnjwv7gNw9N6Gi\nYGmLONx8IN/ThYETQ2cWNJJYvc/w0B53gdTyA7xIDvWuaFswuZQK71W0j/aH\ng2lnWSO8E9TbnbMj29qUicusjDuywLq10Iecatraf5JE4huxuTTToqdv/Muh\nMgMENcd6v85Re6aNVYvSQVtd/7+wzgN1EVcgd2cMCPvICltpTB0NViFoxVVf\ndc2PM/Cs5zVXEzoX3NT0Ixn6NMSRqtSVJu9U6TMZtPlRAfZqls5YBPOcn6fj\nzCIODXp5NnBJNMh6Nfhq83DHvF7mvtSoNZnae3w0lPW0t5BsUQdKi6TW5Qls\nO7beKZ0DrkUVv8aWU0mWtrxU6Mw8+cLuczCkekZDdPGhGJhCBNGrSrlKGq6a\nol+FNLzgtqX/TjL/SaJZQFfCDyPuZORZyBHlZP2oKTCOhrEm3FA5ykiAVAtN\nAFibtCmPf2MRnyKIAJOdqVDT+7hvG0qSi6NaOA1QLaNKK4wkke028fROJkqy\na6GUgDO7fw78jva+1LZ0m22iwnvbSarmeHtbLlKJ3G4ycm0DxhBR1rz8lALT\n8xu3\r\n=Wflu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"874d83aed6fef221001b68d44bfceb30072cc18c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b2edaeead.0_1594404379691_0.6484210768239511","host":"s3://npm-registry-packages"}},"8.0.0-canary.5dac1f624.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5dac1f624.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5dac1f624.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d04dd3b0b855da6597b1cf8911285e2f0e6e9d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5dac1f624.0.tgz","fileCount":11,"integrity":"sha512-TcZTaMtlXp9ROfGCD97Ae4OkOEXcrTB6+8FgYU/2E0REzImy9XKKoMtCi+ePvvFzlTLRQerFv3CUyKstqwSgcA==","signatures":[{"sig":"MEUCIFIEA2d92Sdn/kkBvb5szX9dDaa/gxPsDfWVryho1dmdAiEApb4szP3pK9zqkdV+9Jo+G+smuMiYWFQuOa2wF4uGl6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDIzZCRA9TVsSAnZWagAA814P/1J+3maBM9V2obJaPgrc\nb8a0PDUgmE0pp287ph164UvpSbdCzWVvqJwaNgGmAn+5iP6drzeOneAZ7dZZ\n6NWPBDfEMXmD9rRzrzAvDveLcKAkGmJT7LsTYeH9tHQ+8su17Iz6pOs6xR4W\nRUuTsq1dDHBxEDkORBP/EAPYZVhMEtQJjwDesa7jgQN0rTyGrr9nOkNijjt6\nidKJOxl1d2SNWgbVe9+hSKF6bnsSErQ5kwLmrqqfKbEDnDSV1DuNikDlPDsl\nuLKR5cinNK6U+TzEdM1WDQ+OfdQHS8GNSVyefxGdsvfNyxZK/hxaWKUSQx9f\nLcxIEldytBbGR7oXlYHIzz05n4Osm0KkJ3vUmkeU3Zbx35kQORByxw/IPeeQ\nVOUKoYuQMy7i0H6hCwOWGKXK9XZNsew+xgF7Lxovt7H5zJI8NTC7/xUj3xA/\ncZpzekXmiLom8sOtBnr5LiPlF8K0DWIR4po43zesAKeY8ydulkJez+XM7IJF\nmtAlK2IFpPI9sb5N+A7bw1HkRh5lFysfIk53lpeOVFxwtsWuMNLusHiOYv/x\nEoo8FruZHXf3ErF8G4EcTdwMtX9SDbnbKVmEZ7UhYvIbAANNTPM7gtUAtJOK\nxWnNgwyZsXdvWamD+7MCersUOHBG+sBDEDRY/nvyciAf6LNbgNkLpzBtsGFA\n9qG+\r\n=GGk8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3acf16b30fe876c0d319f5d1681d177bd0089cbd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5dac1f624.0_1594658009165_0.32436778103110586","host":"s3://npm-registry-packages"}},"8.0.0-canary.4497acef8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4497acef8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4497acef8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35607cde377fc3a1e3032e6fc206bdc1fe4d61d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4497acef8.0.tgz","fileCount":11,"integrity":"sha512-NhOCdqlNNsF7y6FxDSdrKtD5ocaPSKC6b1wG6DGIIHN++CvnI9/MboxEVfvQWF0B3ChU7KCnA8AjMoWrCW7ghw==","signatures":[{"sig":"MEUCIDLYa0vUMG4AWt0kvnGPjDWeVA4irbzgNAE+3flc3IITAiEAwpUIDWKUfiP/P9uCq/fRB6Ln7q+25RmAgL1NU27YSSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDb7aCRA9TVsSAnZWagAAhxMP/jmA68HmlMYxBPEwPhPv\ndEk+ZEoLCbwbYU1i68WdlZQaWlOZGx2lDlLrcw2uu8fU9SstOxB1HX0xjE7I\ntS2xkbaS7l0trQ4nZdzZ3vVW/N8evDbvB8S/0zL+JjyrLksOkVr7TwusOTcV\nZ6fQFZ7C2PmbSFgXmFxoqZ+yhTyPvKo608RpzGCH5yMu7y81XsWVpWoWWsKv\n/CyQ3v27cvGBry8S44DXju3aHHylsXfpKGz6BHZwX6NIf5CXCVP4Zr4erd/I\nahd7xfztCejhJo0bCUSVfib5q84yvN1+1OI5WLi4cZ5cytn4V8EwqwIQcoL0\nIi/shR7hblxhS6EIy+iSClGnFepTRCQHFKt7rcafb90LZ98qNmrxNabKkKyQ\nyxM7Ak/YfmKBuQ0svUn7dgoUbkkPaoZK4oFNvLJMRvEFmJCca7miEGRKAVuy\nvESwS2iG0Qh5Uxbi9qhjbwaCSljol2kXI6mVMHv9diXdGC5qe62Lt5ApuKVE\n+gzCKw8gVYvJyOwE2oAAltEah+fkHCFG/vdoa6RRgQxE7T7e0zsgxPoGaARl\nHN20Hxw0JQjgr9vF+u/Go7LjWaj/MiQN8Ihgd7DFVM8mRzzZrAWY5mQ5jF5H\n96SvUaFY4aEC8jnQUfAZWDmRQCZX8aGonBo9swCBmrlGUYQ3YegpXLJzq+No\nmxWd\r\n=Plk/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc90b63c1737c63427815af4f6de59841a57a1bb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4497acef8.0_1594736346003_0.20252273157022405","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6e23019d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e6e23019d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e6e23019d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d69d3e23a08220cba28c6e7b475610735b3bc9c6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e6e23019d.0.tgz","fileCount":11,"integrity":"sha512-KocCad9P4g/gynF95ymv5/wJtyXlK6GAP6PviOE6tQd44wgfQnxgU/0GwJIFUzaP9LV7cFJfCOJEJu8wneD5sg==","signatures":[{"sig":"MEUCIQDe4njF06Hi1C/3J+IPA05iVmrkVA/8/mWC6/BL07Oe4QIgIYYdKaRgbkKJtTHda67800t4/UTQ8mCQyoQhHv32qOM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDhEBCRA9TVsSAnZWagAA68EP/jhMFVgFJuzhPrVhSvK1\nsP2gH7+oChjHkNzucQpXhI2kVTKU0HwR69p0BAxsPckqLIQn1K9P7axzd5mv\nrL8UcJ5PM5bG51upwaKDx6LmZs/4Q7bm6BRPCs7mah1nacfuMLwWU3aYlPwP\n2f4BJLrkaq4h7j5JjaH69A7oyAxUB70Y6eRDYhfcSpj9VRhEVhrfdyAcZXR2\nYKkEs/SEqFFZ9xztzviiXZ2JbjDkKSWQT2pzeG5+Fws1ZW5oXFFkvKJIq4UZ\nlHkFtUy0oZ5xOTYHrnhMa6dvqijR0XBDVx2fIT62h08cBqO6C6KJATX3Y1EX\nQ2vsdxJL1r/y51d4tAVKUQOszCwv7JDmDUJmT6XBoJBC/QGlMdbgFBii3KTe\nUpGY3FyznuVxST6hoGAu2kOHOfSsKNERPM+DZBWMUEjaw4C3IK0vKQ1tVX9+\ni/m9V5CXLh7PWhpyc3JRLJ4nOKoRbC794BwLIiYFgvPd98kA7wVCLAXnfF5Z\nIHZbWYLmoEDPnr+xT2MP+vtNeGP7GYg9LTIt41in9Mm70ChzA5Hb0JSfUoQl\nkn8y9BOodDIeal/5Iond2mpk3seHlm3Gfe5ZX2KYWiQRS/0GuJSDAHPMz3QG\njilPFVloSD7516CkYcIx73rriORbIVrmEzRd6gjdQmObVInMkw8Mz0mvqWai\nI/+k\r\n=PfLM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"db31520d2bb46404d9d5c364a2db4e2bc564e4f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e6e23019d.0_1594757377525_0.7306106267747596","host":"s3://npm-registry-packages"}},"8.0.0-canary.d548d7a92.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d548d7a92.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d548d7a92.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6398ce5be82320fa79efaee57c866f5f68810a2e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d548d7a92.0.tgz","fileCount":11,"integrity":"sha512-yv0T3A1oc/mMncRuIQ9Rz3KUHiAWJNsvMHcymzgyqoho9q1xX3BV3p4pn59XmFJv5e0X06+dwf5AZFAOiu9O3A==","signatures":[{"sig":"MEQCIB2WQ33V95iicbhX6k4JriNpVgG/eZQ02/byk3//rnikAiAkGz9gItxrlg8YB2MmbRjnYK6C3LEy9ME3HNk8YD0pQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDh+xCRA9TVsSAnZWagAA7sIP/0X8M76G1yLpRtj9YO1D\nEFOJyXRM3eXU7eV8c0WexkEumVlXM5o9vEG+qldgGTV60ifozsSxy7z9Wuug\nclI0RAeCukcWejYYZDzgleRBnhSYmPlsqbftMAh6VPqNUWbMrn/WMz1WLYrX\n8EqZEL+UGIXVAMtVH6angoqJh8nngskTSuG+AZmDiCYXpZzD/QEMXc9LDtld\nH91uqkN2IsGIZRtXLS51sXpKMfiOKnvhDoQeo6O48Oh4DThDL8jDRDSYvcmd\nCtIDZ8c2DZ69cpR+HF+RilGsO9390RRV+aNzEg/IaKAKThtFZoltaRW2A18k\nS0Lh6w836JF3Zf3Nch/Pc98zZ/ywB+GZ7EDplGkdiw+c6hfNlM2LhHJi7r1j\nflsR5QyJFlYTE/+xR6kGeXFlpBUFRckAxzQEsSKjwDn9qOu+O3hkL289tM6E\n7r3CTuy5ukCpyrBTFhjhkPDQrHg3jXtWaPjF5bPELc0hpenaKDplX+EKDoea\nQXobBNNmZzqGy8DDSy0p11nBqCxUsKzxEvEJh6rFYcEs44570mz7UiHI27XM\nlgBHdhrIvs0wrxknzrsh1rga/uX5V4cB1BI8O6vGoXilrA7ZabOgMWvqmDxp\nTX9Z9Uaqp7fEZflx9NA3ffkzJ+crnvMfJKCl2R99yGCCzQrK8r5hnPESsz03\n9bt1\r\n=fLPO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9ac3956fa3f0b35d113404de60048e8aa1c1a0a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d548d7a92.0_1594761136752_0.3985917108817949","host":"s3://npm-registry-packages"}},"8.0.0-canary.58ce529cc.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.58ce529cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.58ce529cc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f458800ad619d17902f987a013094a93c15ff722","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.58ce529cc.0.tgz","fileCount":11,"integrity":"sha512-YsPtoQd2OOJgHY5ApNsR+wqr5dY9P0qPMlWRin3RmjkeMJOR4LQMNVJY/t7+rk99oJlVR9aPlxQkW6ht62zVMQ==","signatures":[{"sig":"MEYCIQCHR0J2a2Gmdvtkq3m1qXjk7mpNSorBqX82i4wbArs/9gIhAJTLxeDXMr8VdT6pcU9YOfV/5MYa4kYfNW1IpRdUzMHa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiAkCRA9TVsSAnZWagAA+pAP/2Ak+AnIiliyiZh5UmGW\nk4UODCLz9iJDIJH888aM8wP7z6NpoFx7NspvaWyNj6ImBkUERfmMLWTjOqpF\npesBby2uFQMYvgUUR2FyP7y/RFwvmfAyqwELaBJQD/iQpTE/nGIhHlbh4e7S\nHuJJ6PA3MfIBS+WlgIVlgrb1p8G0ZTQzCv3IgJLZPgNP0zC64VrounP77YB2\nlUHODcyRzadoHlXoC2onVJ5XbiAp53BM2k/4A6hXp2ydpRF2VV6CI43RhCeo\n1vDUliU7tKL0vEkw/LliAWwDxeZOIRFWT1RCLC9JKhp3UVpHqyF9WW8X6RuG\nLS4H3FxBPjnC1VpZYsTagm9H2YaCFwbcNPItNpx7BShmI4cZIpOxTwfgW93B\nPYvDWJom11/jW8C/Zn1fnYI7vZj2u4oXnqUYEWCRrgpr537HIKJQXyFQN4O9\n85EIPQxS7S5xmBPNd1prOfZfgKslbA0eNhoO8Xjlbm5sJw9TSHShh0ci3t+q\ndk4JMwHLOc3Im62qIBLXW7cvUVMl+mtaaJx+ZQOeRq89QXCapIT9EIaQ6vNL\nzI3tvATfyjBVAlmzzoDkBLN8Fb7lpAU5wbYRoSwEBkdxcUMTHNROHVKnTq+g\nJsY9ioDxc71lSVPjSFuFZn3VBM42OwDMnr4Ml9giU9f1b7aEo/pNreLida4S\ntHr6\r\n=mEV9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c45eee764d94f6c07b8a5b3770c89c8bb4ccfeaf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.58ce529cc.0_1594761251680_0.14309896259034538","host":"s3://npm-registry-packages"}},"8.0.0-canary.a0f1202dc.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a0f1202dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a0f1202dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2ed9596c225aead520d7a99d537e36bda4ad6bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a0f1202dc.0.tgz","fileCount":11,"integrity":"sha512-3OzFvQ4/l0OUOrtUMOtPeTVNPc4M1a6alA9xM5pay6ehhMVZT132BFVlGyDIB9B93/YmvV06wLs7hmD1guiQ+Q==","signatures":[{"sig":"MEUCIHVVQDhtYEcdX9rFN3k7fGJGPMpz62jQg0Lg6X0+S8R6AiEAmprEZZ71qaOKCbE1pO5hz6VoTG8tUqrjjq3Yv71Nk30=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiSdCRA9TVsSAnZWagAAXbwP/Ahwx29KygO0H4cKX/EY\nSeS1gwNq+KjGQfUx6AKA22YbvpTwVCJTXCfyD42SlRqeq9eXP01zAUOOyG7C\njPpF8+59BOVpILVui/i03/U5AWRxD8VFCZQWw1n0S92N5jVS9wL5Zev9OPYA\nKbWqfUtaFE/WGkjLHCV20ySipimcrFK94UQeawHdaScS7HVt7788a6COwl8D\nlf8vU0d8zPe8cBIfWhoYWJgNx3/MWp20gSKM8HrB6GkXqa+NapPHkK6Nx5GZ\nv+o1K+dO21xdFuvUbV6L8DWMOCvU6FfMNeE0YK8j9Mpgxa1/N717f+VUZWm5\nuZzaZ0PzTBalFqi6eHNo3mkMENksSM6NNm3O+hJzfZZT5RY5omocxxnXLnpI\nvRE9UW5PbMYwqA+FS6jbuR0SOtekjtv9tGwqH8UdPERlemFvuiSUw2VVPeqd\n7eAQ9Zeo/qz9ujVAs9pxZjH/7PHocGNlzI5MJt3pBKTCetdPPQQ3Q/oPSF6t\ncx81H5fdra1RCUotgUmTQ33dJRyrKDPxnogfzUOeRVGxqLudf52ZZMZMSQwn\njY/h0XQO+f9usUmA6QVMLXVN0A+lnPDN0KO4EXhatCV8lElemvtCJjlx4uVz\nVlf26yW5exHpHzEo61LSGaLIFT/JwuJ6LMjiMKG+WfE2naI1kFL/b5slteHM\nOiVP\r\n=jC/w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"93fc447a8bb5a55abbcf4b72084f1c65147f3cc3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a0f1202dc.0_1594762397376_0.18129606960583855","host":"s3://npm-registry-packages"}},"8.0.0-canary.ad4df58c1.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ad4df58c1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ad4df58c1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21e9169bba82bddd7b2eb887a949e533dad23499","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ad4df58c1.0.tgz","fileCount":11,"integrity":"sha512-MB0RCL4ydsEA5kg1Wr29PeQ5R5nwrpMVvlQ2kKLBSE+BmIThOd8/Prtk/eCJvNr6QqXAqj1SyZWlLpHV0YlaxQ==","signatures":[{"sig":"MEYCIQDccS2hN6eD0qrvfQOkc3fth1SXRDuBQZNw1jkW9Zs8GQIhAPQQtYPOh9EQ8Prt40yUpdINsHbJDr/d2XEr3m8WVcK3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDkkBCRA9TVsSAnZWagAAHScP/0kA71tPfMKhPfAKrn4D\na7/1tKjZVQDckYtdtNCARgFi/w4JG7rJi49FM0FH/dB/GRLFWXGsiIpmGHgn\n4RTv28byrm4Wq91MYr9Mp3QGjDp0bDM2veB8syq67KkFNTuWDG2QnjuXNlja\nQnHiGec79qvVqThQEToyyZNcnNbGsIu7kKCHoJ/ErIwGdaeAdUaBkXZn2E3G\npdl4ZG57I0GXrtwo1iqzjL30AvSEA0wBC9LzC5rz79xgnh8ceeMDM55CZudJ\niiIMSmm8yh45H06L0BvqQQNYNTL3ykvjzlFJyUAaX4oyCfNxNH62rzZxTm5t\nQWm7munE8TpN+1sEiwxW3rITvhc3wRWWQZp/4gsWNtjxv5dV1dBcmXoSVWOF\nYQN+VEaxMkZIDAEf3Clk0QEwiLjUUb+B27GdkgK5ewTdnR+3THFlBTQdiukR\nw0jGgInlCN3t5if/AnQc/6AzZPC6histlVjNY5KihETDtQmNw0Vr/Dn/4Spt\ncJO1iTVyrMOEubNRQf0Jz/wuK04xi50eyUu/ZmJ8EbfchZfJjNXKRJj+ujDf\n2+dIzpHhy7482NddYrmuiYKJczraqrTpz0AQ62d8kjkKHDKrYjdXCjYLeLmv\nQwXscB4azf3ZzQ6k6l+09I0FYZ6leEkmaBJEG4U7gCcU1ZsPGh0YIEluO1/M\n0SeP\r\n=2RLl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f3541b13d081357419478232ca7ae0021f2a6b43","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ad4df58c1.0_1594771712916_0.4519707555452084","host":"s3://npm-registry-packages"}},"8.0.0-canary.01db89053.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.01db89053.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.01db89053.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d69daaa9e5d6a54d91e7a4ab38086ab605236b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.01db89053.0.tgz","fileCount":11,"integrity":"sha512-PTTe9rMarEhCHQEuRkqwXvU5Y6Q1saRXCcotS5vcyuhnRoYg9CiiBq1T03mW36KJJBwZvTDXNRbIjtLvFQ2adA==","signatures":[{"sig":"MEQCIF02eGoGhzJbgVqNnCYwSWHN4UxtagY72JJDlLX2sKOpAiBupN7DotP6asahv0uvAW7w6Y5mPaRF2tydlApgQiEZrA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEIJ0CRA9TVsSAnZWagAAUFcQAJ97eno1FXC8y0Lqjdkz\nVy2rZXgjrC9RN7O2GT5rId66DM0IDFVWfUhS6rKefAzD0KzoCO17aAIZ7/73\nP4uYdr308jaT2BJ8MWlwzjCwzyd2Nx4AGyrOaoDGa8lu3tqrY7bXev/oEXEB\nBgrHRSqJe3moU0Pb6DJ/Nr5psEXLKbS4yxyvqXzx5ezQ5mk/vXmrrAMJP3aY\nPX+em1YSxBqeWaGeGou/iFNoVFQfb7GCVCNoryu+YnIMnq+ZTijejokWLthC\nIdxuSIi2m2yqXuduHhT5gft+4gtbyOJ55nZAiBXU+LlZhTVvc8QYbCckBPIG\ngL4bYrciqSbzmA3i1f8vFcZS0SzUNFdTAmQA90YkXgLSQlKe2733kZkZxmWK\nVmAgT7279EKjFR396mBRQvGPfh6jLarkflYIxGexcTYiTB6fsCMoztQgI23j\nRTIxbB1pYeuyRqF9ImBI/ES2g16vC1nKBhBwWkshv15GBVVGlwfN1R6xmOEE\nzv82j5vUXuWy3l+zzeGcFELDzP1IdsFAN3akS0Meso/jUZdowwtfn3lek28v\nwyN4hivULlTBqPVROv4MnRszbh1zdmFr/Gro2B94UBqEH7wkZo4ypKjjWyi1\nDxx6aWCtS3gp71RixyGcrxLv/LySCf1CgMGpkO/5pJSsoDA1Vfcxo7PD1m0A\nuZq/\r\n=FPkc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8780c29a82c64caee37ec22f279b264af42412b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.01db89053.0_1594917491944_0.3271847558637504","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb5a4cdeb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fb5a4cdeb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fb5a4cdeb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"793f4551536604899eeec46c4c7e149b1b0ffbb4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fb5a4cdeb.0.tgz","fileCount":11,"integrity":"sha512-gJLmSD5HD9XbBeGJQqWrVoxehNQbfgbsK501uMlhFQC0LytsfHZ+Fef8lnKPjKTae7i4x7fSRh3zFyCsYrcKRw==","signatures":[{"sig":"MEUCIAZ1Z0R1J7WY8hNK2eqleUkJBoYgtqQSvXiGbB4eyUkvAiEAsgILHUxsis9bakJA9sE2YAh+ekqI7ZGVxOy9yLx3SO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFe4uCRA9TVsSAnZWagAAbeUP/1CaA7ea/8216CRl/Ea9\n/oVy5C8YuA089huwhQ0VM/B8WDfF6gAZ6u2Fk13Jtr961wupQXY3f35R+qnh\npg3CH2mh4WvteRS6aaRq5G0Cie38KDQmgqNG8kdvqFsm7bCUUaqTiJRhy3+V\nN9SKNFcrUBtyhqjnfoYXR14iT8cKFSux+aecmDerVZ8sspcmvpBIWZSeb9jB\n8nPuqZxcC9a0YD1lcDnhhLPPt81SrDeTE4r5wiZ8O5woxYnisTAAUv66F3z2\nF+JmcTw4c+ek0kSF27p439oZ0gYz22olb1M2tBB2x+zRmZoUTbDZ2vLgJAMR\nSJquJKwyVQGRMPfqijA1ogdsZcLhZHXlsEqyywTIaaWVsnxACrhIx5PYseEq\nNKIeBD+a4xU5WZo51/g2gJnu5TXRbbdi2xZc9Q9y7kY/lpktyJYXp2aZWwzo\nusC3dAFyRWxaugWjTQhlpDHkN4ivmvd1S4iytR1V28tyMgconHFeMiKGeaGI\nX1VPZNUKAPqSwmwZQxMbFnmUDafSI35bUyzcHzU9u28NQmgaGzFaKZorrOAs\nHaxYV29VpshTSNlR5TofNnGcvHdR6ZNHM3jmUaWHEJbt8ylP5D9StFD8V1OX\nptM/xQTFMC2gcYg9gunmBkMy3exjUnCw7xm9JEtfS8SKbYtWID8lNnUodzAf\nOuhc\r\n=ovwC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e80295b6b3e0ec36934f8d691b193c740458d1f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fb5a4cdeb.0_1595272749919_0.9307914715421177","host":"s3://npm-registry-packages"}},"8.0.0-canary.8df0f517c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.8df0f517c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.8df0f517c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a99080531c87da71c7c9a5e9a3ffd96a1dd7bcd6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.8df0f517c.0.tgz","fileCount":11,"integrity":"sha512-4cxRz/W2g29Bjo0sPJuHpkgW+Ls9gkA+m5wTQg/v/pxVw0cgpZHW1Hw8iWa5aJo6qFpkerShFduOi05DFRx/cw==","signatures":[{"sig":"MEQCIAJaSlgnT0kfCwKL1+JiBag0AthQ6h+XJkQnFYpOxKQiAiBr8QwcbjMPPBh4rwY8Tfa2y1JJX7DsUzGSnZSTymf7Lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFi7JCRA9TVsSAnZWagAAI+EP/RmwUaBrDX6yTXSQo6Wv\n407sYB6clAPGANnUCa8/0p815INJcAhQ4sk1Af8o1LsPcLTg/ulTM63Wk4H2\nAZvCQzZu5foxr6MNsheOYeZfHJILhggEY83AMK/biT40Le7rsaae69zouiVR\nSzrGKZKe3aXU2v5e8GePos5uoJBs1ju4RBMtLBe+K/OqiCz8T8yBrZUrJyto\nWZmv+lW5g2GQTA9uurIVa8qYJF5RJLwPnlROgkXHDnYVfFopLeRcnhZny6lH\n91AR3p0xRU+//HqARXBeB3pYNCdTKKdBOHCNoWQydUlTK5N979EvYA60bdvC\n+FCHP5oZ+u6NDOFsU6FDKBb/5dfMw6aL4pCqlyXb7UKusc9913HWQN60f5T2\nXduMET4/B7l6EzZgYY+RKuDfN1TjwK/I7iBkMtQsB7/3LkazOg0Wyw+KZvvb\nfpBPwc9fKDeECFg7rZCo5S2l7mSdZmuMIacfWOgScW+dEeCR44oflo51G12y\n5PjovL6GyS7Dnf9sl0Cm85tgJobaYHM6mBsAOApCUQF+hTlovfgrQNfdxX3R\niZHDHIwNS9LWP1TFcwGV9dc8V75Jb5DGsgV2pd6CTrgyCaxjgeqGza+Id57a\ntdRoljRE4QjTnylq1+gCyrNSvnB1s0J23ekW/wzB61oNRRjvfWZsBEfhSIkB\nXQEk\r\n=VGFI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5fca8679b0dad51628e898ac223795eea8e54d56","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.8df0f517c.0_1595289288866_0.9910839301210776","host":"s3://npm-registry-packages"}},"8.0.0-canary.abcdbcfeb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.abcdbcfeb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.abcdbcfeb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68bee1bce5c874f503ae059413fc8157bc1c60cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.abcdbcfeb.0.tgz","fileCount":11,"integrity":"sha512-d/lpk4CLZQjNoeJFkapMNBm6FvSBVS+iaBYBpgS8DMORMERWdKXJ/Rqw2RRUoCCL4gbfHZsFvHDpR5yFxvlF4A==","signatures":[{"sig":"MEUCIQD7ptDEpOBmz0X9wOKVauHS83vhrItcyT8NDgMdLFmLwQIgPE6zjI/Fg0PqbsQ89orSUFjECFG2Gib59WjX672DkNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFjuRCRA9TVsSAnZWagAAXkkP/iz7QkCPd2M7rPylGmje\nJsM44shaGWaXfpACuxKvEXoqbERxf8r0E6AdY8Fj6eAv3Ay2uLJrVQNeftGN\nQwj+8MjH1AHb9MYHY2wD+1Cn8hrtabquDdDgPJ5tNHJZ9wnxU7VfG1t+31b0\nBbH5OYTb+v4ij72JwidwZpvDeJlvhe1Qnv7C4QdOLdsTs1GWesxDhuHA8NNt\n8RrEfoCtffKnOw09Zxq2MBu4JiLk9lOG22wTwLmCZzXDntNQO+P6H1kHYs3H\n0hAN7c2QI3ZdeMIzIDm7CBnfBdrR5hXk3yhJGVxT1Ch6tSr7zQlX7Ur2ldj6\nppwczcLQEmtK/C9cwTt1qYTpldfD3mmmohBMEUymkTwN5ZEhZOGHFbgdNWi8\nQ/7PQBBUuBd0qcpqzlaK98tW2f0f5aqrQgnjnV/PyL5awmT45UESC3+/qFZn\nMZ+78WkTivd6Nw23ERyFtQwosAwDGX1hI0L2bms2pmjG/6hCI5cc3aurMZ7p\nZAkXEnnoED4mtEaALzpImjt+3zSxjkqynpn4rP1hdJXAB1Or9rgUMtJU8WQy\nOv7ZFv24Uy5e4jdtiWmBhX55gAD8oL3gWhvEAfzm14246YGIQNaOvMHlLCnC\nLk3hggd8mLx/F3VKyoq8X8ou/iVJxHVoqHm77dNyKKyA+lj3q3oega8PP1TP\nhF+M\r\n=ghzG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"946720776dd73c7539bfa072ea415124b3e08a55","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.abcdbcfeb.0_1595292560578_0.6082080125475777","host":"s3://npm-registry-packages"}},"8.0.0-canary.7bd5075de.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.7bd5075de.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.7bd5075de.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b08cdb00fa38994b7d149eedd69033b4bd6f421","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.7bd5075de.0.tgz","fileCount":11,"integrity":"sha512-qUhW+r+EY9RbRDq3WZrRNkieSGOFhoOkdVS8oXR6wN2NLCEDmkrp2h+eJP2BkiilIflS24JMA2B5j4AFpxUT8w==","signatures":[{"sig":"MEUCIG9c7nD5zdt1wxMuZcvFHcBG2xNJyYq6ot9b7BpDt2luAiEAugkRFQbU5vLfuhk5fGmegRwq5qwh6bNmxXTp/akTrtY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFzf5CRA9TVsSAnZWagAASsUP/ApikeL7uupfvCT75MLJ\nfLzQsHU7UZmLR1Z1+yP9Ie90IRChoT39fKC/bami9S6+vvtQVYXexr1GWu4p\nyImq/uKGa7S3bTwi9tgUggwJRaiXNUTlBgU8PGWXyLOzDoU9xQt1o/it3tVo\n0CLbONIpZNh9wmdPLVXL/6tT+cjXlZh1c2UMe+TigtGlVwzTkG7/QjIU1CTr\nSZ73cVz8NcvTNu6vKwLytM40TzVwDC72Gi3RJbpBsGlx3PXGqWDYhp86PVep\nH01CA4S20OKXjVygjW2rFgyxCnJsMNIKZHTFpAhPwp0un84vAyyiFN/rimbw\nVnMiZ2fOmcDGWkxdTZL/kNQqhPoITKZl3areY64ssz5eVLAcBoX0RklAoobj\niYG9hVCb3KCpV346WWVtfX/PWydsTBxx1/czcjbhPRrdFExIVG7/wLVsEkys\nmyGG5YDhiOj5SA0jRU+cjWYkCbfiM1HTJnUO8YFfuIF58JPyzPlqHbNW3K3W\ntUiXjVD8ahpKeiCT5qbLMpFakCZ8uSH7rbt4TxyACndz73eSQWsKsWyC7VfO\nVMIhEklmwqsq1mvyEQe54ji0eQXG9KfsHfyaJiYKyfmEzAaRDdFCjEhzZeNB\nvwctyKyRA306eZnMgm/rfmHNZbAAI9UZaVirox16oVdHKjtMRC3tQuIw9z1x\ngY1b\r\n=C9Lb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5ae456e961b208e98164fa21047b3ff2e3f3d8e2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.7bd5075de.0_1595357176899_0.050408111793939","host":"s3://npm-registry-packages"}},"8.0.0-canary.405a29a20.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.405a29a20.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.405a29a20.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b1edcaa91b2893c756a58df4109c84493bd4bb2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.405a29a20.0.tgz","fileCount":11,"integrity":"sha512-jJd9irDG++BJNAbiXHN/Qhqlr+5SFqGD+3dRsQGsIZYdoXDMc/YrhfVAbVTL3bymuGPYfBte88jLjQnOnM3nBQ==","signatures":[{"sig":"MEUCIQDpMOP5Uw0XTCg1iWREL6OrJju9LviDbXkZbTnZSLNNbgIgJ3ioEKqPjIDp8IhFE5j08u/2ahJH/ES9NVJ/dz03hPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLwhCRA9TVsSAnZWagAAE8cP/2hg2NXzCu14lV2rLS/4\nb7A35L85hbbe0+sA8A7d7OPRwuLJfwoWUVVNLR7h6G8LJsg0BInLe4/TAOWN\nlID9tPB4X0ubCACtBqQISdSxBNk5rqPnajeg/auo9ZT+EFhzTznhnmyESWkT\ncXjkBJb0uYH6hyQ3ZSt2RoZaxxrlctVnfYDOi+ddDHQFb2Zi+RsJMvqx/KL/\nsfgrEZ5pem9MAJhmV6ac79jeWExM3xykJBnYSnuGhL27RTF5Gpse93ydKMDm\nGgeR5OU//LEnZSyxAiEKANd3ZFxXhWd4gBivBwTkzb+AFRw0FNWBXgM99bwg\nG8fUuzkpDOw9mDJrJAJvL2sDuGczNPiL+0u7pRnE7ECzvT5etTQY9yi/eWw5\nhGgvwVXstWLN++TTP8+D+UEMG6elFJqRUkj00paZWiD7TI3T6RmJUdA5Iq4U\nWOaSIDTiqCx2Q33IHB+JYahX7kzoz/TGQ9O8kxhcZoB6Gfpp745ok2cIRxDY\njdd5qtgzT9MxoRuYd7zMtxSl8hXJblt6/wl5KWcVZeTQbgKQ91BxYlWBP4L7\nCFlz5v1MuROPxwT04CzrE3BFkhAop1TgGiMPimBP23DeIMi23+Qd5aVj+xxB\nA6qtOQ6QIaW2H3TkpOCW6GYT4xFBJpJU4CfoYr2zlXoBbWVgn6i2/5ckMTNT\nMh4f\r\n=OXPZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"02c4f49285e8229cf49d9e4a0df213ff914b949f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.405a29a20.0_1595456545034_0.4437839122925733","host":"s3://npm-registry-packages"}},"8.0.0-canary.f3693ac4c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f3693ac4c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f3693ac4c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db1790ac1116e0af69260e4d5cbe3c389af57dcf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f3693ac4c.0.tgz","fileCount":11,"integrity":"sha512-hQA5PohxUg3Ov/Ofy2SEoqux3pO0hfHmcgFqYbCtElfFS9srUP/1t924sZmtgz3KaXIAGPPfc21+V9sSQgZUnw==","signatures":[{"sig":"MEQCICZyqTDD4A9RCV3SvG5WZQGOR7YHYcNS2LjwMM3nvdmYAiA+9OBNS3so0OMZmP3ls+EVAXfFRE4LVC6YDLFfOvAwrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGL6NCRA9TVsSAnZWagAAGq4P/3gds4guPFKHNHCv/iLQ\nqVwE2JRGxAgmdY3go2eZFWwhiDiKv8vhcy65iTZ2Z1a4b9YdNmCu9+0eF0cT\nyRpPTsEUbzyxdAugseVXfXF09qQnBbS7c/GFjgtU8gXKC2jvxDK8xmtb2+gE\nWC2FlUH+0Rz3WZGBVzYmcNCVfizXdv8D5tw2xWlQLKdWqieFZlQl2rtCJ29f\nkWEo7AgjtRNsN6RRjHVFod91SNc/B9dNDkyNgcC9S/jbScFKzkeFS3LpecKG\njB3orkmZaGIjFY9oOsqh71RAW3T03J4wN2SIYUX/levrr05vw05443oIRSY+\n99OA9xsUCQC/FhvaHFp1S5qVcquIAyBR6ORq9+9XdcX2uX/isM2UEiR2oDji\nJN4o9S1jMBqwCv2FYLTKpuzJtQXg1v8VH//nxPByctTYaPy9k50Wl+Gx+b8Z\nrUtlTG2rLDwT93MmNg/b4f//LU6Eq/7IRjzxlJTb5k8iUjpTbOJBaUNXWzBe\nNozy+HVJXel8khA5NIUSHVHFEc40uWj+Q/o1HeXE18nbdeLWapjXFcCzeDgO\nqQL4OTz0BUtYdp9aiAh0iKzllzAm99DEL5kI3/K/aDBk2ix2HcjDR7PtjNmM\nIi+68dBuR/53JTX1yNK+stKZ0vG1OxMfEQVjA+s5SCwmGGadaReFz4KhIDVo\nrcT3\r\n=fc5Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d3170e3936d96d26a6ca17df46c1febcfc33078f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f3693ac4c.0_1595457165415_0.1877076556961501","host":"s3://npm-registry-packages"}},"8.0.0-canary.12a109680.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.12a109680.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.12a109680.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49e69a6f04ea59e81320e21ebe5b267ffd7a9c19","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.12a109680.0.tgz","fileCount":12,"integrity":"sha512-ZcdJBo0zw5lC6OXfNGL1DIJ4/J7/RT36qW2qnLT0JKfuIV9C0aVDBF52zOBn0ZeCKxOQzkUrjPFm10YmcByALw==","signatures":[{"sig":"MEUCIEmB2nSYjqO1MWboe0KBss2IIbkfmA4q1YK+z3IN6dj/AiEA903tYtbvstl5ff2U/38V2MmPuaY6GA1dJKy4We2m02U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGMWRCRA9TVsSAnZWagAAJ0kP/Alau5bbN37Ej/IVsIfu\nSfqamKvUhsa+V1jLaTY81rXIShOztnG3bZR+rM5ZqIRcgfKRkaDPMvwId1HS\nfSI6fGDxewbSNdWwMk7l4jqMFYv4rUAxA3TIRP8OeOZhVtqEhuI78UAXR/g5\nnXUy1P4MXcKyi6J2tg/R7EOSyKmYw5Y12m/2XYwsCrOfj/VnCRpd9LyR58cN\ntkKaOlO8eTqy5vf4fy8JXYIpU2xeTZYZLtyZ+oAHfKwnjPV+HD5velklwQ++\ngkSLgaCd0jc99XldjHSn/6wjJ2rUOh7JThtrvD4bMe6XanNIY0Qz4m3qQiTy\n00pXJBmrNjpJ81L2QYV7n9Zz3hXo0jGbvtKtNBdvO0pjZKWkVm8SeWBGb7T4\n/CoR0tsvuWwbZ6+w+j1HzYoAi9sd5bX0sc34pHAtKYiRLZkNdcxfFdkHj+M4\nJF0We70Kv+sOYVH6ByFAHGcDGBFidqqBdHHOrLvngnE6UCsWN0LkDQU1ZPME\naQk2UZeyAt2+uGgIzxlBk3KtZ63vFvvXJTEg6ij4Ko5w2s56qsFikLXTniks\nVMxeCPhGujGb6ZSdI31/vmMGddC6Oj6BpO1up6arJhuHFDiL0EAltclGSqcZ\nL5jiZ/ns+7ZohHyXnHuxXAHcIgXlbmJYVA2dj2JogyNuZpZoer27thZMQw4A\n3iNV\r\n=8zpb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a403e743d7da095028c3ba6d0a66ef2f7812aa8e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.12a109680.0_1595458960491_0.000588131642206946","host":"s3://npm-registry-packages"}},"8.0.0-canary.bbd06696e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.bbd06696e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.bbd06696e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"602eac10980def795faf7ca95824b4b50915c7ce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.bbd06696e.0.tgz","fileCount":12,"integrity":"sha512-x/W+X3GhgbRQyFUWnKnEq+Pukm0M8yB0XHOcmqh1ROeLRwG2RGWSYVigM6BOrmznZFhU107j/zaMhUXjt0EzMQ==","signatures":[{"sig":"MEUCIAtWtZ48gUS9GT6tPsikkpAmjuGXvTmGkgIkik1PYIWPAiEAlkC1Oxjc4NqOonwH8I2OwbvdHUF9r+OoPnE2BUznrMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGNEkCRA9TVsSAnZWagAAa4UP/06E5vtAC2+B8isZGRyR\nnrpQP062u3u//OclrE5J2UNv9b/0JDTTrts32Ol1ZbBzau4s4yZloPxS0iAR\njPIPDo4EdpfCzn1llQ8AyrImEOKdK9HThcPaRNeYgMuXm9Ant53igNyf3+QT\n1YolUgft4+88TVDwRscZTtS47J+NPQ06KSikJOLpiOE5ZcEJ4WKc847f/WRn\nWmiG8R063hrgSOQXCJvpPsgBUEFsW1fVDtJHLcFbF8E4npo8fHWYpZwwyjkC\nlvnbX3RTQgUSj1ie0zub0IACjs79/tDPQdf9Soo7d3/eDNISYRljQ2PG54bw\nLmhWoxr/s+A4a1mqYFGIpsN7zbqT8U7Yhbyez2uHo/+vSPt1eMfnTopuuesK\nE5nBl488FS4QwyHJd//N7bpjq2oUPW389Dx6JLgyHdzAHuZ8a/1Vd9IPrz1G\nHzqfpq4o9Oo78akefkYKgQR93bVLiC4rSWm4yKzrnOxnmiAamKNoKv2B5xDz\ngBlhIIUIillwRyoUHaDJl5q41h4H23i+rgbmyIQ4fqU27Qpt1UYGOIseMyhn\n2m8gp6aVPPLFfufOru4or80o14N+cdtzDQnWaU9gnRxnZjVSxlS9Br8UtDfB\nVH+zNFR7DPBonNTY9Vmo4PQ2rTTv6a7WTRJXPBTyaN+uyuCHn5u1viPSSXq/\nXyhq\r\n=dk5Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d34a386a37996e326b9ca18440ff1cda261f3aa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.bbd06696e.0_1595461924386_0.9757946710193564","host":"s3://npm-registry-packages"}},"8.0.0-canary.4951e7651.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4951e7651.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4951e7651.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72803c5d5058eb50a3a8aac57654bde14d572fed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4951e7651.0.tgz","fileCount":12,"integrity":"sha512-TdV3FeNoaAsLvX7Y9fCT30pxND6p3fMODRHwLTGYEwJTOepRixUni4THzU6Iyw/Rvx6cyknCJtEBbBKnlNWcHw==","signatures":[{"sig":"MEUCIHrdr8ncYPzC1QDluDMv70pa5DP5lzQfChq7M+QWYPYXAiEA8OxE9E+gPiRojc4JerNq/qreHEUpG3hR/eGEwq7OUdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGOx6CRA9TVsSAnZWagAAyqgP/iZj9h+3ajF7gzop1rle\nlcs7+dqhgabu6tTpNcPscLef7V9In/EuzDvVn1CsIOIN80Zf8mxYg8bBepT0\nyPfkRnBL6oyz703W+o9+ZPhES26HNx1FqGufNkP6PCtYmeDr/SRtivW/M7Ik\nKZzXYjClYQ4DYLhuAsfqNebQ6rmZtNNLtvkjpu05gumot7LYFXXzBZ4CUWbz\n+NolFzADmr7JuUpx6bnbT171UXYlcE4MZcq2HsyLjaxwLYeXP/pTASZmWWFM\nvjNkNTRWWBnMQSD5/kvofPpaKEm/hyO1ylcVIMJ0cqCLUBtG/cPNU5W7RgB3\nqtEAPJC8GArXjW3hcR15McVumTDI+kXjj60z+HCziVZZW2S6X/JGxa+OAnE2\nPUolRUZOs/OkN7fgsmVPWLSw+SOuOf309OsZhLWqGv2jvYfuchYq7ooaKKLN\ncRv7adAQqVwL6BQZcYApRra3DI4xBdXsxo9iSeAA93o2w7vmSb6oSi/YQKKh\nFyw5ANrgUjDCMT0YxE8Vv/VaXhQf6kVxf0ad9H4buBfi/ZWfbrP4DNVlscA8\nELBrDlIT6ySOCoJIfyL0VbHohy9ujjOY+MpDoYGCWGJYIMQ32ePrUCAFWMpY\nsaOsKbxk590VXmT1tMhDasCsSa0fWNfBni9VFd5p+IqHqKn1ZCQ/+fOzTQmT\nMQfX\r\n=VyZH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"32ca9cc0ab948e59f91965e96adf325a142b8336","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4951e7651.0_1595468921889_0.2362047408108492","host":"s3://npm-registry-packages"}},"8.0.0-canary.75deebbef.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.75deebbef.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.75deebbef.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46a229c16090afd3c2d1c273d82673a17df2232f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.75deebbef.0.tgz","fileCount":12,"integrity":"sha512-9Yx65jybiEI7d9v8YgVLYQ0oFZu6P/yQkIjQoIhNXqq9kYIKDofgE4+kGyyGluA4WV0qizs4kKngebfvx+9pCw==","signatures":[{"sig":"MEYCIQC285Ecui54xwffpwqTEZgZpvc2EsKCs34EleHjO5ptAAIhAOoq7zcEEj7v4hkER2m3Iyo/HXtzLJr+PUx1ZHRIR+Fe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGcycCRA9TVsSAnZWagAAtVkP/2zytGfVTHinirLmPXty\n71BjcVFK4rRaxlYS/Rip8MizxF0uOJJruhLOBd3U2ThrSKFsjqLBBTUm2Ycf\ny0qsyyi+xInf+z6S93oaojHlsl53KkEkslLRw4/qlYHqre+u3PGMh8bHizJ1\nt0gt/UVRgTrWKAjJvTnkx3KinGUVzNi8ve88Js+20ea/BzkM4towjevkg7zF\nkCNEyv5IX56Ehb7v5sxY1gHvyAgn0nP7JIiP/wNL6OjKKjPl4U8aEnGCdWhb\nPQlqzQqM7vNvPAFHurSMCzmLT/les7fT5P3/8sQyciuGRYRuTDr7iSSWuUBS\nt0FzJyrbp9U24Mae7EzUUvV4fimmp4Oof8QJd/DsOUZH9enW16JyZ2H/ckNC\nIWStu1TIJQCJfM2TGG1YbFPn7rOfgQLmpfBUtX+dvB6VGNVpVier33xhw4nK\nm302aLkjMGN8qpx5Y9FhkSGZqnCX8+KKZjbu0aWsKiw9+8r1DPnPfyHMv79D\npc0dCazQcvVNYu3eLkl679b/dCcLkXh7KMavrhbKXb2QQ5XAZ+GHUSZhF7Jo\n4L3fwd8yOrALuXA85nuzgaBtydw8S0a+BpWks8gX0HRbjdQQ8p+uyn/oeW03\nJUSUT0LeGsbi6ujK9/SjVLuBuglwWx7yBxYnW2rcqcktRsRbKdXNB/c3FfLi\nSoLI\r\n=uhN+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3df5ec3c8a254202fe3ba9017528cce3d5d906ed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.75deebbef.0_1595526300201_0.49919765922105075","host":"s3://npm-registry-packages"}},"8.0.0-canary.95aff33ee.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.95aff33ee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.95aff33ee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d7471f779d1bdc638fc54316c492acbf33ad14ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.95aff33ee.0.tgz","fileCount":12,"integrity":"sha512-lKtNhIvAPvdqBeJjVZEP6Gy8JqNvPfQyIUv63h+/QTh5oSp3yCkW2ceJvLAcv2lEdzUlsU1z2zZEGmIHKaqbbg==","signatures":[{"sig":"MEQCIB2qsn0Ry8zLfv1TCVP7zCcAt1Ec26Y90+IKTjL9p6C7AiBlaZ5bV+tr3a14/f8sAT6xKcJiaRbWvbkldN8X9g+WjQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGdsJCRA9TVsSAnZWagAAfBUP/jtVYhh31kBvKRuOJbGM\np2Gh/UjklLSDzBt6EqYI7M60zYUOGRUE6hFSCoQuuMgn/0q59joxRAkbn4Dz\nelqVgLw/LxtbL/MfHExsmcXj5Sc8hyayOVsEzibicv3ZCiyCfFijjL7FG1kn\nS8F/8chV5v81s141St0Jp6SmcbIh5SsVwgPgmmVjkg7XTqxVfDD0vhaBrmao\nUJiKv3Ua97fDMlr01enr8/M+3pCLnWHg6AsY5ma3E7Zg7aQ0KbgBzQVxbD8f\n7rYVROTS3yC15PAMxXVcoq7i36sJxUfrGtS1O3xzqOGl1LZ2Szm1PoiJ07p9\naSGrE/X2nSiaBk0gkpc66sHMFtdHMf1ZaBXfgo0HH6WuAhHG3WJ3UusmA8/0\nhGBFJykLIkkMjNVt6XAhPktPE2GJtNjXBJ7L45/4DhLOg4+mN55xLIiANEau\nbywx7PYUsPPZStd071MbuesIKaFCdV6aWCFFbj/SVQxvref82oL+gd/6B3Xj\n+9q6K0/f+0AhNL4fsq/bwB80x2tV6W/WqWz2Y9Xv4UqG0YHgwDGYtc+oodF+\nM7ApJZ7wGrGrnbQKVCq5lptMYsQoeFAa7lf77GPqUIBF8vrFhhuqoLNHy0Kh\ncLy26wLPcNNXslDCA9gMoH7o+ufnHdGAZg7OBMK2doh48+aObUt77WsALEHz\naTRY\r\n=7e8y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0343ebd62969f5d4315e249ad81f2837fdbaa096","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.95aff33ee.0_1595529993269_0.8247265919603652","host":"s3://npm-registry-packages"}},"8.0.0-canary.9d9f47473.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.9d9f47473.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.9d9f47473.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39c38e570cef2c5d18012190fc425f375f8e7bb6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.9d9f47473.0.tgz","fileCount":12,"integrity":"sha512-isPhSEDI1eYpHdca54pMohMlhLo5qECiX49ztypzkhWcuiyo0zKmpki7Wkg9mS4gYczzsQbl2nSgAtfo6qqFzw==","signatures":[{"sig":"MEYCIQCubcxnrvgTXsrBY08aWGGarfIBAvfhjH+qW7ljMNVuBgIhAMgTWQZy3D/v3+8+buYla8WY83wSyXhp+jMNM7DRyvxk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGeu9CRA9TVsSAnZWagAAGMsP/iWG5ldmINOBUHCNlNxD\nOF+5i+9ymD1Hl/PXzECrb+UvJGfSw+u1YXBgAIb8yWGUmuFHe9PD5hG+r983\nala4ik8XtUq4wTCKwza+b3321rzyI7f6BMWLF6X5aEgH0Ex7q7j5srluxRn6\nJV9zMDqgLIzBiKMF+/tJm5A1JSoVYegUabvQRGpsJLD7bikc9oBHpPUXcCfu\nenQK+G1iu5w3h3yaux+ToGdQ9lalbk1V1jgQMjWwDfF7uSiICBotWvTgX60r\nUMQceodeGfMh+UNQHqKNEwfnNYbkdatVgIRSzmNKL0q86m6eR9yNMpyJoKS7\nxHdbxHEyT535W64fxBsS3l/Gfrrv4enYnjD7niozlxkdW3aCC3h3knXml97b\nv2ab9HcZ85gotMfcGeqespJ8WO7AnoMYzBYpdVtYqpuE5p6UBAOygeNC4ara\nxGBajxx+pCRDg1pE1njg1zcQko1lgavSGwbclXxpos5oIiLl5YMDfNpcCcPw\ngioUAcA1K5KePQE7d7tvNogbYgDolTqIKU3Xtbl9yp3s7Gq/0FecojZ4LXVE\nRHpjfIzHLiJbe25nbX8VN5Qk91hxpyeI78lGYKF/+tfHU1i9cWddNTkmESWY\nXIjnobmbV4AhsjfCCAtRylfaxptYZS8KL4AX1JDDq1RFGY+yX2iqi+DquO+q\nZxZw\r\n=RmbP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b21be0611a45dd7df8e3b48a3fd0aab09d6cb236","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.9d9f47473.0_1595534269154_0.8637792093323071","host":"s3://npm-registry-packages"}},"8.0.0-canary.00dfbf6be.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.00dfbf6be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.00dfbf6be.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e136c44b929e2d642a52ed34a3561d770dd81aa6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.00dfbf6be.0.tgz","fileCount":12,"integrity":"sha512-/k+fF1gCT2iKCY3fbEyBqnKZrH/UHCIcHHO+762/eubDhY4GEBrFBM5FiaQIlDWK/yWlgc5/rfqYdmciK23vJA==","signatures":[{"sig":"MEUCIDyOkIEQhWE8S43oWpmX8hVgJM1n7hg4QgyCj3hZL93jAiEA0vRFtT1DhD6Cju3CN/zC3l3mQ4m/Wtgi9uhKMls+zxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGfoBCRA9TVsSAnZWagAA0+oP/jo30Vul/CTM/aGMwx/Q\nWyCamv7a+zkI1wQcApHz3Bwqs7UP4ZODr6xJR3JkgGfw5MCiRxvmnpB0DTTR\nVKqdUwHd0Juz+jUDgKX/QfhRfJ34rhJMA9PXJixUVH3nQpul7yyQ5lfLY4gi\n9Gwi5swUmGJItWaEbZfYSFN/4j5bwN2buYronCFUkiNJD3HFDOO0T2CR8rf1\ng8mpzh6Q3MUeYRj7EKVir0GvqPKEBo70C8AqHp1+9FIVG6Gl6oUtG50PJN1S\ns34fONa250cx9CjxZFTO5UJTStyCK4Q+KeTp/CZzejY2I3HWD3ih8wuxIzp7\nLJA0zAi8YxWUrmSpUlhKP5MiC9eKJmJblSeEfmjig9L8F2YTkNWusgJXZhnO\nRZE2fNw7Yq3E2Pipfgp0dMh45XW0TtB62TfFquQ8QzKi6NOgVXDwO1d3IH2D\nYJLmdqxOuLi+hbOBMa3mTX414RnoSge20KQPfheMyx3UMiyvG/JURMENw72S\nqkNEVkpi+CL9vGmdGaX1Ak456sTAAN1H4w+d7F64dz80a2yGoNs+hZuHbdBR\nceDxu8uN9fo1iG59FTy4O0zGoTNKInmthX8lNpHx0Ii6Ouakp78224y9+xH7\nWRY3VBQ1FXboaJJc+qCbqmyqkh9XHuo3447BNVaF+KsYpCFUytv/maTRqTUL\n0U37\r\n=FeN2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e4a97455c736fab77028e52beabb53323eb60ed3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.00dfbf6be.0_1595537920973_0.23409518780546157","host":"s3://npm-registry-packages"}},"8.0.0-canary.b87e522d2.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b87e522d2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b87e522d2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a804d946f1aea2f016821ff39e5de24594847188","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b87e522d2.0.tgz","fileCount":12,"integrity":"sha512-RH4hpP9ADdAsEvSTxD5Pt9Pb45J2kHZ3eF/oa6AArGf1rMeiaHWRpBdKFJQJE4w6Z1AOL9/qYoALIThAyMu+OQ==","signatures":[{"sig":"MEQCID7TjutRketnQ30r4QH1tKXBXyrIqyoklmasoNWx0BnUAiAVPXZTf88IJ1McRAc0jMa82brB3cU5mayvOEidCkhSXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGf+tCRA9TVsSAnZWagAARwYP/RENZTTwLHQ3+olELCA2\nLHPPUjAlRYmGJi4Dq3AFAme9b6Qo3Jhy81ZVoXWquybX1VZwINyRWKOxeEz4\nonAzeZGFO6fUFhBYAe51XaS2Q6/xwVLHRclp0WUMuJzm+PdgpklFbrTahEO+\naq9xlsUT0U2wcxFRUWSHVy9THU3yFT0W14bThkqWM2OqEtUMoZ+WYL9Vqzq+\ndHCijaZIDi2MwL39rR5EJFGcFbSYbbiP98xxzu4BT3SbfZNEl1jxukRok/Cw\nV8CezpRfjWQnPvFHpbUQ2gBcV+w6cBu8dzz72dHYOm/+kNRXFC5zf2cl7DIv\nu0cdXB+bhjrWXxdt2vnD8Oz7mc4pLOI7tzZ2yusIuNxq4f8dWI0shBkCb+5j\nHAojbv/qn48lP1wPBHwexJoAziXxJknV68TExiv1mFkYJ1cw1gjuTdNtIsB3\nGHjCkg6ShUccwpcXsA7J2BkdDJS6RzmMpofJLc9pkMHkN8pV+XHWgzyjUyJK\norhzDYCMBisxpW/ma+AD95Mu1qZmvg5/Y9yQrxwDZwZNhDKA7ogeGNiiJ1Ev\nGVXEiFZl4lyxuu+oce9ADtdUesoUs/LOJo5DB3VzucmCuqmryB7HoSheG0iQ\n1in2UGFnhajUDY8EkT7Zc061aF6/WQ2XxeeYJe1iWu2ObuXHDe+RJHTWdsMQ\ndbO2\r\n=8RpZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6b4bba75848a4cc1d6ee29d1b67848ff11a8ba6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b87e522d2.0_1595539373289_0.7994035804108606","host":"s3://npm-registry-packages"}},"8.0.0-canary.5b3e150e5.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5b3e150e5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5b3e150e5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23182310fbadc89622798ca0a2581309eedf52c6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5b3e150e5.0.tgz","fileCount":12,"integrity":"sha512-sJTtsEI+E9cUHPPV94egoAgsMy8jYPXifzQfoh7VVgZtjLg6D5zJLT1idTb2x+1A13aZiL61BVnfmW6ib6AC+g==","signatures":[{"sig":"MEQCHywFlFU7YizEcRD/q8m2GmXLDa2NH+p5bB39YQEgzDoCIQCxmd7eCjnbPV6f8dhO2rFfhK2UIlUqK+VhCVKfEV0LUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjf5CRA9TVsSAnZWagAA4pgP/jutOYguR8wukGWz6hK7\nmKEWt0Rgbk2jFJUnBl4cyHPpqx5IROMkq0MHgEfiUs5rsUXcpSjYbH9BFNMF\nmBALCSELA+0bVhMKXFoFxpOxs0aG2kgyQRbZdRhgo1NoP+dUJdGtqPWQtgYr\nw7iiqmM895wX2W2wt+j4A07nOXKfMEPev9IKf6VI3DH1JcqqYosXLbb6d4OL\nPzIeQNtqzFXpuf9V492wLGK9FHrUArFSmZaR8hkw2K5N/P6UwWzIKz6vm4YM\nKM2iyhv3UEd7L1JqDdzB215lIQA51cIGWoUVCBzakj3qItCiwC2/68pMTo1Z\nmU168dKx7M/7eA4MCsOxRQDJxtOGcgk1v0zkGve9EQdJT9pdThlmQ12P5GGv\nQFeYDd17rKS+SQ3lEo83tnKfvmrTgTtQoCz4uf1LsfIcOsb0my0Il0uN+EzI\n7PpPvcl/3GJVsw0V7BP2EUU3POPDkQ5f3T+oFrGyWN+mczoprZeKscj/BeHz\nCfpGAtAkGAKiBvBc9Idd0FLqv8C8EZwncdAXNTuPCtmhQA0n/OjTSKteF0pn\nTw67JJ1lP19f65E+MKFcM2syQOD6/xqxAuNSwl3Rqq+RcZ7KiSl6vziC56N8\nXYjUhcekZo8mdwgzyheugHyT++x24VZaXt7n9HQg0DqL0tdJHVAoSo63rkSE\njD/S\r\n=tgWJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bdcd04000450742ddf94918c2953ff0bbfdfe9cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5b3e150e5.0_1595553784931_0.8794493474594718","host":"s3://npm-registry-packages"}},"8.0.0-canary.f0ae11786.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f0ae11786.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f0ae11786.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f08a58e2c5092965e66d19ea0cbfd731fdf38825","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f0ae11786.0.tgz","fileCount":12,"integrity":"sha512-WgDT9L008ZZBv7iKHydKpml780CMo5YAOY9GE0h6vBGHhe7wQni887bMp9Dv12sOlRUjc9O+IwgWSmnjxtEuRA==","signatures":[{"sig":"MEUCIQCjc7naUueLRk+wYV2fmjmPTVp98Fpc/XAMR10YJZA6MgIgGEdIT59f0/S259P6Tc6ieSLizAUi8f5S66nniHxru9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjybCRA9TVsSAnZWagAA3rkP/itN+lP6fW7TXKOBy7Gu\nX+cTS3D6Ta+iB9Hy3C+NOCLiSrsycA93ElQ2pO9GLtE49yweT6hVSmVyXk2J\ncEkxJkf/Dzst2/cqExvr2wwBnqhgkEk2qp0Ssuosfv5YZfB7U4kv60LRC43T\na4zMngIZwPMTS7t6/QJ/9dyBZwIQ3dKcIK9XQq8+7UfH7CgZWh2XKm5aOs14\n2hDII6lGiSLXzsdekZG6sstsji9GACbjIOpXJERRbO9Mux4kmNlrrNg0w5z9\nloWNEia6OwlEVVZ2qcvyPiAApYklEOwPA6PuSkrWw0z1okupHyIKim/7NrdC\n/yRwiPIUWS+BNJBY6pnfkRQhuyYvYbvZxB9bgXlbT6x2OeUTuU265UBp8uoY\nuHSWSEyuXRKlAdsWSRzrxJKjh22ZaxLTnWxZncf6CKeD9jVddj9pjtia6YkZ\nOBOQ868CvcjmtBqDUjvocqtVtVplF/wVRp8ZStW6AOTrPzJ0Xp/zzAk6yEne\n0bvy3mhuZSJQuKUmoq+eJtUgpWEAvMqWt27MgvBFS6y4Lz8U0XMm5EJLnB0D\nkSuxjsT2p0L/J3bul8fXIerQMoJDbj8O+x1JMcb8Ro+BFbNJJEoKJxPa9WXQ\ni7tuvDOn19fssIVfuptz3QQvHeVrBHg5F5qon6EJH+MuZqfvSeH6s8pHJH/Z\nyIf4\r\n=qA/G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2f6df990a3e45b1985740da9e55bce17882e69d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f0ae11786.0_1595554971468_0.27646610797022375","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb4ee66c0.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fb4ee66c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fb4ee66c0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c9c96073911624b2b6a856eba67e96575430094","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fb4ee66c0.0.tgz","fileCount":12,"integrity":"sha512-UhrssrfvaVFcl+pcQEAEfPIxIjrO1Kj/t/RKp+Hg+kTQ+uB3qKUaGfG0o+gssvelrhnWN8/uEOaUA/TuxgZQsQ==","signatures":[{"sig":"MEUCIBZI1bUTXxK+D9sCvixQ+J+onIgF/djrNv29xJsFRa7GAiEA+3Rsm3XjUTvA8PQHhssrUR+1TUNp8wMQcTv1YvWGMl0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGkL2CRA9TVsSAnZWagAAa14QAIGm7bsCvon3KYspYj//\n+JjmoLG5FiZL4QbCwp8ws3HP+elkf+8X4NJATgbnUoDUbgtwLzmICPM54Gfv\natYFHqKtOEBWX05JEGLpq2vMglknpjIz28qPBZsFr2Yua7KyFzR+Ol6kGfc8\noCc2r2Ip1/sxKgcOH8Isa3pCTzgiu0A0ZyrYVCKeh6DWoUW40T/2RC1TTv6A\nAeoyQXlUMFDAer2qGqDxQPsoJsv43svMJxYFCk94QwvpVCEmuYiMQlMiNrq1\nvVWkcds6RkRaMioIN+7t6HG31r2a25eaoCAq1vKXB0IfelwysXqLj3/q9gge\nQY+0JgN27yrS0jroQx9CWa0k5mqdRCGFEQoq+ikLRjjlDVh2vUexj9lTeZue\nScxr/ENZXqVAR51JmUoumh3wVubFAofER2tMRqpmBaheVhjSZu1kIYTm6Qwv\nOy7WPZ3oNjFin7Qu6YYpIkDIjO8RsAFKl9lJlmFXPH0tmoWh68sh1zKgbbeY\n/Pblrbsx/JmAN0t9F60I2ifned38P7/641igT+Tlbm+ASp2h398Lnxks+U2P\nze8R72ap4aPDVhKPNWfIabM87O5h8Qz1rXhcs4iiQ8CP54h9a990nYauMzUR\nTxFNeToFv2Vd8G5Rf/0F5ymcI04KmK4wpkC4tRifTIqn9LOIa8ojujWc7HeA\nD0bF\r\n=ugpJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"38a9d8f8bf46aca600cb4ba84272480ece6c67bb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fb4ee66c0.0_1595556598497_0.007204340570629242","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511e0aeb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5511e0aeb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5511e0aeb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eff646e23cde9d0f6f48418857223a514f86c64f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5511e0aeb.0.tgz","fileCount":12,"integrity":"sha512-VcOKyxQlHUOyeyYaf2ziM5EYcAdpS5kTt0wWqhiQLfprCAZH5SqUa2ISySxtHa6FK+tQH93ltNTp1G4LedeeTA==","signatures":[{"sig":"MEUCIF+WC9OFn1t/MJsS7ubDhKsWNZUerRALW1b9/hvcmLuoAiEA/iEbQ6kfAavR5Ybdu/OdFhi5SAHpCtBlWWEsmIeqxNQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGxKmCRA9TVsSAnZWagAAyo8QAI91vR6qflDzPh3Sb9Qy\nP6o7t8/v1+c2V9bJ6q1Fst99KHMYwcE5SD6CFWJSVQ8aLvWn0vOqOZDxrPsE\nic0oWaqVE/JQHtFiFUbg+CGqHfW5Dzj4RfdWxq8uzw9r936nBrk0CONmESv5\n8RjA0zbVL0mCt+plb4Vzj4A146mkfzmckFXkHQVUjGl8C1eLnmUUWcyTrxNm\n6ruXN7//hYp/a/inBppZ0N9CMEUL+O5RYbpVh4b2QkLOvMdsamopHM4HtcGU\nVQvZs1DiVXUajdtinJgDGHAWtxVAhMrm6PTRNOtYU2Bre0bSJgMye+QONWrh\ngccEcnBCqr4kcRs6dDlVKz2KMk+fkwPgXsrDsr8F63ETup4I8N7hy8FrIm4p\nAMElpXQ2NFRugVwwJCB+QVf6fOdYlmI2XjroLdR2z0hb6ZeQEkNfXyb0dVWq\nPVV+sKoG+pUZ803fS9iXsthM8UE19ISGWpUM3ALv8E/XVgHHID81kROp3OIi\niIpKVPWmjKZeLkIgnDCxZS4lP0309ryQvgDLmZt07BSdiA9zZ4CneT5pYds+\nj117Q0zyalrrHsM9ax77GOi1Ug/n5yOxdx1ANbTbaE6YM2Ic+Vjd2FlQM+fK\nyx5VvHocmOJSI4hXEc81yZuesOG04aasU+aYePUA7zEgikZNLMm2dgn7XRf5\npb0q\r\n=eEqz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc830dbf81ef9cb796c66b2d35b70355ca46a37e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5511e0aeb.0_1595609766077_0.2885754218883487","host":"s3://npm-registry-packages"}},"8.0.0-canary.8388a9bf6.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.8388a9bf6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.8388a9bf6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8987448985cb5187616350fb1e2a2b1aab597030","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.8388a9bf6.0.tgz","fileCount":12,"integrity":"sha512-XKGyPsUlsgiqkpehe4+z4hKcllXWremDJZLV3Ejyq36WawnVeZxCZYm8l0Xeg71nyRmCF1QpKE0ePmrwteMjzA==","signatures":[{"sig":"MEQCID6/8N4ZdS0FUe09KqrKGY0Zgn924+TdF76I5fA+jmD6AiAEzHyqovRCcOIyCSeUc04kBMy0LlSrCv3LpJIyPCLbNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0CbCRA9TVsSAnZWagAAvTsP/25vgqgoVesZufMyLPUa\nrelE9gEjH28IBKUEyQGv5JzzCjeTJ4nhDP+Bo/GeRusruATEQmJnnlY3zu8q\nvb5z13nH9TkheASTLZ9Mqc19ja+zZszItc0JvsXXnWjQYqqqDwZtuQZelvnZ\ntOdoTcWb5MUs9IH/SnQ1L/tEZBGuqB7u/kMQrX5EpnIihPS+tf9j/gv1kzv5\nRyP2t7PfjwfiOf1YXqxiTszO18kXjehllmp9vmUhqAG+kO9Kv997l5hptd0Y\npDbTaRdKBQjJ1YqjCVmoNLJJv17Ejoc8pdNVjvkoNImlw6J84NP63HKiH3Gy\n5YcKUeVG9HikBywqZ/YceuRbyQhHAF1c+Jr0Xr3DDHxrl26auK8e3+WjpTWZ\naoSQ6qRMNTFEmQYlxABQuo4fX05SSBAbCXhC3lPifLqgor2l7+BWCI4fhkvf\nV+5lftB46DnIgK3M2pVajiUTrixK96V0g3qfO89kzCnwS9/E4dwV9eb0tfrN\nOYGMsssqx1vwuaco2hZAhZCoOn8sra+31rIOIlhehanjjlqtBAy8mMVmiKfV\nSQVyGO9LCeDvaQIw8NcQlQt2j8k4Ua6zoScGPV3iq99J4vu4+ERI2qbj/Q7q\n2PrVhAQ7SrQuC4ll2KmCn89yVZn5owEnrNpQWoSWq9xSszWN5mHqGXB+0OO4\nrrvf\r\n=FtIC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f2188ad8c46b8f947761bceed0fcdfd08019e97f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.8388a9bf6.0_1595621530577_0.7944269987797725","host":"s3://npm-registry-packages"}},"8.0.0-canary.ac405eae1.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ac405eae1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ac405eae1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d15b52f8ee7bcd072438c7ed074202a1f84a5f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ac405eae1.0.tgz","fileCount":12,"integrity":"sha512-FKlLFMuB0GbNYQnVt24Pq+bW58wbzSrSrwJhG00tz8eMkDDAPxcRKZplEVlDskdpsZxeMLhmCZI2pwugECScOA==","signatures":[{"sig":"MEUCIQCBU28PgvRVmj253gKfizko97rVcWIOkB7z20giuypMkAIgOBcZ/5cAaqVbk0A52QMTHtzuRjCPnV0YHPVCDxvxv64=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu07CRA9TVsSAnZWagAAxygP/A1WoqIdYGKE6TCiXLk0\nCfd4Vk6HbGV8MhJrkEMrY5ZJf2LfTb3pns7OlRq59i3n1/vLiS3Z7jGRxlMg\ndQfwIuEt8ZuJOETXhxuj4MvlNlqBkvMBSJGP44l+XrdLFvCtifacK7BAN91I\nTHtTjubqcflypmWxQN/1ZoysLDidBHPrsOgZBglR26alahrmm1UVD+76JJAC\n2sm2cC2qdBk5+k2L68hWN22oisPha97FthBbfeqvUCOGojSj4I7eB4YY2iU0\nsbhj76xuq5BEq4IGL9d0j+d7CcgzQKkTkyMTu1tN+FPWZxjHBPxDnYKqzIeg\nouZETbtsIOZYszunZTbmjd6FgSRFIRZzaRtiBQpfwOyS2dJtY6TqbyupWuI6\nyvrvXgtkVbBi/8NFTxZ7/qDQmFVhi7RpmweQJi5xuGXSlB4od7I4S/nUdGGr\n0HHlehCn6qGq89zN3beqqNv+ex57Xnb3xeC6dsxlDGUrAkF+X65VcSTEH5Pn\nVtUesg0YDPFskQRxvjur67Qr0NCv1SWFcHKfTdzJ7Eg6W6W3DGU6HFdcNaZK\nROsZm3lF+W4mb6V9gDdjGl4y/M+KI8yftQJOO3SfVZk1Hh//KipRttxsMk9j\n8fI4rPbc/UGFA+bjBtVtXVC+Gzz2VWn1s6DptDLb9jO+8czuSTmjoo5skfwO\ncOC9\r\n=Ca7a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c4f229736a36f17b97137adbdd4b59901eeac852","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ac405eae1.0_1595862330777_0.7166610432295539","host":"s3://npm-registry-packages"}},"8.0.0-canary.75553837c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.75553837c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.75553837c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5ca1b7a5e0c2272877a1170c2bb7c416e3e3a90","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.75553837c.0.tgz","fileCount":12,"integrity":"sha512-z/S9Q8Bs1wfjxsSmxN+2vgcvYuTuTFRRVCWOr5I/fsGSHWgjzyfI1LO3+p5nY7gjH0VoLfZP0bWxnPSQkjJ0cA==","signatures":[{"sig":"MEYCIQDI27c4QldGYokQGSsRcSEExuwK2HnBrcqViQjVvaFFQwIhANKhk3G4miuiNYJBhcIlqOEZU/zrkVpRvxs5lOi8ohPo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu6kCRA9TVsSAnZWagAAc+8QAII+l2GMeiaDf159ApCt\noMNnwxLh0Vp/0lrdr8c+RJq8TRCjoRBPXDklZS5Mwfxl8md+jU3Sflqj8XBj\nLrJCRyNp64wn1VFXJvttregS+TPaWKWrIrVzVImQa3s0+OaF11Qb6lR7y7o/\nVbqNQ6YyBweki3T50EnDpoJIhWJdviSj24YeMDFYAp4kee1uPaZS9WVJjQ8n\nuKN042OZuX87rEBZ7PnAZ07CWXJHgmRK8EwmOv6337AwSE+x9exyfCBxe4L7\nQ3eWkqJf7HqnEWtDhYaiopglSZsMeeF8zsQLJrnmmP1QKfK5wsNlatqh3ncx\nD5VzmcTLVjtzoUO1FmcCMINykiSV42cZaSo6uQVvmzQYAKAjUfljco5vWDvS\nn5G9g8Nh6WSLA40D2ApERDgr4b6geI0x4PZxBZYnwURvasQUXkoJEgu+4ZG8\nzXNr1adNdkxH/7akMCEC2xi6r014XVXlIrvhbdGGS9Db9lPNxf74MMUIXtph\nAGugByoZn2V0fjoEhY9T+teHyAe2rYoZOVahQQXT8aPcMnwPuh/ZIUPPGEeR\nsoK616hkL0IeJHQf5wWmpSGYB/AiHGoSK5dyspLYYwwadL5lpFa9PGmL/9zk\ngElzlf26YbZf0gm1xBaf03SfxAgmc+4LaglpL8y8RE5jYG02Jifenze1YM2K\nTg/a\r\n=wTDs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"18c0e52ebb63979ca614d6df13d96e2c1cc93216","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.75553837c.0_1595862691986_0.9524183574790042","host":"s3://npm-registry-packages"}},"8.0.0-canary.b96fbfc7a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b96fbfc7a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b96fbfc7a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bccb4f63d1bf2c254c50e3ea5c710a0f86b9fca1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b96fbfc7a.0.tgz","fileCount":12,"integrity":"sha512-2lBYqdE0Q910/qssTuCg3bUo6zlhUIpMjiL3U4dL2HOjCtAgq5ABQsLLIAu9PADA/aEFpYMy5D7PoXBT/9UEkA==","signatures":[{"sig":"MEYCIQCPqpUHIqz49+ssxxPJfkl3kRPaGqpKCDbAfOFd4f3RIgIhAPVLINI60h0pYWY2fH0paaiY1EVbExtTpg8SV8u/OThL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvShCRA9TVsSAnZWagAAZE4QAI22ZKZily/XgTqVX44C\nJ1/Fr+lB8ltgvFdR1ZJNm27I9BljlY1+ZkOk6uMhCuU+51lon9ZZ7nqGUSAp\nTngqExqsZiE/Z/JFWuWpamDDM6nxeRkm5F53BbB1Yzzkvw11lhJxZTlGmOMD\nbXoqP9s4hU+gnWAG//TOgRYFmpqduo9eG8KC+78BZK+p6WKHUL9dpIXuZ3bB\n13FQxCH2xT85hKFyDOW4dCOKmoY4Zuw5fm1XHFaCINTI+wy3UgrIGtjAOwMy\nHaZOFOaSbZ77zKpvTr0WiifnQ2rJneHFqr5xPi9l+70fWDwoUkZ/tM/T2foA\n/zSzYVrVIPxYQf4Flzy9KBrix7Ti/EMlSlwsgUE6TuZ04+xDsED34oZSrlbQ\nOSvLEo+21kQsJoz7Fpws/efQq6o0cFDuPCsXh4AfjbMJiBaNb+7kOWydPbCm\nmdxXkxHkedRdJ5b3Whxb+DS4UGR2J03iB3/22Z9RIBowqhzUXHXX25+A+f+r\njGCQIOCkSgGGn7WoBKl684AikT4GesjeE6+C00u08qvliYNRbOS7HpRwm1PM\necHm0H3kDPVxQjUGVrA0iQO6yqKYoTlY66s+h8yiQPO+1c89WFtGkk/XrPF9\nOjeFVYGeQ7zIOwXeGWucDE+bNQO6oE22qmf493Jr2nIznvx8LoV36HHkAzoJ\n7l4y\r\n=6Pd7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0e9c13ddacae3f3bc09bd4f168d276110fb5677e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b96fbfc7a.0_1595864224828_0.5328938893653723","host":"s3://npm-registry-packages"}},"8.0.0-canary.61f1a8d85.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.61f1a8d85.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.61f1a8d85.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4266691f82be3c4f0abb9b6d401cbcc248a6ecd0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.61f1a8d85.0.tgz","fileCount":12,"integrity":"sha512-nC3SQgNzRw1vQAHMRcKtDL4Fk281JqbJId1gB+C8HfMBk7SsCnYxElCItB1VR6RyFjfrbPbbo+fzO0Wdd/OX/Q==","signatures":[{"sig":"MEYCIQC83xQUikhxU81WmzFuI5jpuJtERS6AJBbyx0wRzthhKQIhAKyiQ7nqaDYSEYKLWGCSbqThIBf0G7XH2DguHgtyQ9yg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvbACRA9TVsSAnZWagAATEgP/Ag8oNy1ZS4t3zVwPEME\ndw+TPua0sZ40XRruruO0CNxN+l1i9lK9ORVWnweHAQ4fqLE9h+Q5H0nzU1MZ\nwToHZm7uKqd4JVhrfKVMl+eEPri5/rF5o+ccbsgxjx74aKUXTpqQwFNgc34a\nWsgL8Ni7nqu6wvQrntQNLUYg5ENgW6crt2O9BzB40vF9qqG4xZnfPqlJhDk6\nK8JoAGBswjbcEsXvlOUr1wtzMWkJninegZgY64wJP0KhlbmsmL4P25GM+2Wn\nChH5avMcKXBwDKm4ByTnmzREkLLbS/r7pLBh4yNC5B66yVjVlrinjAtv/5bR\nYHhga+69ggda0mkbu/0EU8GHFTTcoYNbMl8xXDy6wcmQj2DevydkwEX7DjhJ\nXWmanzHq64CCsQUK2lHoTXILFwBdwdeymWmI0xHMr8fxmmS1ygE5Mob0FwxT\ngjmHFi6Ed8jDqdfyOFcgvvNfKVr61nlNcjXIQKcAjWk8RoaGYV7FVqX1iOBV\nVSre2ZjYZqDSriGpz03SU7gZqdTEURi1Vab6Y1nPi+PLoD00lXVTYG1cjZo8\nfedeqSxAMnAKPBRZCLr8VHpCw3swoVkPi2BXZFcdfaxXDSDQQnO2kjZACI1p\np9gs0TEpbx6Ij/++0ZGbeM+321EXEOGKSzvwNEj29bklRyBX0yR6cGBvz24m\n/NDz\r\n=c+7K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"71b0bdc987ed1b1b5ad827abc78149cd4efadb89","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.61f1a8d85.0_1595864768223_0.8846177754621531","host":"s3://npm-registry-packages"}},"8.0.0-canary.81dc33377.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.81dc33377.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.81dc33377.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ae84be54e1c012c2458c61fef544395ebe59762","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.81dc33377.0.tgz","fileCount":12,"integrity":"sha512-nIXYWb2xDqxcZIO2AoDZaV6RJjv2dSQG43Uibj/P2kV2dJV53Kpu4tPAMqfbOki3chGwmUN1QD+dmQ3bjQpYpw==","signatures":[{"sig":"MEQCIG57vTXosbcKdvk3vTpYORmjinEam/f/8sBEO5MVHjIIAiATRf5262rKUznm0QUl7mj2KSx5tqtWpIzW7QUOkWE7eA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvmWCRA9TVsSAnZWagAA35MP/Ayj8+5X+TytzA7LqAyZ\ngsGvTdgXdCTO/lwKjo7Wb1QGyaHi29hGbu81GEsgAAvbpEx5RjQVUGHUL7+o\n8LZCjhf0URDgHopYfDctoJeSTwuz7GTGfDIwCKUt3fwPfH4zX2zi8dJr2ET8\niF/+yIij8CFPNtABxk6DIw+S6k5/kbj1NPuhWdIj9oj6PCxwAEfkAquv6VLB\noH87flyhxRx9Nfyng4DVxtkJecI/vnVCpFn99ND6rtLXLNK+kUzC3e8GyQb5\nbBO4OkxO5ciWf9104aQ0ICgI36DylH0Hj8esXTi0OJRpGdhoPcHwRiNPk73R\njWtVnEO8F/NJYIWUCa7ODGuk+hiwesP+bQgKWmG26DicPjsMbLodwP4m0gfq\n+9tZnLArmLhxgG6x1PgvSfrE5C108GAaHa6cMBo4USqNa3rHtyDF5FrvIAG3\ne8+nYIifl+YKGyxKzGjZWMBoJOKUjFXX4vwi+1VIWMMdhJUWUmcCx7TJx6GC\nzkN7CJODoaKz9pGm5EuOc9faK/nSRIZcgAHO9csOr4WK2kTFYZhWIaw5Tif3\n3FTuER7fPOUHN0cw4ZINFX0ddGB4JGMaRjSA4m2MprR4LULWHlvSnjjwzzus\nLTXQCJ8SN4fKtcHAzaQqk+MTIwymcA4jFDB37nSdaFRwPRxOz16pKSE1+sok\npvzJ\r\n=wp9l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"14e4858d309a20ecb69620f07c8f427bda0821ad","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.81dc33377.0_1595865494181_0.6630434737497128","host":"s3://npm-registry-packages"}},"8.0.0-canary.ffd9ede58.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ffd9ede58.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ffd9ede58.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d94b06896a942fbfdbc4398d5536c8ea1b58717d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ffd9ede58.0.tgz","fileCount":12,"integrity":"sha512-UyEht0gTfQT3NcOcxIMCumIgYLb0CBdWcJBhIS3cduwP4djZ+gw/Y95F4RaAIxp47f6cYirzveUmWRHJS5PW7g==","signatures":[{"sig":"MEUCICVlev/nziG0CQ9kHbJGHl5Zm9dANI1WnGwDv18LrwmEAiEAkWpV158VEJVNGW3bAdgiRMXGDBSY6LVQZFD+vcHtkZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwFeCRA9TVsSAnZWagAAN0oP/Ath2tskzwSeDtj+VkLb\nBw7hgBnwlJ/w1DMPmq+ItCMxXgXZcz0kLplnzuV8NeI2uU4rlyJY7NyyzaAl\nd4WVvSbIeUDdHJrj3cuuXouxD6RZEINQ5+yKKlB3bmuNwYZDM7ISNf8xHRpr\nd/c1N7wxSJJH+CyEeASIEX8xhh0r/V8vskW+ybJuih6tEC5YCV5CsXy5p2Dp\nr+tGLLSaXdZlAaV4/kDRdZXUs3v0pefvkiemLOenIfJgXrH64N5EZQ6Hfdnc\n8DvyITfvRPO2z08xaKR6ekV4hRUbw2stCsl798rutktg1c+dtV/9Ev5da0dv\n959kPukNHRxaihe/5HBBgzekVa1Z69NZPJYZnzWx7tt605b8zaRpaH3qHg+x\n4owMQ0nh4nmcnii2Ze4jEY2dwXgW5+ktEqD1R+zONaH/DnE4x23glE+5v/FU\nebur8gyJCyjgeRQOkGXp14HfyMj6QZNS5ESoiGyJJVh4XfEJbZ4trcKctC8s\nwG49gdhLqcoTM5aWUoduSiCFqMpUukTIt4Jv+4wvGpYpWN16y/omdNaSfWxG\njZsOfJt1P7RLWxiiPnf3osaUOV16wsXyEgmU0oNlG9ZACVbu/ApFGtIgFklH\nszx4m31Ft1AFtMPBGSwCnsexfZpK1kCXEPWU1uvoezCdc0gtj86Owllk8NCe\n2/Nt\r\n=A7wF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a029ef9963cd4799ffbf7dd03908a696d110f7f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ffd9ede58.0_1595867485630_0.8477059489281678","host":"s3://npm-registry-packages"}},"8.0.0-canary.52dc55acf.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.52dc55acf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.52dc55acf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02c7c1c5e70d7764bb8c2bade7e38e7bda58d613","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.52dc55acf.0.tgz","fileCount":12,"integrity":"sha512-vs3uls8G7FC6aUnuFSQ8CQisS2MLCK8NYrFA1r2RDZ5GkaNhh7J+Fv9kS2ZuUfAh2UUvLHku1/fi3wJfxuZnrQ==","signatures":[{"sig":"MEUCIDwIRdYRblSU70HasWyjY3mA3ciyqMbE91upWZ/HU9guAiEAnE90lhzGl+OpC9XKmi+eM9Pm3DqUdNnQcmcrjZNMAr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwncCRA9TVsSAnZWagAArrIP/in+KEmnfnMDcDq6TvOd\nhZSW/+E9KUXy4feyqDPw2nGpWyGG0N8igSrcZngIWXGecBnYm53zfuaU3FGv\nYT6PephSXX5jCDrXF4X5a/pTCNmiTu66lZaQEmNyngjY7zNPruhvGA9Dlv3x\nbtfKTE2gC/rORsH7ht0W1wi0PUTU77+9g/2yqkCEpuFiU4AOdvQFiO3tq7OA\nxGRPDVdQdI9BpKQetxbcpYoKJhQXiGJnGHFfsccFsUZbAXAdKte/eyuPri7R\nX+zBsY7inZpkrRzY5jcfX+Xj0wk1QCmLXVSqjvC8lTa48b2Y7ngFulh6M6yy\ntgBISMZivsYYXrBc3Rj9zdwcp2tRJHLxFB9dtF9RFeJ5LeYGqyQascHlG6B1\nsmLxHdGCuzsjvocdFvJdanfYU+VFk38Su9vghAcKvu8DCHhpt0/zcRLfhgw8\ncCJEOU/caX/idQKiytrUn51k7k+1nWkytwtPz0TzbZGaz2DKJm/nP1iIhxrl\n9BaoWVyvn1a4K0hZ1idEZ0MCsOoB2Od2kmKNaT71F3KW30V30e43C+kF/RBd\nJl629jlH/WHrK7C1qGC9KJ3dcVn7OeZ+TR/mXR6bc1bUDDsoUJY3QfR6YiQ/\npc5m0ifXfwgZQkvWI3LVDNeg3A1plJoeyNonq66DlpdMIMYHcug02xR+jwq4\nIh3Y\r\n=2uQh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5253c9af3b0721aeb0cd096ac48b4c113801757","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.52dc55acf.0_1595869659464_0.6289686652159996","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4274ff05.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d4274ff05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d4274ff05.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acbf1fb0b32501847c509bffa1dd50442830eddc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d4274ff05.0.tgz","fileCount":12,"integrity":"sha512-tRkurSxoZF4Miowk2kNZTArEHfuunwTAPPX6P1Bm5lFY85kkzKKcZW5dyab8cFjUiS8VJ5Loh2nyrsY8VMuG0g==","signatures":[{"sig":"MEUCIQCEMpcBMYM+knuq9C5CDPbRSidVMJGGWt23bmcUmF01FgIgd2AEePKgevVZBTNWwJHF2raDOBdhWl/xIoTwPlcP9pM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy/kCRA9TVsSAnZWagAAY6wP/3HP3Z3M5po8k6RhfMpB\nbYqDroIoYo2M+0z+b5cb+5RjQQWwUv+WZ1r51tKE1eT8aNSmWCNbrNw+pCob\npNxsa9x3Q04OwlARkhbXW+0JWsB0DFQl/qqXbwGdHj//jJXDOqggOWzK+C6x\niYFXynFyeZ6w0yk7VPlYVgaTQ+Atryl8DRpRb4KIMukmQdW7wbT11f9m4ndb\nHPTsObrvX1axgT0wbiot2HcJwLvFmjtjx1NMdMyCAbBZx/TJzXH90q2bjimm\ngev6jx1EopvzaonLZeto9Xflctd2GnOEy6B44oLodldhqdFJVmIcT2ua/7Cn\n+boseVXUqGCCMK6FTga4J14As/Qko3Rx6crXJPS/7TPGa1byfB/pz2I9ZF8F\nkW7MFA0Opb543F5L7mgvXEUg+kPnzMmLFoN6t6bH/EOek/DrT/kFUQZPxeSi\ne8kDE0E2DReNvHwMOJuZe89QBj1AVbEIYEov9GHST56FPr/TPeocSESUJQ/p\nWm4oY6SZrhX98lFBxTCqpn4dVy9XMJ50MMmsOQtsthbFljXxCRctXmg6Rzvn\nIyaO/vBI2shBOdm7qNqjph1itX09vFdROjuYoxzkywAnzOE+OqnChjKPsuQZ\noFW3ZEqLtnhylfvChLKJk1di/KiXu5vGnRosT8fjnE77YkTG2MVNE4MrBTk1\n0EUw\r\n=xHvY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b4607e708cfd7069d540b1fd6042775c4599855e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d4274ff05.0_1595879395772_0.24114353036949554","host":"s3://npm-registry-packages"}},"8.0.0-canary.b82d0696d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b82d0696d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b82d0696d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db72f9e3d77ce29e1feedd2b80cda5d9d0a5b61c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b82d0696d.0.tgz","fileCount":12,"integrity":"sha512-gzURwaPyRvZwT4Oo11oQIyao2mPaeYRyAZX7bILPLiS8xaJeWmjupJmuEPNLP7B9IgBnsm5m6iSxIKKMlOJu6w==","signatures":[{"sig":"MEUCIQCxU+uvgGm61xjqeHkafpUXKbMr+/cGoSRp2HcziOcJnwIgSHeIrnsC8w9f8o1300jMGL9KjOw1eyEQeMhYxnSToZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzGWCRA9TVsSAnZWagAAYhkP/RF5TnfySUXLxMhGtjdh\nVKBp1SWiOpcOp0vPscX9BJqNlaT5VVYOiOKBAZmA5AMdNyQAVQNdL3HJ8ZOO\n9n5V4CJ2/fGKfkWeAck3tQuFonqRr9Bsr/d/TYHKzdYHjR4m/rK3E82+t7e5\naJ0NI5L+Q19Xw5xuMIJKjp7G4HDg9l6XhheyggmUSuezTa6mRCiYF5n0o3Fi\nsfnpzWma9PQBqmirXx8pCIipZqLDN3uyZoyKfTDcxAQDwHIdHT36NcvtjesW\nzywx1zWtnU792qaC+iHLJM+nRgWCcmA0/bFhxHmlaecW5Y9quNllFttkiYEc\nDBb3Yk8hHpBUU46Bo8gcn1wyJ7B4r/LUm/lZTjwp52jSiK7U7YnVZIRwqktw\nankYYfAWmrCHvibZELvhCKRSqM2fnbNWutatB6CA2GE749YhFgmsYpMm5jV3\nEtaPjxZfZCKFylXspAp2Qr1VPtGXmQHgqfXQxK5CFZF7xo0Wy3OrcRsUXgHs\nNJkix6ukjjyyELrLDTezYT5RvAtaXdi2JcMneeDezdKi8NbAkmqxjoXnN+Wq\nQGbB5EyfhWIZ2BH1ISilcUtErB/N9P3Y+DD7pYCVErX9Fv6WJCZEO5Ykq6Xb\nKvGXzUmbDJ9QEmJMeb+IPNSfAfKZjyJMFF4rVjcOGS/qjGobzClBXsyvfsks\nt3GJ\r\n=enCo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"914e71226c9aee0625b5bd1fff56b887e3c924d7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b82d0696d.0_1595879830276_0.7113731649355417","host":"s3://npm-registry-packages"}},"8.0.0-canary.c2852000d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c2852000d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c2852000d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f0fbdfb09a44ab60bcaf64f9cf3b84663a38d6d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c2852000d.0.tgz","fileCount":12,"integrity":"sha512-zD0xSlI6xjPe44DBzxf6m902J+vxnpyE6e76w0LcHhfAhOjDthf99EAwE2kQr+lIcI9bQ6jO8gJzFiAsK7BSKQ==","signatures":[{"sig":"MEYCIQD/qhFh6pw8RztlwsDDWNl96fDxiMufjE3W9EgPvcj+pgIhAK+OcBQGk2YJbfFNaxugzwhVMztjCOxjQCxFnPBJYNLP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHz+2CRA9TVsSAnZWagAAYr0P/1K09RPeG45KANkJdyec\nCKw4h1hMPxliQ6sBgSTllqkRedBvI2CckOl9moJ7R+rf3bnTU8koaRKxJA/x\nZksMajwuRzTlIXmEFTm3HB+SRjrsPRu5uzkNlSsAcSiNjsGtjz5C8Wn376rz\nzh8bLdOw2OAN7riAd1PaSeIQGtySqwd0etFW7lPGYKzIvb5i1eNsmHpwhV5d\n3GD6TdGvPUqnFUfB5BHkBANEaHX+4l3LJ2cuu6IfISGBXdojDoDDvYCh1NYw\nOjN12j7J99OHfP1U6ZfwXICfNHWy4dzcBmVuAT6moe7tjNBMMs8GUmbrVn4C\nQ0H6l2zKGCc2FYNqfx5GCejzS4Xnlb6WVHjMSBH7SUkNcp5HX5dnO6TeMinf\nybj8Vo8k8pMS3hhbmfMsvH+/nHc71IyAJikiXrBL2krg04PF1g0is8nAfPJt\n/5NQaoEJHeqhXas82RElUDaKDOcGIq4TYxVEf9mYSCXjhAHZyi5WelHRRv6Y\nkas/CR620OFLC+04ATqbd6rPJOBCd149+XrtdEQ05NFuJ97fjwRmLTcihog+\nuH8l8vCF0fLMUxZauaLQ0X2zCIHWpmlCBL/DxQnpikqJCS4ZUrIwWcLW+vug\nQmgHxcLZIB7pcLuS/KrzBHi4mtI/JUXIjd0NznzrooRmbxejMO2GlKQc3BSO\nZ5Vx\r\n=8Xcx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"53080ff99f83ab326fefffad16cd09e449e79f27","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c2852000d.0_1595883445892_0.32954653093958797","host":"s3://npm-registry-packages"}},"8.0.0-canary.f86f83f54.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f86f83f54.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f86f83f54.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6150a9c84a5a87a7e3d659ef3253eb208bb0e915","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f86f83f54.0.tgz","fileCount":12,"integrity":"sha512-JXtefLSnzqRvfwCtzeMf8tnJiD3eenkzYvs2AQjPtKjmPT4aVWyEL/nnUhMmN6eOmNtCvqzakYrB4Gu0Q3d2tQ==","signatures":[{"sig":"MEUCIEp3nICQO401k/6U0LEgdy3FFjxdodPoEYo1FWz4KkqdAiEA7g8UdQDTgDCkLQC6/1GfGSC0JOVr571I5D5pag01izs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfH0zMCRA9TVsSAnZWagAASeAP/jkniNFblEMWthT68URJ\nxWLCIhwpCiyx94RrAjjF7s1ruJrPD3dpaelJeqwgk4bxYnP3aniyPJt20h2l\nqgLiQJ4lOjVxxqLx3w+s22lRQbwT4c/siG7wsUYiM9EBkWahJXC2aiuQQM7q\n+P3E04QhoGocIOLqGLcESNMi/A2ktt+GbbrjEoiKzoJbXzD85iIaKkQE05QW\nf10JC7CsxR9PCB9gCfMQykorpimIMdCOt8XWjrucOTgC0tNiS2GSRwFWew7e\n26UMfREpiJInFF3pd1sBJsLChZATNfeuktbLFVynN2ekvb0QcBRLEPWhgIPg\n1sDcfd5KOw618XFtQau4NAqglTimrqluWyFBp5ymC9Z3ZDLVnyy4jV6TfYMH\nVYmZysPRTS6EB12FcUerJRbXyoSzKrijvWuTSbKcVWMKqgTyBp2MhyGWL1yO\nYygejhyKDBKRpG3M60cUcXnEVg2xQwM2ictTTcaeKr80g46Rz9bpcJLda+ol\nlit68BsLniz7dU0OUKZ0A/NQwSZ6KtGfxA5fqlG57CSYjUTpqs1uNiXL2zw5\nx5oCgHgEqd1gFIe0W4IR9tDVroOYNOqtWWABMuN+DhIxkNeCNEm7Bli9Thze\nSCdWeT1VdXQJHZnzK/ui+y4/L407NEkK4Zoof1scz53mNA5Oqa2glP7NDibb\nftU/\r\n=Zwh3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3c8abc334934dd33ace7aec681868717a4e26d0b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f86f83f54.0_1595886795791_0.6412225301874264","host":"s3://npm-registry-packages"}},"8.0.0-canary.41eb1684c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.41eb1684c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.41eb1684c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b57d00cb9579c25da21b7173d258ac2dc0e7f6b0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.41eb1684c.0.tgz","fileCount":12,"integrity":"sha512-TTZLGpsQD4ezOnPELOBkH44miJo6p0nzg0xVtIF11EYRjd1mmLukt+mhU5JG7ZqJbVbxsTCpPm+j1dzMqBaC9A==","signatures":[{"sig":"MEUCIQD2hXQnd/P1Nlvpd25V9M0cjGMMJjIXAlj1G1AWCz/GiwIgKtgqttVyHqI2QjZV3U3gngVv6akD7jnjmMhAnlp/UQw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIGUlCRA9TVsSAnZWagAA2P8P/22FaEXJ18sulv4uAmxS\niVRh8iGUTEqgrd2kQycqb+vRRvmPVDnf+ABB582t1XA6GcgljLh/1rTZbTVB\nHptohJOTse+ClKW6FrR965yKfjubSdWbAlXXSripkvnKm/CvAsPSzNKV0zu2\nN4XVZq99dDfi8ZnR1UpCJz+fIbVKEn5wB19qZBMUe8hyhM9abWYebVrHC3FH\nwSeTwyvs14cGsua8zglwGT1ISG2gLxP9rluJ5KVxG7Wo5bOvH1StIIHqsOSI\nm1fOV6MwCZDRhfbcALT5IsOvfoYXTn4Fx4mLxwn1hOWen3eInlb3nDRfGFVB\nIx1XLyWkGLKdS44h3rxB4p+aOsJ1LQJ3HyAsSEtg74yVrraOJAVoQXWxkRgK\nNjhXbK7KuhjlPBwkAJEOtWMeTVhHpfn7t8QNoe1eoSO+0CfNWm7d+rJ0JEQv\nzqhYd6fUzruhSi7gHhItdLe0RP1By1hjqeytnF424Scm8uo760p/xhkRWW5k\nvUQQ5Rahq86Zli4XxN5+tk5DxiqnE8FwebIJluZyKochFtoZGQbkNE0NKF2T\ntq98ow+DMU4lnwKPBVWI2UZcDA8CLpfZKRAKFPWNJwD0dxQurPDbaJLTTd3Y\nvX4E6OodfOVCLM3/qz8caacLI5x169IYtIrYslT98GW1BIq7gj/HBYeM6XsX\nQheH\r\n=+wq/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ca556c545f0bd908ba57eb0e24e99d142cc05b1b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.41eb1684c.0_1595958564938_0.07649884133085494","host":"s3://npm-registry-packages"}},"8.0.0-canary.9e2f6c450.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.9e2f6c450.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.9e2f6c450.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e4cd85aae89e00a75326b30672afdd1ba86d5eaf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.9e2f6c450.0.tgz","fileCount":12,"integrity":"sha512-cjl4avh9+RzHUzycri8uq+zPvWGsdkcLwMelWaxaREZHNPnnZOexIZmLM45GKw/7KgMvDk3voiCDIoYGYLWS5g==","signatures":[{"sig":"MEUCIEUVpTXmx8EkLtcMbEsXHUnYMzxbQ3VT82VGfQOafbYyAiEAglFAB4Q2d/z5IdSWTnAlb+HLzBQEMXcTK8wxXbqGakk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKjbCRA9TVsSAnZWagAAwGcP/jxAfv/ubBlluLbrPXth\n/GHDaoRF3IM4HZlqQiwpBFYe1Zdzno1akIg9XC/BmxZlR60uZ9QwJ9F9LFe9\njdSPus+WHn/YAulu/78+/X0ey+K0xqFWQXINOuJoTmIFv5LOWQ8wNQYcjOfP\niMGf9CH5yVewOluJGOcRCOiM/Lnh9+a42x9sSMBk1Jv2W4iUbY4TqJM0BhbH\ng/wGIyY08KiB/tGXSoXxOHOgc3u9j6eQFUV/34CtZ0yBNGIxCBFYwzaWOQ7r\n5uzDrgeU3DFqQpdOTeb7lzyEg2h5VA8RXHHvHz099zshVapntOZqpPUdYunw\nlg2lpBGQPUJFZigGj7Jo4/dqUqOrEURQ9SIxJZ/MJAEQYoQiTKnsPoSkBdol\nkAcpS/wSif1ypfyVPxrL/d/1t59tiZVuTL4WvIYQ8ND4HfiMwFHeXLVyZvMb\nDTmT3J4KcbDbiR/geJJlwXzuc6oLRGvUGt/7J+eCAPS0tpzB5d5+REtrqLO5\nr4fk0C9K5KmB8UPS7uPYejL3zzI6f6Pk3+Uilgs6GR3QTvOiNgtm6c2Zxd67\nj7lmuygFMobGkEDjS4lTGBHIE4y4hoxHpYfwEvwu40lp6taxRRwG5S+P10Qe\n2l+AUvAi3kAi/bRNSq61GiAYNu4dKjdYv65hKYdNug0H5gewfcO3QMkpSRX9\nB86R\r\n=nf9k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20a3870f861650ab884eeffe1d7657aa376a8ee0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.9e2f6c450.0_1595975899137_0.8190488050743776","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6950b55a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e6950b55a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e6950b55a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0483f091718c7f2345613dd3fc1a5ece2296434e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e6950b55a.0.tgz","fileCount":12,"integrity":"sha512-luYT5ApBtWD7axl3RJMZVgA6KrCgyIY04t2Rq2ZUJ8+STBS894NDAowA1nOdl+twoiEjfcE4K07phs8+C/L2Sw==","signatures":[{"sig":"MEYCIQCq86bFw9lV+s2s/vG5RDVc4inAZoGzcdQwYSDW/iSs4gIhAJ7n5bOjkxpebjFhB/CcAT22TL5jo2n9gRcSYcoVlGN+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKvnCRA9TVsSAnZWagAAoVIP/jiPABG8h62E4mH3PYIV\n6PPzAYABzcygxy7KDUB/20ASiDV+qvQXbSnoGMJcoIGAIeT9gnhYP55OU4I5\nZ/vIggrztQJ0rFg0exisWDqFLVbCG49L0UQkwhf9PClkAAijogqJRVRqKJ0m\nHZelLIokyBa0C56TeJlq3lxshBajiGENQbWxqLcDwlv7RaXEYa8HUi3ajBlN\nEvlALMkuM6/tNoyCuRmMMT7ffUYcj91R2zfZp8Zafqhl9lpW2Fqu0rM6sjsN\nYEoYhabPAjto6dF9LBzWHTj26BSH/CBN+q7s6ovbEfWONtyBH6gcvS8PXUXh\nC+N5kWKWovsTqH0EU7YUWXIZ4qxnRxW9mE7lDxj8Tvxd/HgyakNS2IJChUEW\ncw5eYbQsek0LrvxFdKmKbwbVDh5Ud3Svx2m4atFwLGojuTGZkcpGzB8yWsem\nVdumzC946llhRQhvNziasTODGF21k9jczAGwE0tJQVosQDo/lDMyvRs+9dCr\ni6bz8t5ZJfyGVpMgHrt2jSILBfGT93RVz0ulR4rFz8vx9sx8RYFOBrEhXycw\nKL5XUaYU3mvDecv3/tA5bgF6VJCouYDx9g4TJzC0AbcOS0awPxQgKBNilc2h\nn1ZoIBhVcae2jllp/87dMifc2CAeE+dn/0VDQyO2MPJrhZkeI0S+B3f/wzb4\nTMch\r\n=efKS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c71461d7d95f313de3fe5609fac67c2302432c36","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e6950b55a.0_1595976677860_0.9102063167868162","host":"s3://npm-registry-packages"}},"8.0.0-canary.5e51ee38e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5e51ee38e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5e51ee38e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d384297f1769bc6c166a8bbd200a9c4a732b263d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5e51ee38e.0.tgz","fileCount":12,"integrity":"sha512-NTqMSuWP8lIOzQo+lfV05UpBvHt4GqZKFsLvbVK1p/voGblEbNx6eQ9sbb9W0D4iuRUYHpyyRBIwaybASCdvvg==","signatures":[{"sig":"MEUCIQCHXheSN3o5EvUwtSp8zU6M6gOU0j5XAg60bc0yLoJ4WQIgI2498zYfsb++fSYd5gF13vyayPPeX+jFrrk2pP7YGeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfILF5CRA9TVsSAnZWagAAZ4MQAKJ+jAEqZRkgDr6ANynO\ngENPFDwIho/dcxIjUl/YNIO8TOJSr7UUrVRfsaZgKo1+7F4CmnI4t9zqcRep\njX7yBHeaB0xJFNPsPPUYy9OcTW+/xf6dFq2q4j2A+r3k3BI/CDaoJdPPJt9N\nsINLo14uxh2PLB5AepwWIiLjRvVFqDn/61AP5pyYmPPQGhIBOYd1+w54wTj9\nLRaWNA8OZ5AjKK5ytJKwehxklPbmA0aUtcM3jWA/xZXpvfzV1l8fPlDKX275\n30VDuzXu9CzeBGNgRAVgsHcBwobZwXn2PqcBsASwD/8Pb0ngrpl5FFmI5ThO\nLyST+NUG+35hndBzLdBWRudj3IDmUH2cIMgTruoghlqANxg9qrYzTDcxsiVp\n+gXcaIXrwUbQx0xojW3vcYLGibeVwlnH6XRWAR6olR/+ruOgOfbhM3puU48L\n5YpLCFYOrPnJFCGvmw709B9t0euDqsAXZBb42KNPdO6LqmK2uQEZy0mdcQUL\nQIFeWmhPYYtpSQhJgwYV/iwWZlCjfQ3kNSxh9+WZT/ok462bbJhdbZtCsnRZ\nIA4L8IbzVeSw0DclBX0JsS5xYK9nnSbSMtVNYM8lQx3V8H8u15p8Cgjzl/ol\nuHa6EIxOl3kz5wuxDaaYO9PzVLKaymwAjKeksDhqz6DluZncfMQ1/bTQdRgR\nlfE2\r\n=CuHS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a7ac25d06cd849dbb8b1620235e913c46f5d7849","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5e51ee38e.0_1595978105104_0.5545064582182235","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3898ffcf.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a3898ffcf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a3898ffcf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56f3e073d517b121fa19927caee4a84c4dd935ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a3898ffcf.0.tgz","fileCount":12,"integrity":"sha512-E1rDRCxN3x2s+pv5riNJMBUYHV1wPdOVQHyqmwzYU3T2NpFf29coYTfY1uPpMZimxmr62qWBICrlIyz75aEjeg==","signatures":[{"sig":"MEYCIQCM9upjGhCnqJDhXmPa0wLQr+eSpJKBfWhxGrdCDN2nFQIhALspRp69XSev7qzQKWzJmbhNmNmbNb4VLUPEeJkCi7dM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMRSCRA9TVsSAnZWagAArp4P/j9xtRlVyu1D2kHOQ3Hz\noWoZy/8R0oKKAeFXFn5iLGSZpZMN2B7s+xGA+Ec9ic/1JyPePuf1MccW1g4q\nMpCafJYeKG5O6SwW/1ueGrShrJrbdwbcVeLT037CYbYCpGZcCudV8l/zNGo1\nQKF1Cc0SE2xwAs+A/rLSGK0yDE4Z/z3PZ/KGZK96fuUhHQ37B0H/xePQHfZk\nBIegtmvM4hgrIoB+fZT/MvBzv0mo1a8vMO8K+foGcpAikl8Sl25y20q0xNqL\nescnbYAGg0Xg4zO5P2v0n+2o/cu1opHo7cUsuM6blfHwJ+ZLE2cN0/8iff4a\nZs4EpI0EsNqM5Q1Y30fgK5dMDLylu/g1G8msVQ+a+ePlrExhoetw59HvlIeW\nle9PWEFP87LiMMTL3Q2T4FQ5oUQabef6hjHYbC2dOTUHHu9bplPuTuUG3atQ\nnmuB6NLwLZFv5wCy342UGm3qixMlKdMKBFyxd62SgA+RH3Wo55Or8bC0eMC3\nMTPxizFJhQZIGQVUqk16gis1+iUerTccavBCMAIAkRrdPTWaCuEK2/vbkoqw\nAEEcehTexvkzDq3no1XEP4IgyUn00jdnnl4SqubbQvphjnk1xSvl6xnLP0at\n+BRtd2OAg0tbdcSl+qtpHYlVwAK7hJiN+cgT3kQQq126cZiC9a9qgeRRPfjI\nRDZY\r\n=ILY/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4382580dcbfc3da31d5107a92231aa87122f3f30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a3898ffcf.0_1595982929760_0.8489473132923167","host":"s3://npm-registry-packages"}},"8.0.0-canary.bc5cc6c96.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.bc5cc6c96.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.bc5cc6c96.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41b6a44bb8e25bc37964ab3755a693670d55c3a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.bc5cc6c96.0.tgz","fileCount":12,"integrity":"sha512-H+6RW03dfPpPHe7//Av+7JAEXPCbgBhnOAyl3bu3ICpmfs2jzA2rXF8Nduei3O4h/PcVXhsLAfo67R8cXGicNQ==","signatures":[{"sig":"MEYCIQDQdhczXll1uHWKTVNuE0k17hR8Ema5pm09kciT3rvLQgIhAJZuBv3+Rny6ObPzDgg7qUiNddYQzxDArMsUlWNKfkZ9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMdWCRA9TVsSAnZWagAAdcEP/iyuiJJoYQ1LGSOrBLqk\n+YW+99jKJN8Fax9yHf045bDEGeeN9wILUivDfVq8mk2NAzHd4Oghit7sP2Ea\nASecr9IYjLNcojI1jjW/dwXwRLlh+YkrQev3ZEHkIADQ3DqZF52c47S/abgc\ngWaqpo4FnpJ+ZNcTKYuvWupoBi1LhWVnpysCO0XGIoEeaI7GvJGMEIo94fim\nMgFdCJeyEz5lYRqgt73DOoUcC6j7oLES2NE8jt0hfxoFzgdtYcC+lQtVb6xO\nHuy24CYTHQyVNCbLMpS3sBmTMuyND26ayfiHWxp6+bcdbmHy3LKv/YJjJ8p+\nsNQNa0SFthgx3HKyJr5EFLtgtl2SaSQdZcOGvoszCG4KN/79OYqUtZiNEtJd\nZxaHPN0rIEgrKa7u5WBb+RsN/odNhQseBlPOT3NmYbBMVTnPkd0cbZku/fYo\nd7KnXieQMUzhiRWrylI6BmHln+DohoDb8v8x0I76PaRt/ONlZ7J98nzRJS7Z\nTyM20YJRF6ssulpEllO6h5s1zkpRY5Pey1U6tN/1QQtziu6a44wzoDnPtSE+\nZTGyAsl9OS4sGjXmsDn9XGz28vUMW0Pnj3uf5eK/sUWHBV95lGMH5e3687At\nuUKdsHy9nA2oj7Sf0utIi+Yva/iQ5cM/Yz/1yJR+PeVt+bZPkM9+KdjlfiKZ\nnrTT\r\n=weEV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ef5b32f85df29f3c19f5f6960f0f2e58025012da","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.bc5cc6c96.0_1595983701764_0.017244336758830192","host":"s3://npm-registry-packages"}},"8.0.0-canary.9bdeaf928.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.9bdeaf928.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.9bdeaf928.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fab073a2485cfe3aaf1c4a5db161c86eee2e86ad","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.9bdeaf928.0.tgz","fileCount":12,"integrity":"sha512-Z4wdKWVIGXaXFc82szmrB1T+bPD/KzjsGBl07JYff3IztBJyyY28y/hWi5wg/Dur9+0H4zOPYZD9QYV/mcafhQ==","signatures":[{"sig":"MEQCIBBNewZy1U7mb4t/WzmnpP7wm7IAHtlMjfwiTvn/1I3hAiAhq9pIeD7Y4Saumy5gcjvfS18OS7+fzPgVlX84rZ7qNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIM6uCRA9TVsSAnZWagAAQb8QAJk8YCzT2rE4dls5faUZ\n9kWSJl4/J7MutAGJzV/eUocjagzvEY7E0KuVexTfvP9ZxyvlxQJOLN225z8M\nWRq1hxb2s0JVdD4WHmn+XCN9JmYLmO5YAnW1FwY2VibjKFsT7kENHwLMBs/H\nOsxpP4WKuwrsLPXkO0DiALSYB028j9M6gNhwCVOywl9ubkbvoQCOVP6h2Flw\nPwfuCCeEkclJAVnSTJQF+wTI7X4L51nrsDdq7vAAXWmJi24sGwglJHkimBy7\nCniItGFJ5T+4YfSu40SqU1Usrlsmz6xo7c2vqu4LbJMDdJE3ZvrxkzCRyotH\nzuUy0egwmfTTbFPvQsBYaw20mqSiA0l/DBbt72ngjX/ZJnmq9xvVxdV4zUB2\n5Tal4agmawzZymSPuCQFVsIuHMeZL59tSRw5lQygEdPDLUxvzOb+EvsQ7jx1\nD6IxGM76k3a5IJA3JEyylSLEmz++XhV43gQBFWRCv7Fgdazouw5/oX/FJXp8\nnSlDHmEyiw9iv44HTujn+I/r17itHSni7un3vxAx6pIeDRWC20/gtqq40n3Y\nVJpbT2oYv0kmaZQICGr3TUDRvjGGIypi2Ce0RvJlowqDzB9dA6413MWe4Imk\nT+IhyrBnAcMy0EmzM5oYUDt4Hn2FYRLzgP13C8uiX9GgGjXyTw8SULJtU7wN\nrGP2\r\n=tSm8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0fd3de7a6a462365d56e724dcf32c2c1890f553c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.9bdeaf928.0_1595985581791_0.08810060073267612","host":"s3://npm-registry-packages"}},"8.0.0-canary.fde2c1f9d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fde2c1f9d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fde2c1f9d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea64bb32865adf86d0198d8f828251666e30128e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fde2c1f9d.0.tgz","fileCount":12,"integrity":"sha512-p1gnTzBZTUKoIiOWuu0IO9OjvyZPt97ZubqYpQmqV59MCoCRB6fbcrUSsH2GpK9xk9X2L3UqZh/5bc3OVKqXkA==","signatures":[{"sig":"MEUCIQDwRSI+gfuNDXAMz9HRxYAId3sc7XzZS2ruUUfx5eefBwIgVCdlA9qVA732rlObOjotXv9PNMGOGR2nxVRxC5TZX0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINITCRA9TVsSAnZWagAA4TQQAKSNs6k8XWVpLCyV2IeL\nVJG21Ib0FIe2aNZCgEFqbOkLc6BZJvGPBZ6KJZAIjEJdcVpLa4hA8sHoDVwv\nw1pxgZB38qx5qfNxkKFCh9DCQoa6AFQHkElvMmqqWYGl+5T7G+QIOzBTKDSB\n9D5s0adMvSH7mu8u3r/NGYHBFz/uOIl4nYc59TxfVc+z4Gcy+8QPydY+v0H0\nkyOu1DGjPPb4E0++rv8IZ7qHO89Mcu0qIsi+UPLgsev0fXXNe1rih+0m5ePq\ndsZQPo8ENM7j+qPximhMDXzWj+Nxw41ZN0GMc+WQgj4a/ePce4veXixHlEvs\noemIr++48Y+savsq5Xm8sV0uE03jNY3sJCX+V4VMYtawLd4F9KfRTT3T5crr\nw0rh1a9SO9mELP3k5C9VGkN0RwEd8QOfxihq123xL9iTs9c6lcq+YE38eOjX\nlqIb3dWpfkIedUVWhz3NNo3DVMVVeYVMbGhUs5QnrXa42naZV+qHKkLI82Cg\n/FAk1ywhOXDhPOKHj97JW5c5kTOc4v2ZQpJZY75E5Y6hcgxms2kxVZxedrp/\n9usLeunf8rDXxRpdjy4uC2aWpkdt+Tf8XLfHyqzdpoazsJ4rN2ma43vmB0gG\nMh2NIpmAwiAHBqjykddbpcfFcXNFdxfOwzEASabpTpWeUTfLJOMhSqQj8nkd\nw/Gh\r\n=vh+I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f2de51610533bd781edd8339c8555a3c03546e3a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fde2c1f9d.0_1595986450800_0.16917500605719948","host":"s3://npm-registry-packages"}},"8.0.0-canary.6b3876d5d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.6b3876d5d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.6b3876d5d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44ce74219034fe84bf45e70ffc3557bf71ef05f2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.6b3876d5d.0.tgz","fileCount":12,"integrity":"sha512-80UGR3S1Vv8NXEjJJG96eBlO4QoaptdM0mqzsQ+1x0qRxQzDf5bBuf3RvY9P98RcOdvyW/6NFk6UqUbsg3fDLQ==","signatures":[{"sig":"MEUCIH121yxyX0YIvRJD5ayJP90V9RIY/WXp/iQcomlCOAlZAiEAy6O7lcpl6WnEbvrMkl8jvSScG+6aq5pC266b/SkyMUA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINLzCRA9TVsSAnZWagAA578P+gJQLacbRrTuQ+SOpMwq\nofZP9ZVE7hbxCezlw8RCCu+86DgyqQTefzI3A8u8gMeBy5Pop/Kz+ZKrav5q\nwRxiw/HouxbswMqblYuUZd+hHmXMeUe3PcAgWbquba646c2bFZ4vAf/9Gdzd\n9nBK/tRLe3SpBx4Gr1jd/1nGkwE2dve1kCDUUxPqW4IPakuNI3MBUxppAVb2\nVaIschLq6ZfEF8fpyKOsLsP+Rgigg4wYwdA3G0lmE3BULnJAbq1RHrDdzo0s\nkog5JgK6UIrIYYcLbPd5hdHwuI800lk1ZU0u+4lFMJToifKna6kqvzNGOTod\nIU8y0IBY6QBTHPiW85XOyVO//ZbM1pGfjoa5cOBTroeLfMhUUllKbdw1dbfz\ntsTBVmE2KDgHfXpOOav2HkpLZeB+oGOIOh4BTzX9MMmMc8fT911F1NoKXr7t\nk/WRIQTTJZesQyWYt7Xnz+/j1+lXZW/BmrPRqDJO9xb1FnLz6C4iA94E4BRy\neYoQRdl6DaX+yonRyJej1Tpi0rdObhRILcj7o4tPJMAo8KJXwUNfhfsh82GI\ny8EFIhVuNfFlg+rpyYa/ph5v1zMa2tNcPzIgyiLAblEo+IU60l59fnryWhOt\nRQaZHuc2w4TSP8P/3/YOpeoxp1Y087v1Lz9Cxsf9I+lcCQX8S2113Hr+i+su\nGR8B\r\n=wRPt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3559342f661baeb39f2e70f1172040aba07dbc1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.6b3876d5d.0_1595986675105_0.09895668157246584","host":"s3://npm-registry-packages"}},"8.0.0-canary.30ce17873.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.30ce17873.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.30ce17873.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"080d151b79020037e5c9f0ebe58fa10933c9d0f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.30ce17873.0.tgz","fileCount":12,"integrity":"sha512-/MMbqZWoOhC2dGiUHTr1bekyAvvzACFbdf5uf6Hnbfuq2sQ9yQnd67hDboRzin2xMHJdp5t7POt5bTUXLpKEhQ==","signatures":[{"sig":"MEUCIQDaICP2P6PANvKlzCTq9Itd4UkycP71FsE2JhtsaKG1ggIgbaVPSGXbCPqf3NYSz+jfta4AdtJ2qu9v7AwGJ87njI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa5OCRA9TVsSAnZWagAAujMP/RTv626UMD651pGQqZOQ\nksLz3wiqUAtW4+XrnylNbGAurG8tWrc5JpWZKm6tBt7OZ4/AGs9uDtrMDol3\nxsmGfo84Fh4BeKfMKKbeuzOLa0NCsUIAbPOgKbEYCb5DHQEzMbKgJ1Vl8QAW\nNE8VhIcDi+42UqLGdvl4csbhLumT+RgekYy/2yfokZwbrAahJgjn4h7Vcclh\nicWtwtlc21ZPM/i749LiT+QQ0HZv607pkl33WJ3bPK8cy93PU3NQENuXSi57\nI1EpYrXBN4lPejTv9uqknM+R2H+Uwdmo7BRDgLqBk7FuJWrvvGPYOC/Gdol1\nCP4boOa+gF58g9yiLLG7OyGpHHrjBHvnHPgNQQ/IJM1sCi+wbDGcqSVya6Bl\n5BFVr9ciTeuay4c7LeyGz1SCf1sxe+TIQcKfzBpwm/h3anuSkOBi3kpOcmbf\nUrzwAkMcTOBEZgsbBgdzz3Pu6uqDXK+KUM1d6loNqwo+nTqcTXPvTI7QplfD\n/mrUb3rLQLkYGHx+C32vV64MnOKVjT/04lXmbD6p/W2PhBYqR5bqfLRxQfb4\nEvE891s8mEJDpTAZz4lWwx4HNUSURlIfxGQri5MOHJj5N7dVUkZ5xrD91KNg\n8Lw2vpN31/WA1Z4V7uhHjtFjgmvrb91mry9FXPDj4BU3CFgiXXLGeHedHkzt\n/BKY\r\n=8d/R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"88fa0309b6185f09fffdbd61d0c3e16f53c2530d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.30ce17873.0_1596042829861_0.3619972886864553","host":"s3://npm-registry-packages"}},"8.0.0-canary.f6bb43bf0.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f6bb43bf0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f6bb43bf0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30ba475ad4895a8e36e64d34da8ef9fd1161d158","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f6bb43bf0.0.tgz","fileCount":12,"integrity":"sha512-1NyqJjTe2u27cxRxI6rBQs1eiXE9037FPkc6J5wEQCRNU2S53olVojA0FiWCGjVLoJUBiIvT7Gn2QVczb7vR7Q==","signatures":[{"sig":"MEYCIQCxdPZHfAGdGuMqs+kHO2XpUHH4H6fRJsIe0W08e49ZjwIhAI6KdANLcMd5mvj8b+/NpntwUI0QSpVsXv/b4dUNu4Ly","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIb7LCRA9TVsSAnZWagAAA/0QAIaPN0RlPwo1pktETDbG\nwKVqE8JaP+3Shh7HjIp32rGYEANSyhHtIauLkxDyiuY2cGy0SCFr8hTuU61i\nNuWi1S5aqSL2ebeMIsSNlJ6dhi32jN0WQIQR+DCHutpWsaMYKSbrqLG2toXO\n3rfpUH2sRYpzZa9lPF9WAAxhorZNgs+kHQEEqtkfAoZt6iYqVPK1Sinnbrsy\nJM40izPhzBw8X2YHea6VwJPHAVIaKR+cw253Dc1/JMC11uREOwubgbqeNlff\nQUaVJrfb22MCqg5d5SCyHDwLdkHj/S8Oqd7w6DDu0+SdZt3OSH6Bk4YjZHnq\n9O44Y8wMjrVf27jg5q3b2hGT+b1HQ5hqKyQfsFNOg2QXO5YTcrFdxfpnVjyq\nHkBlDMVjIBxcaUT3snMBld1mZpr08gC8KLX789TlbxrrJR6zA79JNK8yvmgJ\nNEgA1RIgYVU+vZRJE6tJM/UqdbKKCfDxa5bJ/LUqRnFlUUMCMyYNNIlUT0wx\nJ+Zb0A9VUHV9asxFT6MgzAmhLjdO2f/5qisLcC8ilNFUv0rdrvItHqFaKu8T\nh8FZRFIcVgBuP7Je+RX5j+NWQUHIZ+MJgAjLozMrvcXPR3NrPM2tW91rteLk\nGSfd8p2AB1xybdlk15F1MquDgXW7LFbLIA96bFmcaZnxYXEtqFBVNwScVzD3\nbYhu\r\n=Stne\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d511f86ad9ca4460730b732c04ab497fd558d515","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f6bb43bf0.0_1596047050906_0.8101825124130448","host":"s3://npm-registry-packages"}},"8.0.0-canary.6af75f6ab.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.6af75f6ab.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.6af75f6ab.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4098e5ccbf19b68d14621c3075245b61b93bbce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.6af75f6ab.0.tgz","fileCount":12,"integrity":"sha512-44sNghAQ2B96bt2RC/mA+dkihKU+3d8DW+wGCCVbkA5q8juLXskhKwradNgf0rb5sI7LHm52zJonDISbVhuAGg==","signatures":[{"sig":"MEUCIHNmp5hLnn15ToQLRTn5OS5DDblDRnXaO+SQtq6EudYNAiEAjvr3fNCmbEEJj0b4f2/F0w+FEO+IjSmIFxRSTObhkKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg2bCRA9TVsSAnZWagAAa3UP+we75yGyavzUEfsZp15V\nsUACtClMCKo1KJgMKF3J18RBStrIR8/ZaIb5k3e1qK5MnHJWyjtN6QQb94og\ndQgPcG3s7w8JJte8faJxYZQLSAHdamhRC8403ha3J3FEgKi278DXkNKwbGEL\nn8ePkzX7YH3BcIgi5xfSbXdSgv+Orj70cP6O++YLW0tm7Deu7Y4a9SNZP9Pc\nmSgLcXkwqpdMBbXe+pYWQzgF9h73NVTEEQSgskUU2V1WhIa7EQgLP6iTsqba\njndQqM/GJkn7iceTcL3QL4EnwlBEL9zJBvuASwUYEoAcl0VJxTBFexgBhUe5\nrrGCVej/ILeg8zaY705zFuZsYGdKRDV19fYA+dCIpxR7gDUI7LogciV/IxuP\nYcn9SxrydHkEN4IiaIPgYGunJZSgEx7GDG/1vUkYl206FMF0xBf0Yju2rJhs\nsoMKyVSqHpWeJ+YlRgZ5LjMgSZnhAVph2gmvZOdA1zT2S/2lyj5BH42TcFWS\nsmNdSkyQG2SNX1dD+mdI9xp0KauZGSuhRC/FIq39Bl83kYyzN037QoqPGxa6\neV9fdrL9X361wf3Y5RZO9XB6/gM81gMbeIRDlQ/sjgxA/STARCn0eTuvIDs6\ncRyDO4z633Gw4GP05Uhx99YO4sd8WbkEXZLFbGIe9V0A8FqUWNkD/cI0Wbxt\nXs0W\r\n=9Y7K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"44ee60f895715b8f7c0a7da67637babfd33452cf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.6af75f6ab.0_1596067227143_0.22406965911598276","host":"s3://npm-registry-packages"}},"8.0.0-canary.42d7a65aa.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.42d7a65aa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.42d7a65aa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e8eb1a59d3f585df23e00487a328867f326cbfa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.42d7a65aa.0.tgz","fileCount":12,"integrity":"sha512-1i/Q8+CcezyEAQmBDZZ0mypYMnBaim2/+xNc2YIZN2b/OXC1N6oXxM8GfYmucA/ndeAm4XK8vjh/gIOiea34zA==","signatures":[{"sig":"MEYCIQDlchahVaJKVTMxtpDz1USPLZi53j8SEWYtbmXGPVBdRAIhAO4md4ZNXmKGpCwCQMElzKXZfanc047rA24h7nvjqBy+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg+0CRA9TVsSAnZWagAACOoP/2PT2pnd378kn2kC/rhB\nXj9eeaD8wJeQui1EaMS9ZQ/GfJSfteG95XldKGDpUoMP6NxiygyiEspi8555\nzyqfa8V/YiuWChsc5CYjihbb/WmqU0jw/DO+WoEJWFcc59n7KJOE+6wmfq72\nQ2NUtkbAJ76d0/VAK0g6KDFdWLRKIqwwHGMeI7S4I1R8HunYn2y0EKj/0JsX\nKUaR/xHwvXCpkvF8mHViAiXdKIAso0b7ZcHYWaMRsemCkq1DWKtDiKwH8zKi\n9B2/ARVKnLtnwXgQjlTabyAlew2PrRGfcCcvIXyxdUz5sHkmEzXrKJ2yAYk3\n9V3/NTN9OVR2nVrtoiALcGY1/pel718fAs5deJqsVpom21ngQPGlq0BwXm8u\n1M+P6fj7Pux7cq8ORsRWx3uSfGcxafZGvBBGcbP4AojLBGEkoKMgKT7DDFTA\nMeCNsSusxybWcT9lQtfXzuZ/fgjPmH4pCZw53yc2E+rxIClFNuhjsabeWlDS\nVQ7rl1x2vllv3LOpnlgJRGWK1zEpa0KbFepenSpwYCe9oBMHp0zYGhUyS0x+\nlXp+erWFl7zZvntxROF3T03pvp+FHRe5V97YGCYeAgqDSu4UEfRmxoXXlRHy\nmj0yFMaKgbvP2oLm3WuixgJ97cpT+oWAqYJXmkehWeeL11b81BUw9F+ICrh0\n754S\r\n=xKT3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b6645573c0460e7bc8187d1a21ef306b674e1017","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.42d7a65aa.0_1596067764254_0.832778114816181","host":"s3://npm-registry-packages"}},"8.0.0-canary.85abdabb7.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.85abdabb7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.85abdabb7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b4f05a77a4607741c8f409641c618eb76a8d49b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.85abdabb7.0.tgz","fileCount":12,"integrity":"sha512-XsCzT4IZkS9u/+qU9keG7mqcFpK1X4BRFZ6fWP7WK5YmwSC/MyRrZ/JRlPYpbd6ItE5fD//rn8AaGnrzqENP7w==","signatures":[{"sig":"MEUCIEOZCZIwI6AxxjLqRLke5BytFdGGavfKfk8Zi7Z/HWTGAiEA1t6kShFDiKJWVG43zkMpJVHQCK3ACWekeXw/IWGqcos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIhDlCRA9TVsSAnZWagAAdEUP/2gvcDLO+Hb4y/NAvyqy\nrD4e2ZGMJn5ALglw5YCyiXrNpFmqeWuIMG0/hcyPsodtgvykjJNNYl54dBR9\nnE0240rcXZK00grjEccfMGVrEcLWWcPb7XZwnByR53jxlvQP1kxta6tygAb3\nogyAfZWhFK9pm3q9DaKJmDizVMppdqyunsXTb9JrRtFKRfTbT2fBu8+xlO0x\n/tSBDglm6mQ0jdRmFI709VCvzrYrLmyEEEPYEcyUZgmyZpruYau6sxMq9KSn\nbHGcALM4MZl8HSp8ZgaezIXC+CqPQn+B1XKMLvVnl7sLA5yAo5K578GfU0dO\nljVbLGTzfn0/Dj+T/GK8e7n5N69rBWJv+iuitf2B+Hj3FJVgdcgAR0UQD4QE\nguPLM87MXg2Ljuucwhhrju8ZLGOIMiFEHbA6vEA9vRLuxt9pWuZkcBovE0D4\nhfj+KrYkNiPPvn3HOsG1wHsYARQa/cWzCgEjOzuRIVd0rdNRSnYEBlBIjzQ/\nCPIclzGTuFT2XxT5uw4iox5dGX1P1eaYQ1pZfjAULGIh/IqPMTmuGWnDECWU\nS7qgSiLOzW69wSgM7MryqWuz940jhufmONHMTx/5AzCjYYpIORv8k6Mf3+jd\nWVFKuhq/bXKnp/dQ7+/MLVzVGa4BHvu/1slx9tdLpNoHaBJKYjxgqJFfgYyV\nsrYX\r\n=dW7w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4686052ff6039efa085c0d360393374ff4b2143c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.85abdabb7.0_1596068068993_0.5843228073842583","host":"s3://npm-registry-packages"}},"8.0.0-canary.49fb20ca3.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.49fb20ca3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.49fb20ca3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f4ba62270f170b4044aba6b652f7c224ab4b03f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.49fb20ca3.0.tgz","fileCount":12,"integrity":"sha512-pC46ZtYKiRMEzJaKaWmKjwQ4p7thjicvReFzfLFkO+qSAzV/hNrPUu3/797Xa04WvmH/8FktwcaDLBjITzp5tA==","signatures":[{"sig":"MEUCIQClh0pUdOmTyzE42EidSFo2DSUsSTYmTA3KDjADMf6SGgIgCgwFDYHyFpQrdtmXZSJzM335Jy87xKEVvmRwu6ceOTc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIiHWCRA9TVsSAnZWagAA9bkP/RszFZtz37eWpi2tCN/j\ntu8N6w9GGuN/iJ+IC250e58mmJcjHA+jYiQxZjxeyMB7L3jf2v/d89Uwwtm8\nl/m0B8cWzLMlw6Z/fojoBlcpr1/47A+ciERSOe6la6el63FDup5lB+a4GSLk\n+IqlujrIx3AW1ZdgTywY7s9EphV77n2+twNSIf9j/+rIESXEkr7YIi2PIO2e\nLY1/+gQWb6U8ji472yfrprrrWLrZcrGBixQNsFInANIOgmauvXhZ3XpcqF/w\nYt16+iWz4pkd7trCHB5ZdXzOk78cyTujJWN8+5+6ip4lWEyesbf8+YHJH1N5\nFuUybZQMoeAtUdhxAJwyFvD/aUV+OcIS0xlxB/fTBsnkFHVDNYUIlMMO0ZoA\nctFuwmxHpBBOJ6s0uSaptAKm2Ca83AyofLu7vIrfTpHwwpz9FGRBjgD7LbzM\nqHMBWQ+N4pLFm9QXK6rbd6AXvykISVIS9l01f8Yz1STwRNedbSNsHWR22wAt\nECr1mKB0xwp0wJTI43tATSciJeUnC9Zr2Q1agaWZkMfMd7CubAifU/NpTSIq\nrEm+bLI7JZkZFMwUXfbYnCcoWUT4ngSQw5TbmfOsBtirydGDYKhKtmMgzWGo\n7hlZK3g9O9+HISoTDiCFY0z6nTQZjT05RrIZtwFE+Ru362HjzC5lnhPRLKOT\nRoJq\r\n=hf1u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9c66ae7fdf6570d9cf334102b5004c5a04b628fa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.49fb20ca3.0_1596072405978_0.6651855345252995","host":"s3://npm-registry-packages"}},"8.0.0-canary.962d4abbb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.962d4abbb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.962d4abbb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd59362cd36798e745e26da3a80a94e54d76b154","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.962d4abbb.0.tgz","fileCount":12,"integrity":"sha512-11TtfiMio1vWeUoopneCT0jpqQlZ9uOoV3ClzqQ02N6zf89AJMuAOln2rzAHdOHaPp15nFGLZ/j0Bp2XUc8R4A==","signatures":[{"sig":"MEUCIBS2QaBE0pS30Ar1jOX7F7BeQWBQZ/Lvh5GKujztXAiUAiEAq3BD9fwEAs5QNmqEC/7AbxEXia7nbkc/KahJSXO8lRE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIvCzCRA9TVsSAnZWagAAu4YP/iu8fGzlJbb2C9bhGWVr\niwHq5x6mL/+39L/AtZKdEit3/ode31dqgfoplccoBw1Yu6scaaoyoD1pZLW6\ngwSBnew43t8vakP+ziF18GblMCSydPAaR3mNGNe3hjruSMZnRBQ23rOHXg7a\nZK0SMt79b6aj6vsBxKnYHBhVL8dZh9dOvlMQBsTKaqpLiiffeb/m7QEq+r6T\nnsO3KTceL2w2FT9cGymenGDmFG7WXcZKPdQA/PECBq5f49Xv5038MV2Cpa1/\nhrcd2JOn1HuE7js22S5O27w+JoRAspVB4Q5czc/dMOUkCS9Rikz7XCAi5FlD\njZjg5r6wiPErsdhi5HfTm3jr+Y3g6Sk4YC0EZ5TEajWuEM32O6I55ki8GTka\nZ/vPhUpXxsCQvSRl2k31KNOAYNpkYAf2Mjjggg185q84ugY3mckZhs+jsCR0\n2MI+HAkyWH1VRjSeVLvvxDoV1JmSPeRVi07MZdf5TfOBuUL+39XFmvp8a8Dm\nAhHMV2u84FSjiCTxQeX6fzTEN9tbdR2NDTdKL1Oxz1OGrfkPrvP4uazCJAaE\nSD2uSsrdM8LNur+Hkssx6p+Meh+fcR1OGpuItHzU4zfwqgWswNmnrGCIJPpM\nJ0wFDPA5czwtt1i186b5N/yH9/QBaf8N1BpoIM7tErvKRkIFWC6988P/iF9d\nK0Wc\r\n=t8vZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d373d2867180ff5f61fc4d7afb88a8825cb5cc9b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.962d4abbb.0_1596125363129_0.7830735422523822","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fcee40cb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2fcee40cb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2fcee40cb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"292163d1490ae3b1cc43d05ca6b97bdd584cd72e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2fcee40cb.0.tgz","fileCount":12,"integrity":"sha512-AkkHG+S39TVdbXDu3EKB4jZA0YrHa/AEDdvgtXoHXT5UFoeSIq7Hnl1r9nHbGGG6SiiaX4OliSlz+yKmS8RFBg==","signatures":[{"sig":"MEUCIQCqRooBYvy8yRy9eQ6cOCPKtmzwbBknbwdU1OqFH++lqAIgcSZFmkpZBLA5Vd9Glc6l2r2fefMdHxeTSngBcYZbDZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwFqCRA9TVsSAnZWagAAm9wP+waR5nHKjrMIbqtWfx8J\neLEDBhXWw2CF1orQZXff5ohfZL1aBDcLo+t521I/yZ8bHrZbaj/3CuBN5jao\nGYYClMmPAa9kH8O9a2yXB7cXjeJvv4uloF3j4ImCwOwP1S37D+lASDIy2nat\n0hyEXul1UJcT6PBBHay/n4LZzxGD0qFpFOgHE9at0s7o1/axFMmN8Ujjt9Qt\nQXaagtcliP2uKKxxdFZSWK5RiGfEj/CdbBeqdD4QPzqsYY8bSgcaV00Ef7Fr\nGV9z3M6ds6NARyQ9zWqqjNyBTxCF7gLK2Kydh/+7r0aJczRC8hB3yDrVQp+S\nqBLgvcjGymrF7fbFS+s23F/N7B/F3IVc3qAp4yZXOkuBK8yLvTXf4PbnUpJc\n7QFxIVZLU4ECjNfir5Mq3ZXJZrQ1a2dyW4TQAqbkSs9AQIgzCVVQY/9Z3Ns1\ndkE0lt8VqlchoL4Qvwv5FlXJ6kRDZ0v3vahjouXinu5n12Vlf/SKkLUlaDwY\nqRXFsrWiB3qh+J1HI2TtIPH79M2l/l0RkscbCyuCzmv9tB1wwSjTTsr1nbvx\naTO0s23ppT2sYe7GQIySP65FThK6j+O5jUWa+dNbKYtIwUnl1In5fdZVIxDl\nxVgaalvvWV/5hBhN0IbV4WG6kTSPnr4doc334DFb5y3BbV1KNa9CcwsRvlnN\nmntH\r\n=KzKW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f769a8a60e9cefb9e0e6306a96914e8e4b4c0c90","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2fcee40cb.0_1596129642030_0.6450246321104804","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd5987f5a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.bd5987f5a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.bd5987f5a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0ab26fe51ceca7800348098baa7a98616827da5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.bd5987f5a.0.tgz","fileCount":12,"integrity":"sha512-fMEml6KppExnpD9TP5YObbXDxkGCUxz5yRDy+140eZrPo/arteYcQ+VW3nuPzQUNwPTnqg/GrElljHLwHSsPhg==","signatures":[{"sig":"MEUCIHSFY9UbfPqEGipM6JYVJmhQiONUN/cbDe5xLRcVMLyIAiEA4D8DSUpUpMeSqOxRMhpK/EtlAw8Xi36KTveh6q2NfBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwcxCRA9TVsSAnZWagAAIzYQAIMpqkJPQzvXUVZJQQ03\nd2Nd1r95Ztydmy82xc83t6QHYiHWRIhVEq7Oc1ixcHtWcZfBBWmazpZJAXTs\nWGeIpeQ2D6W2Fl25u+hoCDUsVZOyFSuhza6d6Dd0QTm2iopqUMr+TK6i/li5\nypQE1S9AD4fMus1a9ub3+k7bh98gwSC13YNuYFd07TDI5IfV8H2iDtg2GFzh\nmkFJ1BztTe/Nt2/igFIZFlyrESwsdbJmDB/gr9RJyzR6MYkeMA/jIY3nA6kJ\no/eTDxtbQiiy+BdOps4/VafPYI1YCvpGupV9SUU0rz2ZUQXIu5lQ2lu8qH6X\nVjdhrA5g6zlh2veeZNOa3irYKWOAAYXJ4j1AKAXmnp1l81FcDqkGqeZOCOec\n/kA685f0UiHYDD5sY4Albz6wNcfE16mUrNk9QrpMFwx314S7UE0WoHuRgVlL\nAQTXDkcS9VBkzQUP4D/qzvCeONIdjfGywCQCPrIeoQlB2ky9KAXm3avXm3Nw\n/JMCQ2A1izu8aD7QsuHOt4dJcYi916Tm+P0o3ku72hGXGRfIxRXCjCiUCQOk\n4DNRwjzKVbQwZ7NZxrqyTk+TT/m7yQ1u/7E2cD6UigvKZoWLtswC9dhhBsaa\nFDfezuHxGvFlUih2+ZA/eaLh+gi+E3AbbeIqU/T8g/AY4mGZiUGdYVAsbeEN\nBEj1\r\n=81eW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7825c698a6686a8ea967272c1f150363b3845900","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.bd5987f5a.0_1596131121276_0.8517115244939086","host":"s3://npm-registry-packages"}},"8.0.0-canary.005e86a9b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.005e86a9b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.005e86a9b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8cd8114e0fa2531e76deed3e697a479597216d3b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.005e86a9b.0.tgz","fileCount":12,"integrity":"sha512-Iy3SUveGYr0mkDmqTgPPGy5EEGHJXvk2pIyWWKMXfeX183wADRahSncPWw/Qu18pr8UhscSLu/2/YiXfiZXiJQ==","signatures":[{"sig":"MEUCICID8HCEGHY5DcPJV0TT+91q6QKHvWU67lsoLY39OXFrAiEAhBdxoJ5i5SGNuZWSmvnhEvbOHYMLqI76QQi4xzvdr80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwpfCRA9TVsSAnZWagAAlAEQAJ80vccn8c2e7riHXf+q\nHHrkkJtcRilYy0HibDvDICn7dxU+Vdjl89/emnX3YYW7KXvgz0ca28I89dK5\n/BcJO8OPZCoYi85iirOwZp+SN5RUP2/LagKgmu413S0NtIu19w+dKzo4T6k+\nhyrh1KUYs3pXdZ12fu+EKMIxjIMtcLFzvNJmT1iIKaSWZEYar9DG8l1fEkRQ\nRuRiq3YCwVPletanURr0hbpL74f07XRiQGTNPl4XuGWlUQdH9M8JOXmg4K9G\nHgy1FWJtMLzzX9yMXZkC+NOeb55+USFXfnNxAXa4hNEd+7EaQhZNVmPD3DCi\nXVT+mLMq83/U20BqVZQSLp+Hy4JXBZLBVP/FGijK5UxdmDeUgT5HlBocjHvO\nRYSsRxu094cBVzpxXejqVLV8myESKmw4MtX5zgxVrXtnuB+4/J9lqpSRy2Aw\nJVCNl5HVXSL0zvrcmDiDBTV8NLhycVL2p7juJxTezQM0TQIuOamuyyCw4HcB\nS8Jkb9HXVg7tW0J0/R6jpYs2L3ZjCUoQBGalnte61j/w3XhQx4tJSpMeaetW\nbLLU9LypE5W2zQpNxljevDPE2CETYIUOO5z0pyObLzKkP1cwbjrczzzSQZ8J\nqR5bB5sJsbJnRqMk3ePwtLptRsN9/nPUCgVGIQ70/uQdM10QSVcEWo1Oveu8\n/fta\r\n=EcbQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1c429f861ddbb35ec8588ea55cb1845296ab0218","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.005e86a9b.0_1596131935064_0.5493092019095904","host":"s3://npm-registry-packages"}},"8.0.0-canary.e309c7c68.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e309c7c68.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e309c7c68.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de4d7756aabe8319cd6191e7bc32a328ed0b5aac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e309c7c68.0.tgz","fileCount":12,"integrity":"sha512-qIdbcoBmCp3Gi93zlgWPlPJ0YJIQsiqYAvUjLBBYPxc+qSNOcp1mzBQxSX3vH+sjnN1HLkxMowGIfCSEIowm0A==","signatures":[{"sig":"MEYCIQDTgIZf9dXpo4owmn8m/i9CD/MWq8jSGh8lMcARMig5DAIhAL2LTnQYUEKJpELI0M8zX+QtXjttgsRjW+zA+g4/Jkod","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwxvCRA9TVsSAnZWagAAbBYP/2eoM5hwxQBvd8lyZlJQ\ntEbAlevJAYh/EejHVjsspmXk2sUnDitR6TVdyYZRkX4AzZKRbCwT9Dq3A2N5\nCNRYQRv2NaRueUtGhKWTKr0RLWhYwVijsRqylWF60Mpd3YbawszthBhzSAmK\nxTt0WTs5YE1xtlglFDBoCaW3p2Bowk0Wdur7aZ2UVyUy1W/wVveSf5VdKBhW\n312twPMqsYVK9t6fMgexeXwFo6f7/rBcI/4ZEqCg0xk//juvyn7dlaAOyIre\n0RCZZbPRQjkoGmBcxkXe03uK98IZeiksDu/Qsy4ncZYQosUqTcFrYIrHZY4w\nlpUy/gXamEEwzZW+bwUUp/Ya8c2G3UTzvqzuuG+yx2xOPjsIls4EvHd8lyiD\nr2ERLNbX2yeAEfUvdxQCIElzs6cQK6uSmfFGqJ82U3pQZgTcaulX8JODf02V\nwLPGJHB65zhNtiz0A+W+C059udjuIe6r65kdCG7h9BpB28LuFp81asLaZyYb\nFiy0zciowtiaXXF3Adk+GiwKKihGWvA7ff4O2hy/ll5pdT85wPrZ1aPaKoii\nINTnQSIawvB/t38INa855e5vbIobZYzSjZIUGPSaxcwdMVwOTaf64cICtU0f\nFrrkrOvNdN0gYO8DcCNGzo7Ac9tKT7Dlt/5tGbvUOx2viWlVw3xQGks0ztJX\n7OA/\r\n=PavD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3ea460933f859061781daca3ae127802388c28bb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e309c7c68.0_1596132462760_0.18755000498752228","host":"s3://npm-registry-packages"}},"8.0.0-canary.935a51cc0.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.935a51cc0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.935a51cc0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e164ba03dd8e85f88f364ab2a4fce5e71703b93","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.935a51cc0.0.tgz","fileCount":12,"integrity":"sha512-q5kFiPtBEN669GcmwIFCv1O/NYmvRxD8h8ONB+3UgdntrTPeGyIyE6HoPxa+A84mq+tphjg++Yr8n782QrdeAw==","signatures":[{"sig":"MEQCIFyzww0U7sUx7TftCupD3hP2nNoTu85wnhbpJjWtgmHxAiA6F5RfYQwPw3VCqF55YIavy4keOShCjSMYVctS2RBEnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIw8yCRA9TVsSAnZWagAAxgUP/2h1zFLopePJPbZvjLTV\nF4OGh3V7Z5qGVjUmb/nZZa2k4OqC9S8HvfppGH2st0v+FlYirKmwWDHTaIQo\nDaElUnZhtUp8rJCmAEnUmjpHg1gLlFA/nzr2YaPuiBQkqjYPPiGUWMI2SERT\nhLTeZctDLWlXHxvBcX+Bk0EunVG0g1EDLhcKPo+X8qBkoOopp1I7ONyZ9KE1\nQmn77zAmbj0xBHqlGiuyaLucUDRsHHFkSc6D4UZP1FrUYlpdPOApsnCOw2Q0\nSI2dje8P4/FzR4lLbvDP0E5To6BWFGgYpRWySZVzZV5GkElTZtTF48H4LaWC\nr5yNz3iKYZSlorHjS5LSau4n0zG1a/n7MzkZlaQTvSYQ9xnoz0ds8oCrjEk2\nA63+xa80R1G1vKx6jEaI7aK+BFeI6/d4Q/W3glzi7FV0RiVRuuj35wl2huvp\ny6Cg4LMo94Y8xTllyC/QCdaD1Ua7Bi8P0SdNKrynp7FmP8Zb2YiHD/Jyp5r0\nDn38mzG0D8eW0/5rtwoaEbRt7XIFqsQB+CIkYREkgp3T0oQXkNe98Wpe5uTU\nSj/9MEW7jQRMwQbGBqBzBe6pX4ks0inS8sa7/4C7DkuuW2bJVp0RmjrCpQO4\nH4776/6lESjcu4LTVRRxfESfsbKAKp9FPnqBeKoHT3sVa6/CLD922L/eYkWk\nMZxw\r\n=lJvX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"79622070723d97d5c4052839435f92189e8fb6e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.935a51cc0.0_1596133170045_0.2050629630317904","host":"s3://npm-registry-packages"}},"8.0.0-canary.74839da7b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.74839da7b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.74839da7b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"903dd10384a27723fd207ef55bfc6035c2dc2f38","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.74839da7b.0.tgz","fileCount":12,"integrity":"sha512-p5kOhpZ+OIkzOjbjX0tpQFzdphLGNggS8JwoDuHp0TDP8MdRPaJ2I5mFUU9ujXcD3BM4LAk5PoLTdxTYKOAkcg==","signatures":[{"sig":"MEQCIHSVakExd15KHzy/qEickdVnzsD01+dT+/2xaq/6J4UEAiBTCPFO1uYu+zIqMekh6zOThqzxheVS8UAd2UQQthHZ/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIxHDCRA9TVsSAnZWagAA9M0QAIyngL+kWoEntCmIt3JP\nLCX7oCf0VVgfZAguTFz2eZHiVYHnr6qSYbSIMxZiprCu3sRzxDFf/RRq7Uhs\nHsCpWQEyn8j2CCLtbHOYjkFhxGjJMzE44ETelHMCHKj1qGMeTvoTGx1HTKnN\noWzazpb5oBD8kWr7aepk+shlWw2KLdBDfwf6YJaaLJUHCjc+xpFGNrUEkG6j\nkUVn2UDyOwwT/Zfwt8YvCZdUMjq21sn0O+ZLthetCm5XBKwFsUpBbIRS6YQK\nWMYqb+mW6B55vfxBdJ3XsqvhFnMGnioNfp05xf82+oxmagNLQoJtm/tdxCov\n8M0TeHgbAdz8zGPZ26QOgxwncltthabprTg7fsu2q3JQnrYPcdeoxJXIeImu\nRcAw9nYmeCSpQBoylFwpy303eQfuDdO44ZTX+U3qhcLO9gb/fioaQ4ElKDYl\nRt4q57JUDxmG2agAzAXXv8SEhG7Uq4mP5/byOkf4ii8x68c8BHER/uMzhFE/\nwI4IRDtq1l1F1ztF1cUDpRc4lNcfEvT7qCmx74BpJpeDbo7Ds0FBeh4NEhlp\n6Tp3prwqtGPJRvjN4j1owGB7zBMBARNdliSLTqFUbDwtWMMjxAXDgeDpC2wI\n0YQs1LoRsonPrZFY6fuqXhFGmEx6R37DYvc8K5qnpCrdGMMd7tjMyAkWeBOg\nb8rC\r\n=WzSR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ad186768bb65467a86f70e827e74fee089e25811","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.74839da7b.0_1596133827193_0.5771101979533872","host":"s3://npm-registry-packages"}},"8.0.0-canary.f041a48c9.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f041a48c9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f041a48c9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bce73efc810e68810aca671f2d29efca6161f116","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f041a48c9.0.tgz","fileCount":12,"integrity":"sha512-Pe6GPbmIHZCxgjLRXeemLIPQM5HVqNpD01Sic5yWHs6LYUwkzGfdSW924vKVNnnLH9RbZxOoShgIGs51Q0lgjA==","signatures":[{"sig":"MEQCIExRE0lPh2HoEuX5mXng/jxsII9gqNTIZ43GCK38tfSBAiAz+Sf7WfG/Pu+4UVr71vjx56pqJtFwz8Pt0tcnU+/d/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI1CVCRA9TVsSAnZWagAAzNQP/0i2HI0Tmc3Por85N96L\nY3oyIg9dgRql0SvnKc2MJKolgm2yjF5J32RT37Vh9Xr2tjn7ieeQGSUWT9uV\nRAdKKNlqv/Rce14Z+X3ZY+3G3UCrCtvQdpAVk08JyMpkDYTnyXkUdRqpdoLg\nHUAesXpEHNu+f5RR6ScOTv/0AgO9XaD08RTzzjfQK8AdDby28kRBUtN9h4+8\n6Ty9/C/n0WgtqAac3QqOCiKWvb0kfxdrSti8fRbhQvKdLuW7jAWhi8w43oBs\nKUUNmiZxzNFJMPxgw+VxDbfQxs/OWDKgjKKswnJDNGs8tgxgKCTLqJDy4yMv\nAUUY+5xrgAoudWbdoQsoIBu7rUZ6AN0JttOFSq7AcX1mG6FaKqTFZAnam1Uv\nj6Co44UaRYuM4W27Tvesj6c2fE0Xw5pH0fkQ4KWKxPmUqZMKEiJHMLVUzkik\nTh5ywi3P9D9Be0ALOmNDNxigjKpnsdjruZfmeqX/3GGHiPdsx9iF6wOZEpGQ\nLSkczUt2aQMQj1ZKR6f/Ri7B4j6D6akhSEiuIAOw+idaiqo+uvVt4cDoCZfY\nC5Sas6yRSQkni1EPKaPqe8rZROZz/APM+vdKS5A+AoEFDGb0n9leoc2R1A+i\nB2KDhSPapytqRZYnt+wz+a9nsjpsPgdcto7P1RnY/8/0spw6VhAlCscScaM+\nSHjs\r\n=Ul7y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e37611a41628785b7c1266cd53abdd9da0208c00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f041a48c9.0_1596149909189_0.23579963083498234","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbb1381e1.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fbb1381e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fbb1381e1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e0cfb8d50902c57f7946480a0eb55e793d6068a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fbb1381e1.0.tgz","fileCount":12,"integrity":"sha512-SL8xlwlMg0cgR6SFwHAjDSHLpbW20cI5CrB5gFQMW2VbZYsroj+CThz7ECOnIVXg/x7axtdERJ2uoQEXi8qdJQ==","signatures":[{"sig":"MEUCIQCL/nOTTUgrmABeosolvHgjQYWFefDZJHptDnRlhgCcCwIgDKruJ6yHgkDmUd5+q8tl0wTnMWq6sTLfoheQU4UTFEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJD2LCRA9TVsSAnZWagAAk0cQAKQre34RrqGruKWTjmw1\nXEVvMXf7Q2dGhBePDg6KeI/UBWmXMyadAW19iJ2K8tC0D1UtMAl2ie7rh6Co\nDqACtWEDHBUkey9S9uI7UzuvgflJYqhYEGoi49fN4RUzVy+kOQfLcsIwGTTG\npaGvKO1BKbnjtZDBqm8NJrnjfBjSO3v9Tdw96QXJ21ubVhm/7ng0lec72eCb\ndYDIvSba8VXyvDqFjEB9+Ay7627RwcCa2qN0VPfXTymQICBmDX/ahfR6SnNI\nrTRUXzkvw+JXb0mcZYJu1s+IBZI6F/D5yYe3+SsOuNy2p9F3vbtgPSSnyWYj\n+9nXmS9mwWtEBKIW4YZR/04vJjptNLYkbauMBOZxus7UGy4Aay+USL5ZU1bq\nmGG0Xq+VOpkkIq+LEgalnF5+76/dhDc3RQnc+2s4f1au2WrkTyvfRPt1nkye\nkjIBQw0ZX5Nfw1PNHUU2lecnqzGwoYm28Fk5ghvNCpn+F2gnU7LOUvuFKiwl\nv51YWPmfv4DehV1PvGEUXdpfivFAThrcRv6b5b02w7EwW6igfj8we7Zt0Y8r\nVxCSQivLMfNUYkFJKRsGPUTcPwmekeJfFi+1mNDamnoZoaeLfsjtnPqK42+8\nN9cmTY+q2C2mBuk6hy8L2PGeJA7izde6XFIKRmlugygqSQ7o8GC9ssM3IALR\nnMUx\r\n=7prn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c42a890f9b5f1bce3c7986f37f806066e6e30bc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fbb1381e1.0_1596210570212_0.10625783704477865","host":"s3://npm-registry-packages"}},"8.0.0-canary.7f61d5785.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.7f61d5785.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.7f61d5785.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"319cce07abaabe8b95336714564274d0bc5885f1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.7f61d5785.0.tgz","fileCount":12,"integrity":"sha512-0VdnkjaA/oupuFA2ODLnDZrWc7fpM5PZjt1fvwKHOWrhyLkkyYk2Cun1qccqWY3DLqqF8WAt9I1XgXdFSqKS/w==","signatures":[{"sig":"MEUCIQDlQp/LFhVBJ9Z730a48Xqr2cIrRDrFhzP/CBNBhp1iHQIgLeQiS0cKNLBHyqI54REtpj3Iw6B9aoxlniEFBZG1iT0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFNECRA9TVsSAnZWagAAr/kQAKNur1EVG1yv3hXTQdyn\nfDK7FZp5LtWq9LDZ+gOLyWV3AGy3UZMLIvGRuyhPEDCd5m+S3SXWP802Z1kd\nLjRXcM67hTbcOi6jN/f/5yADxDACks4RtwSD378fE8BPgrrDaSWZYQ1SdtQO\nwIw/DKisi8/KEUv6F4X4D+yzl9AxjmUsKC5ruKGXgMf1b5GR68CawxjiR2dv\nQbj1GuplyfDB0ZIQ+zpO8mOtuHKYPHUFo91hMJ8GSwk+GvxYmg+hjhyr6wcM\nFXAAlIGKK/JXYzgAqkis4x0udo+UnNvWnf1npkSKj7YZ7nyZiDd+e+tT+JYA\ntltK02ne++LjXJ2aCPu5mWX0N/GWJQ1rDckI9I9DvPVzxEHEbW6/xYO3tIic\nusu0h0MQqvbXW8o9fh5V+oMQO8K/soNPVfXvrebVxl+/oieZIxgNWTX3qfoS\nrktJKzYlaio/Apb2h42FVJpMDGe8I6GC/V605pubTks8Res9FSZ9SgxdK8W4\nSGsKgD365ka+WgozvX6Vdy1vumhnhM15NSddPEX3dOvUtjhKEXrrhZDWzvTo\nBFKhQdlzMbfSnJrjsJWPFKdo0G8hrF6SLjT2VYyza2HMXdD7QvKEZ0x9cPCF\nBinOWNExslh/IZy6v7PkPhYqA+BMwoMVSW+OmfkhdAo2GEYlVM6bpMwgdNfb\n3sCd\r\n=mCIJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"beb77eaf7ccf3f03c6d830f96485010ea9e3d47d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.7f61d5785.0_1596216131822_0.5400650183194409","host":"s3://npm-registry-packages"}},"8.0.0-canary.e1bc84d10.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e1bc84d10.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e1bc84d10.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3c1f99295bd591480a0a987e845e552b1860290","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e1bc84d10.0.tgz","fileCount":12,"integrity":"sha512-v7w79F8a+v45re1Y0NsFqGTS1ITLfdidTXh+DGeJ5P5/uNAA7e79pOnseIwdJ1UaIJ5lKIyf42Ljv/kwH936wA==","signatures":[{"sig":"MEQCIDJ2SMoX1fi6tAa3Bp2pIej+3eVptCWzv9YXrcGiWy+5AiBMr1x7wtKRZ3HjW/wlo1AQRnMA4ppymhgq4/hf54rFGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE4+CRA9TVsSAnZWagAAnOIP/R2hw2Eo+46WRf+WZIg5\nLyQJZsPKpUf53tx9fNfVnHUr1S2pDCo2XhdYjnLxSCU0nd8kMBH9SOFeJqlG\n6o1z9l8h1WpiGLCQzR5XCpR8i0AJM4BLMt84AcSYeW0F+acnsBjm94/XX+zd\nJ3aT143bx/2T2F2Puw6I99t+11MSPFqvY2qp0f3iJpxuxRi9eJe7G62ckWh8\nq72DCqK6QbNSDmDDmaaHoq0dGPKVA2rLXPb9fPqSxpznHPW6GXNgYhnrE1H4\nRZU7PirBVBAfJPGHCyTi75EHd431STkW2vzrjLmaLJ1Cwx7XfIqCcnwwuu3v\nxXYtJaWhS+uRLAf5i5W5z04vA+plMDFHHTZKv577AmvMqnb/UrDpJ6cA++lu\nHcZhnmBsfPD4dc5yVnWTM+WyNpomsJ4izWqMqQOOs0hcHuie81LDt/xiG6OO\n5WAxdKH7JcpQGd6WwO0NjxW2aiFGwhYt84jpBpQS9KzdGhRarKwgNVv5jZ+B\nxkKhCEOdNcCb4KoViIz4fByyGS/vfjKJUpEoCQNjwVYGHPMNS6DHT26gmeDF\nSXISXswfZYnuKFn32XK90w8lDxP9I1q0nGCenZSEXoN7AcOgDq2EKWgHMrz7\nz2L4vu693+whbTLFL7ZUCrV/txkS9p/+3+eRHmakE2vpvhlS4/D+dTHY7zgZ\nyXNp\r\n=vzps\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4752dcadba6adfeb006ee3689e295db016f4bea3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e1bc84d10.0_1596476989794_0.5662086027711692","host":"s3://npm-registry-packages"}},"8.0.0-canary.096a7a066.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.096a7a066.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.096a7a066.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fca721c287b08e0868467ee60daa5d32aad16430","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.096a7a066.0.tgz","fileCount":12,"integrity":"sha512-5nxnG08PjdwhrLMNxfeCOImbdEtP/bVveOVr72hdqldHuwfnzNjp0lwWAAh/QZrpJNl4Ve2Cnp/LkRnlOELIkw==","signatures":[{"sig":"MEUCIQDkpgJUiPq6Vgb5b1rbUJWSxJUeVq38MwSW6lNtGaVV3QIgKnvwZWeCuAdb6sNAJG+JxqEOgYd0yQ8YWyWYeZEnMHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7lCRA9TVsSAnZWagAAMpQP/iifm7OunCeqWB2J37xs\nfWqR9UE3SApbbXXiiHUlRSC+Ds4JBKV+5J1i/oNFburu3rweOo+QRVZQaFJS\nrtxjCD74xbG5Q+tBFzQVU2RadKHMi+1Xw0rvlg5Oc9pzwMgloQksipO0mD9K\nxmLzJERX9dybukJPVCdAhZ9H/PpNE8nxGCV37nKnmb4ueDoEYDWQ7RmriGcT\nR+oaSC7qaoQTn+BMrutSXnUzuwrIYKM8D56t6uAVq9aA2lCnDYkqyCpdh0h+\nyunzmcGFNnpjmz05HX1Lw85yavBmbZIxMK0sli8zyTqOKGObJpF1lVS3sjwn\nx3C1cNKNP3he/hyZBlGfyWMowzr4TbJMByAqsAAk1520hjq1JaN//3l54XLy\nYCnUjBubgd21v7MoLSBKmVki5xZX2aST0iTs+mdtATN586tIQQ+JEDjW+X+u\nWKsrVHFTaT2BLC8TPuJgbD1Ihm/rcc1g7lcgAxsOr/pfJ7ieZ7EqHiM6j3Dm\nArNZ2GiJ0v9DlHbm/8CACHI3BplC1pNil5mHfc5ctHzxnUYsfFgMabd+CoiQ\nmRMrTnBvfSkEI/l92gjBYiAg+pUbxbviGtMwm+pgy4LMabdzOwNKwFfsxt39\ndJafkDswy8J0uyQPpK4t1EQBuU8HIsTPbS44x7bR73bCDo/0yJexPkIFj7pV\nMnJE\r\n=JzR8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c1f4491c464cef40f62d03f687af7b443805fb7e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.096a7a066.0_1596477157082_0.4353933736098674","host":"s3://npm-registry-packages"}},"8.0.0-canary.aa3a3e5a4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.aa3a3e5a4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.aa3a3e5a4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"112adce12ffbcd4fdb8469440487439f6a4253b5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.aa3a3e5a4.0.tgz","fileCount":12,"integrity":"sha512-wAns5IiLaA6n4ZpFmqV7l+9C0dZqpy9VClLPLjFnRQE4a8CoMShXv2yySt42WY8HWjqyxsp6vAS/NQP4A3slCg==","signatures":[{"sig":"MEYCIQDJjTYacMDKuI2MTgjgA+XDvUhPAt+ftC17hZgeTLMGjAIhALef3EMBaDPBRSI7zqN5Sidup7LqGx1AQzsWPWCvjUE+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7wCRA9TVsSAnZWagAA2EgP/RvFvPZ3UDq9nNRc8vlZ\n9GE2thlC9WH+NXfBW6Vhay/FGyXBfQOgSoNfbeE947f0nSOp5TM9KsdwC3bJ\nPziKL9Lh8mu3ifLGRiXqJFDhIIXeWUzrYNeIJ0PDGIIT/Fjo6SkuFXOjmSHf\nabG4B674KSfiE8UsXCo3WJHnoGHbDoPoi5HAo2nXlJnTxCOPFvpaBxxKPy4y\nlN9gtWalSzzgqAM+xN5TVu125ADFJhRtXL/JB+4ymddEQ8LS7+tB1ozbDCIF\nYmF5pCy3iswEx8lIikTVKZAkHlPayHLihOyQddP9ngmrHxFRFsEIubZK44Lh\njbguOUeBdJywNc2IlCXJfzeiXd85CzZBIQOkYk3jOTf5xWFWHnYQRTQ69KJ3\nD7Wa/WLJIjPHOByFkr3d9MQbDGn/ehEqQ7udlutjY2vvmfaufPEf1DK6f8Cm\n4UO5FXDQ9A9hWMI6o6vOPMoBTaWB1ML9s6Xrlaz5nXeHQBvi99MxRLe6O+vG\nlPXc6l3cY8Yj9hQJt0m10A1ZMlIY5ox+3ozPYDvMLMEwclTEhxj0M83ID20g\nSsJ/MQmSbSLqDk3x+1y9pEvkopraDi7G8MFNqj2DBOh/4vP/1h4Z4YM8z5JK\nYH0x/QPH+NXe5WQYfIAo/ZpClmB8SEHpiL1ZPecZpmxPkoYUX99MwahFiV9b\ndSAG\r\n=vw14\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e25515e9c171e19310cbb58630a760408b78c80","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.aa3a3e5a4.0_1596477168095_0.9729991764106332","host":"s3://npm-registry-packages"}},"8.0.0-canary.5903d39af.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5903d39af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5903d39af.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3878fb4716592151fb2e907af8c85af88c81b36","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5903d39af.0.tgz","fileCount":12,"integrity":"sha512-vVy4fIik0OgMZvn6V9u2mX4/QK4bDjlImqQeXy6uVPhCCIRHUpNKsB2d1z4V1ACxPMQQvl7CqR1zfbMZ/0IIdw==","signatures":[{"sig":"MEYCIQCpjfJcnBy7NLRo4YjBnuD7tuZu3kkpr2+SqhL8kAHYtgIhAKGAXzKVffvN+nRP7N3EVHOox6CaRJrMV5K5SmL06AkO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE8HCRA9TVsSAnZWagAAM9sQAINqCev4M7+zEMepgNJn\nvAqmPgxqNCOfDDY+sJhWvoNJ+fVGu6dIENPxddC5eoZg3dloMwnz0GxNKAxx\nubnN2Lkdj697m3Qz+8Hi9GhBzPDA6pXwNKRWc6on7jyrSQdQEvBYeA51uphZ\noUEwRkl973DS1tZBSdfS+PEpG6I1g+NgJxtMYNZQPbPd5oUy1WC5z+dt8/Sp\no4XDq/neVT8xgwBHP9JZTOK34TUn9xE6/r+FseeUhmxAgIIZms/dX1Db2zg+\nYwr93s2A6/5Lr+X6qMbZn4vnfz17O2QudJHLlWkUorlN2miXJKavDyZ3pDRx\nfaiM3MCeqm0qt7Wmk96YKvvUvkpGcwUUJ/RxCoKywu4yvHmOc8GJBN2YY8Ze\nQsppBiZT0t2oidwIZ428P0vfVBCF/0LcLHl3NcZ3kWO9TpQCIvfIHeocfPUA\n2YkCcX2VhtApEbSKIJQ5IxAVhsUT4iEte2xmz7bcWV4O6r18NIQCdWtSqdWB\na1o0kRcTSZ9GF5w8QzvIeB4hZvcR9NhKKcLFfTZ9Oqu9C0xO834ao1ohPoA4\nirAHl84Ma74vDynKOTSu+fuFK51PXM2iJRJmG0HQezWhbUPSfUTwDUiv2k1h\nd6WiRAxJpJHA8+ALti93tyXX1jUy/uEg4LQ3Dundb4XDgOLagOPiLuFBZw15\nGz+n\r\n=nH8d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a4f2eea8ac8483e7e0a1c93b141ea9dfaebaf4f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5903d39af.0_1596477190919_0.7332702749758764","host":"s3://npm-registry-packages"}},"8.0.0-canary.72258f898.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.72258f898.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.72258f898.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfd0a8424df1e0c67d6fac365dd8238bd9c3acc2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.72258f898.0.tgz","fileCount":12,"integrity":"sha512-RjaE62Ank+Z3ADfMjmLnoQAc6nohn9XubVxPflFxk5JzWVWuKCbJIeId9J7lqD2pWNQIYQdFc5wYNAaQpke/fQ==","signatures":[{"sig":"MEUCIFaXfVTp+8UVVKKmfVRQAimlzBKkceO48tIyGcAfKx6SAiEAhybvvWiLA7jveCw2CxALoU6m0aMq8Ni6JpAdv4KSe8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKLboCRA9TVsSAnZWagAAKtcP/08qpU0mwS6Z3Z+eAwMb\njlsKUAr05VFP2h7HOoQx3tEmT0/3yHjSXgpAUu7oMuY2tY2qsDMryVo4p+mB\n+8kwWS3scciodvKg1DRvY21GYhZmczZK+Ce0Bqxu6gPLB/C6Hpx40OTVumAV\n+s4EtPU44+g0ZWFf0u8bevIHWM0PWq58diDptlFCm5VytTYf2wIHepSvyS1L\nbGPvQIY6cgfd6LIo0mtah7TH7PZ44xtGvdWUw55eB9C1G7/SShXrLqKQxR/h\nUMgxt051d5Kva+s0atxsyPgPxC/7IeQ6DRVg45KmZcFMUqv+tB0cl/kRWKo+\n2qksvNd6asWmMqhGTvfCVxKBobLtWjfYdVkecoL8xnbWwCoKB/9rZwC6o5jK\nx6LZJW0EnE7o891w+V179hHaCJHLOPbtS7qhMtlQWc9LWdGSZ+sLX2APKdf/\nOgWFIm5/0ytf7aK9ntr7TrbtywcZFGT3uYA5bVksJP2coiguHCkmwwgo1IQX\nmANHUsuI7KzbHst+Jxt8twyhUf8BSeWKW+3vXHec2eENroto2/Bf+bwC3wyg\n8Od/LUlBO9nN539+J3gvsQFhPp6qJb+iWAV33pggEsdnffHGWsgPtlcHBWjQ\n/V6L5RuUWuvw4S07IIEdSLhrkxzUPg2onmDJgff6cQR5ScLoZFNs6V+6NgbW\nYKn6\r\n=g0Gb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff2c64799ee2d684ba36b9cebd15fbe0d0ed17df","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.72258f898.0_1596503784279_0.7248674436439368","host":"s3://npm-registry-packages"}},"8.0.0-canary.1b44b43c8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.1b44b43c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.1b44b43c8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ade1fc5026c813d47580db2118a23643ae7c01e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.1b44b43c8.0.tgz","fileCount":12,"integrity":"sha512-WpMDpAbUH3SxHa3vmojCKwDkVa6lrBVe3n7aeDE34+as0W+BUN+L0Tm7oE9MkWmXovnj0PWYBsPi586zRgKdrQ==","signatures":[{"sig":"MEYCIQDg3+HodOJMbC/gGzSkiw9HUo7TIEKoIBxSft4q6rSLpQIhAIIS3dGNMpfLLFd8IG5nLwFWosIOA80GlulRLAvYyFFl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKZESCRA9TVsSAnZWagAAW+kP/2HkXZsQZ6OjU5KiJLci\nbUS5qV20mKP6tCmCIJFh/zqPw34GaSke4PxgbLbu7NIvNnUQaGKx1ZHjlbOs\nFWZJT63EPbn8UJtxSTsqKu4mkyU7JxVLNO0MFCyPzbVJnofIVNUuV6tBERvx\ngJdqhK3/GGjVeudrhU+M7pYjkguVabzLap6+KkxlmYan4MSVRd4xSk2NpXoD\nQOpgTdxgPuxTWSy5Lq/P+tHUNR502+f3XjUBeE2YblN6lcZ71YuztL6bKZtF\n7wpz1wq8DsOyCum55VnBBUgtD/rbxYY+DccLNWfj7YMrFJ6HNP4n/CGg7CA3\nuUks09ucx3r05XSQ37lLxyOR+s11Jk9FMfSRNIWjwG1LF2W6JYYpBlrHaf5k\ntJS1hj1KrXFuJmeUmBcoqczm7fG5Y5uZd+iOGENvN4PzWp8ik2rwHqHUgGrq\nqEoGyVzWtvgKe9qOuuTOnWiHhkHwxrnJ7SOkQegOjyKCc5q+enDxmyBNsWgy\nX8rqwiB9xZBbJAmGtaioqXYZBX6CP1A3ZQ6Agy+xfzi6AdKt9gIAvOYoWJbL\njznRbTwSKvD1mlKUjtLLJXTmBi6SBRNbfmuILHv1XBuiMg5tkvWaPAQEr5/J\nx3lDT4O1BfV9SDh/ETahJSENaHeE9jntky414URIDvO+jVuJCgKiv+oR5/OZ\n7tCU\r\n=je0M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"69ee70c646249b45b57e59e958f1ca6d8332dec7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.1b44b43c8.0_1596559633815_0.7621588495900924","host":"s3://npm-registry-packages"}},"8.0.0-canary.e9d2e2f96.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e9d2e2f96.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e9d2e2f96.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46ec114ba50b3bbbda662782946253771de5a01b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e9d2e2f96.0.tgz","fileCount":12,"integrity":"sha512-r2bmBlNvQHW+v3HXulDveulTWBj7kU2eRV3Nj/31uay6lU6xww5kVyDu+uvyxDoM+dlksGqqje3Hyw5IicbAiA==","signatures":[{"sig":"MEQCID9g+8b3xpWHXvDpFvGXRNKWsqmYr62Ffmf3xJlk0yD3AiByMXbzCbtJOSEtvHs401n23m+XxjgMoKF+NT5yw4c06A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKcO6CRA9TVsSAnZWagAAsaUP/2AkexkyIX/mHHuNBo34\nMqL8S1YTYn9TDx0yFUmG3XU1+7wuDf3KPEOW35+sTjM+umId4E8XVNt3GD5s\np8qUe1n8cjw0QBS3MyCuc/vDQwhYwmHYpdutCsJPb/Ob2eKQBju/4WepyODZ\nryIjT7WHRryzY4IIc8S9rvijMJjUUZC0HngriBAAyeVQ+uQ2r3ceVdsaGNYR\nyoEUblkSqQXCOf2+hDEKkQpNnOQ99nzzV9onKOqVoCg6vHFmPRVnRGm0x8ti\nmeiIHzamuugItB2doIXQ5bcxcuYPGwhXlw+MGG6Mfk9ukwj2kUv+/7I4ezn7\n7GElUyFjWJfTmhnoze6BoZ3Vdv5P4dx4/60RHx4n/pFk6xATRt9RfIz09yJH\nRctcewv4iYMcqljWv5hmDtbRH4Fm0UFAnUsF077KbR6kn0LESKjUbnjXe9/G\ndCnMZOo/MkCSKLv4YTUhbfXw6HPPg5k0RIcL2qC+AQXrotvqBiiNkjkG9smr\nrgvoVKlVkyK4z0XWHIez82xK12sJNTzCLVebwwk1+rpU+pAhe9KBNJBj3T2p\nYEgA7Sf6nbzF65y/ufJWMjpaS3eR/Sr658k+MnqNVy9ZZnLQbXmpkdaFg3J6\nRhxdKl/VWtGYpfCvNMELVN434sefVBKeEbt5Nygau3pFLwldh9m8KwKXrVtz\nNJTB\r\n=DUfm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f6bf51788bc1f39067fcceced79dcc12b2c59caa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e9d2e2f96.0_1596572602378_0.5878832182003764","host":"s3://npm-registry-packages"}},"8.0.0-canary.b9dff0a19.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b9dff0a19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b9dff0a19.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3d9fceef99a195a4163aa828d0b6acf8a9ac3e0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b9dff0a19.0.tgz","fileCount":12,"integrity":"sha512-71jjCvmG3wmwLuH2yuvZ+HlbX9mmzVat8OfX4SzcEpGNgJ/fQpkLCyJeIelhgst2rRL7kPCEvQ7UHahEmCbhYw==","signatures":[{"sig":"MEUCIQCA2FXh80GmTO5l6zUkgNRvIkQuJNm3XHsPmeg4M3IafwIgHfKthnP6rWUmKz/yxxW46nDl2I6ZK/ct26c9qiBDLVQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKivmCRA9TVsSAnZWagAAgNcQAIQHDPHn7HL9ClQjQOXT\nScwwEqDQI0SzrqxdtEG4LE8EPJ5qHtiwH7lNpF4XEYbHLkZ0lfA/n4QntVl/\naZmjbmecxNidfV/YzyG4xWw6ZTgxO/7Yulk2P9oRbfc4LWjji9NRisUGicuA\nP2XK9ryBj2hbvP/iiay/r6dD4uoWbYwxDaM+HL3V3afYfr24h/hl0ov8ix/g\nZAF+IeCXa7zyNq3QGk/7+3itvaVWiR/sMptqxoVazH1sjAuTblaz/a7FsTY+\nKE+pFW7qB1cKzDlud8Uqa+fKoZkxi2GR3Ftp5DT93SlA+838YF/pjLJNesrl\nXrYxWLoPbn2PzAoqVH9dA5lu+MHdlJaXThJ7lL/+LD2Y2SNhP2TxHhKwGpSn\nteJHkeZ7fQhLJLCDrPrV4yJzio9yJQ0GjOiiycVSv0wsMNERZAW3xqEnY5t1\nsIxrQ3D/LP0rD/H0aZq3HvnU7jAxHBWvl+Y4z6PXp/QBJ/ShAs1uJpQlJgmw\noZvwNUWLitd8hXzEZ1gWKtRdNylT8MV2rQu1PgeAQTzw3IPFOMeEvTNtZF/S\naemwiC2MTPaxfWb3U1xyWjG2WrkKPaxk1ogScc5+Mzxw+DYgTAMTkuQ2vVk5\nUPN08dXyCCvxVhSMr1bJTgVqMF9EgjK1LZsUxze4eHR1E/k9rxhtzQfShrxG\nqMgW\r\n=xxTQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dec2f9fa4c83e98bee860646fc2a65b134a7900d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b9dff0a19.0_1596599270106_0.25653245026622207","host":"s3://npm-registry-packages"}},"8.0.0-canary.2bd09a706.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2bd09a706.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2bd09a706.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a949c26ba76ece74e23492cae4af2809f6470ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2bd09a706.0.tgz","fileCount":12,"integrity":"sha512-lxYsh0rqz8IYwqp5ycidIFKXDB3mtxS1gMVYjyA0athZySNKat3OLgw5MDD2kGUIM9RQdoTAp2KBF1tOjSaioA==","signatures":[{"sig":"MEUCIA0okuU7/S8jboHE/IT//7pioXPUxJl2Dp/1V5iz5TIPAiEAyZ5fZxou2qzcPw/61Yk3rsajO0cybHvCHfSHXpKgd38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKi0YCRA9TVsSAnZWagAA+D8P/1bjD/bRiob0UMoqcBBn\n44Hoz+m0IbyJu+6XeZ0Sh0wNJ7xVqAKNrZ0dY/J3TkROq+DnH0s7K/RUbH/g\nOB1fff2fipb0A9VPQeBkIFOyhmgLTdxovo79i8uUp0F/6oC1Q0nT/lXkBAsJ\nJjkaNuRSmivApW3FURjB0+KUi4LhgeMfLt8ICqGkMGtkQ9DdPJz/aSK7s72n\nePCS//MOXtD4kNYjmWf8X0k/GhFhpP68EkERlyFdzZajFsgTxsZbwKI5Itto\n73oVjxF9nu8l0y22jzG8CrNlUvvPW76hfOds693+rBP/9iF4o4dFkBOlUMiX\nXjzHUc+SiOgCH8pRDfwLWiK1V4PFd+3h1vWNPzCHh5pAwV4K0ayG1UHvHK4U\nRfjYF7VoDOOM+8HRrCfQMx5zeFKK/iXkvxKeFA3SF4770yr6BaL3RhuUn2zm\n3n+QS2Mt5Ft0pWEQ28Q0vxsArk82XRiVc9gd+xzqQTTs4zSLHBzQnkvEx/Yi\nkf97q2qcSmSKtpry8YI1F8V0yZ1vJLf2y55fl54JYSh/9v8/HrJ69sgVa4vL\nfPecTESlfad9Zlb4ajEhSfungSmCGsncvu6yq1iBhmsq+RQunivg74eGM8kL\nQCm/ODd3Mh76zEO20tMDASqv8GNaKS7nLDKHrKGOgRSgyfS3kQ2aL7PQcNXZ\nr7FL\r\n=5xQQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c8b061f3fa8ffaf5214e79fe44f6c575216a1808","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2bd09a706.0_1596599575768_0.4766896873807571","host":"s3://npm-registry-packages"}},"8.0.0-canary.e0560522f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e0560522f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e0560522f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ccbb8c6928fa9341db2d5ca304de89d944a33a2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e0560522f.0.tgz","fileCount":12,"integrity":"sha512-hC70x+Q/pUPUtVN0zoSm7GTkcgDZvimRSn1hbz1Pf6d+JLByWZswKkGBUpUUrmYV8JUt1xj0jiAws0DtzQp/oA==","signatures":[{"sig":"MEUCIQDRaqJi84nLPaesUdN7DoV5lgJl78vAT1Qzk0fCgP+dkwIgKOyDwovO1a6qcNrUHI3rUF82dorNW98hsSiGIUlhj10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKunyCRA9TVsSAnZWagAA2T8P/iZpw3ZVLMIAmoWA05Uq\nysrktgbR32q7rAh3ovvcZNJdPqm+nqBZXcJ0Cnuh89T5w581AFpsUwXJVjqt\nkhZJEW4N3DNgJRgvZQE/gLrqAs9m90148F9fYfDsgqkmO/DmmrVvtAsiB1xb\nCc9C42xiaZqJXTU/LyXulqK6Q7jEj3bi0D5GkhYiPmtBZSUyHsQoHCCHWxEl\nVhHKNj7AVmfgoC+0Lr2LUkv7zSzfNwOtYQw27vujQuL7tjDCGsXAWdgm9+nd\nFugfhTOTtwIdw7yZYppxu85GtuAorxQ+OJtJwcwDu4kv41QRuTnor40D/qKJ\nzTdgiMBYv86zCAnor71UzQcLQFD9cDiLX9fOyGhEKAxLj/A4g/KbAVv39En1\nzOINsl6c8yqoNBwcOsPgehGuqt9DTHvYSD+pqIfVsZlCdg22OdyK4jDaPsFW\nfGDVQQA+T2Guz4qMtVcR5qV/dciqxXrzPXqC9LlowmkqNkdFyAeWr4tSUER+\nYIQUd6OeRw/z5JaGXI3Zl7hF0k8vowfY3NGpm37pfCE5ayfJkcssTGkfHnuV\nuQLrWuI8hTWrHeY2OWby+vs6llISZIvdEb59lqtlsPBR7q5Ksja1xiVT8How\nSIsoskslOiEN/2VPJ9DexMfiU7lG3cDmcbTbI+6MRw+J6c4H7/qrVIZZSPhg\nGFDb\r\n=ketK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f4f71f168da3435c5dd1bb74e7ae0c54fcc45746","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e0560522f.0_1596647922000_0.46589955090427093","host":"s3://npm-registry-packages"}},"8.0.0-canary.08ca4d0ec.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.08ca4d0ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.08ca4d0ec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd23008ac33e81399a8252f9b011b5dac12ed17f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.08ca4d0ec.0.tgz","fileCount":12,"integrity":"sha512-u0qVVZC2c8w7ZMlRw5s4iN6/l20pQNmD4ML6g3K0KPJOQrmY0dqdL4pO4Z51tpMInnSs0AV5mMpiinDF+Epclw==","signatures":[{"sig":"MEQCIAuzhXTDWN6MlRAyp/1//2DhBxd/LBUH1Lyr2bSoFhx4AiAvidWhRCm2auxNF6EqMvxnPVwLOrjrEfWRF9KC+bYlXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKu6ZCRA9TVsSAnZWagAAhvYP/28jvlVpAZPUvKoulBA+\nj/X+hCuhoxE3jWST/rxACIx6J1QZjjVh1c7evHidnoxvLjxvQ2Tdg3+0W+q0\n9/UEIPLo5KSZKx5wLWhYRZ1UgLy/veQUyPuoafD4t8JPJTBwTLPMs0dWkLPV\nlhRsXRXg5zxyCnZRd7EUn1tsmGIq/zsZrxtHLTDg7SYJfLZTgqXXwsaj5Htf\nW8P6lfviJGmdlg3W4VCLchtks0A6jajiyvlyPjydpKeUMrJfwh86jD5lzVcv\nhSpeR8FQWgc/qQQWZ2KxbnZfW8Vxl6c8JPvwRgszTABAw/imt7Vh4CzGMqeH\nt33QDJjFpdB2+yHX0rTVhf18ZNi3Vw0VGuyrv6moda6yYN5TbMGwfXwBYMUl\nh15h+YY83Zh+oHsUVKTccaJrGX4zTKQMxrdcZ908U8x5kbH69f0Uxo2P0N4h\n/26+lM0ifaooVfPho475fR7qzY+nYmnEysZmVW7hsfdoVioC6JEWAI45a8x/\n6YnYiWyr0OWB49NCiz4SnZbS7xfo8FkG4YqOa9xVD149VyTXKd5PpPKZdA5O\nj8hY77G0aBnQWdgamflMLi9q/V4kv13x3c30W+lQWqfDFUJGcMcbJ19+1kOM\nGeJUrNXk6flNFfM+cJb88sFSgegMph+CcM3hLN/iznxwKIaGoOBjbu16fmGY\n6tKg\r\n=EBkk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e525a44ae67401224e06885b43f10017ae70f9af","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.08ca4d0ec.0_1596649112551_0.4897945233898835","host":"s3://npm-registry-packages"}},"8.0.0-canary.08090126b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.08090126b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.08090126b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d80e4e2f8f6721fba8e397fc7f7089094b53050c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.08090126b.0.tgz","fileCount":12,"integrity":"sha512-HuD+8wz28WqBiJhuqx3JISkz4SAac6b/ecnTkZoFDbc0poSnT4tQDO+mcbVsJkIhyMBFLiwRCeOm8HJHiztbDQ==","signatures":[{"sig":"MEUCIQCuzyAWmjVzZlQvdfbFdYrt/Dxy7faSPVeLHjkdlocO9AIgS1vidlY9vfylP0RE/80Q3nWL9J0iAIioblgr5chMcd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLFqjCRA9TVsSAnZWagAAtV0P/i7fUgOHC3+856AdwhN3\n0G57XgOJECEYLuU7qOG5N1A7W3dtW4J6lfdgnRfc9PcfoyMJ6Oemky34ne2c\nXNHoFWsy0cBUNuJhDexrRRjA5wwV3p9BA7wsugQer+nIcyfcwJMdNnaXEljf\nuzDKXjAIWPrxHBoycdTKSL6cZfaVkyy9WdNPDhBYhz8xpRWOqXenLx7tdX8K\npKwQ6Gailbei68OOBjobY/75yNgrx45kj+GKNPPUrni6MgpbgWBmVBYJ0cM4\ntG21NWn6alS36oIfASyoc5HhcYmdXIx2kYzMbNIGgVQCoIwTG5siH+rk4bee\nEVCsPSe2p8tKGf0QSHw+2dDrNMeAcffUdUSSupxJgFqUS8w/gbKiNGx6527A\nxEqkLBJnDxb46GsD4jej/u7BuL9Fa0R1WR9kWUJRelwsS9Wb/uQ7s2cMN46X\ngWfo79zFbwUyiX1+c1z+QZ8okZ2jCFUPSvx05OkLNHB00zshuI3p42/UILcu\nvOcr+MOyP2xbiXBwLsRL6ja56std8hwGhSMY4X2eZcL7QvhBTO5yqXFZsvGO\nokWf7664HlMMZCR2kZdGRh2VwqrAVvZXKHbn67R4dcfDVHFTcgA+Uw0k6IPg\nmKjU0g9n1B7+ik++OGGgfY43Vl4jSmlHoiuzuQf92AIgYcZDtZ+RzfTYsoX1\nKOoL\r\n=VPZf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92703c0a9dad96887725176e28a4ac83640a3b34","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.08090126b.0_1596742306520_0.6066303379995923","host":"s3://npm-registry-packages"}},"8.0.0-canary.e8bf5b2ac.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e8bf5b2ac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e8bf5b2ac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b45b3fc63510747ce400aeaac67f1530789627a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e8bf5b2ac.0.tgz","fileCount":12,"integrity":"sha512-7D1ae6AOjHpYYD4D/jk2KrbAIu2Ns74Ddb/WQuU2TXdG2m0hXNiU0jlB6SQPp9DdJ4yvAdOZTh+QA/NiceMU7w==","signatures":[{"sig":"MEQCIAOvuB1nTBOL7YcIXtmLiLJeI9P44P9xubx5inUlNRHHAiBp45XTQmTp+vWvVs68oAL9kNhTfnFGOLQzPw5kmoZdKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHrQCRA9TVsSAnZWagAAfMMP+QHrBQWlHupsz+LdLdb4\n68OBsGkXQI2bwuFjf1oT7Ru5S9fhrKs3+Z7phy0n41nPf/bQo84Us2CB29/g\nO+GisBsA82fJHdLYI37gKQljJ7FTcBmc75EIGuIfytLXmM9vLEE2vHSeNFPD\n/IVtkc06asQ+DFI0hQm2c54Fu1jLXIzcV1CgzhkNg82mqgArdsACp0AU0RWK\n/kHNIYLX2manwdrtJUc5IPyTElpoWurCx95QVchqCL+wp+a99vPh/etQfMmL\nGPDlMkh0S9TiK52LbuCT0eMCbC2XcR1xh21tBt4aXl36aM169itfjGljFvnM\n4oB2BLorezQeujvMCTZOTyGhWC9VJK1VC+bkP2JXCaPMW2t38LQ0v+wrfyMA\nNXIyqlx3j6htv8LS3zzR6L66NiyWCt3zvEsrHnl+4PLc7G4IAWKH7dtz+SxY\nAJQkWZFH0wj1mXQwSr+e3khst7d7yUu+gzHaTohjpI6jYJ6zGeOk+o3+QhoM\nMxXn0ToB8HiAwj/8LJPyW5c/W+2X/1QrIwKQGHJee8nN7ZyzjcywkXt3JIBI\nXNxTW5t4xzsBksXvZIa30oQpgr+XZPADt81zkRIzpwfoHln/T3P8nuWHIFLh\nQpbd0QmXqjYgGDVVv0vBfY1mcijHhDTa6kA4rtZnE5ZKeC4x0vU42JPlRsGS\nYE9p\r\n=fZXI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d5fe47cd91dcff7cada8ca9b587eb8a924a211d3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e8bf5b2ac.0_1596750544248_0.9874814912163103","host":"s3://npm-registry-packages"}},"8.0.0-canary.e3b746208.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e3b746208.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e3b746208.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9921cddbed5cde3523bd00c08e0f20a6e746c596","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e3b746208.0.tgz","fileCount":12,"integrity":"sha512-pqTzIaVQmAB6vTID6zhHhaC1iiElmJVoZ09jjKZ1qCCjTQgYE91WZH916jO1DNijXnwT8dtH7gkjONziusOY6A==","signatures":[{"sig":"MEUCIDVDcYf0bIumFY4xuuaVM6EYG2rqWPE1vVVIRMbB2f5yAiEAgszhrnJ13QeJbP/bVNdpedDvYcmRZRNmPZaIKv7eUB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLINrCRA9TVsSAnZWagAA5coP/je8T757G7ZFKhN3EH78\nR+SbJ64Wie7PvJn54C5FbWtUCjwttWWfev270rR9/7KgZccaMtikmOijZJdA\nlx1MZQiNyQb2G3DypaYH58q7mjpXVx72lRhlaBx1Z+0EpiQ7Ppn7tiMgES+z\nUacFvj66DAdWN37pGo3ztpuu9LgYTxSzk9etwWkEseGw24Z6E4ZZ1l+eB8S6\nzfWrJS22HVwBnv1lJ/EwE7qr6i+InVz0Jm1+1CvYCa/NUIMfFCr2a+xCz8Wz\n2DOSA/13ErPtDnaaeN7N4G4nwBGzCNySsHTaYZ8ZVCSaatMFLFYDQmAISiRQ\n3LXGiZATzUTwIXzoR2HnRFwUtlV2+izB/GJMBKeuKyqbyL+ZOi4zsmw01WAv\nXy/5qUB0JOYewoH1BhNFww0Y1T0skhOgY4xxgWaCEFP6Mt4O7K3IYhuUgb8i\ndJgJ1oFj1q0DcsdDfRIzqA/5aiJgTqAEJIwr1K0YFm8ExnX9WdTvcBCFQ6qu\ndKWtL5xCAGuY4oFGACMI0jDS1doozY+o0RfnoJFvOYMzJBkY7KEy+Ai0+K5P\nEF0y+HzIHWOou2zQx/2qtC2Rd1OweuIie2O75EQDIfgJSsuifw2ZcQaLB0JA\n/5TecJV07EcJHMbSk5xnQ1Yl4ZdgxUPrE3rCx8ivVk0e4AWcUjHbKmG4OL1A\nnnRf\r\n=EwxO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"565f03445fdfa2cc653bce8f5c730176a406e5d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e3b746208.0_1596752747323_0.6918783818257785","host":"s3://npm-registry-packages"}},"8.0.0-canary.96a640534.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.96a640534.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.96a640534.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff610a3efef6dd250b742849c36193c411019e3f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.96a640534.0.tgz","fileCount":12,"integrity":"sha512-E/TRLa+RpUgyTkDqmrGho3JQ8EFr+0IyOHTzPobXLRWzEvyRVKMATdhmMxFil9jAvXTHat5A7aP0D5q4MSMWeA==","signatures":[{"sig":"MEUCIQCQWSDkni/aggodcZKiT9cHKvWDRXUXCtoAqxps+00sgwIgUp+hPYjEmMhcyQ5z8EfZdu1VY6iSURds0aw92MpG+pU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIbmCRA9TVsSAnZWagAAtiwP/3eW+QhNaSolJJFxcckh\nqj9j2ZytP7A4CxAwiOOvFsySHRNihjrM/C4MC2bkn/E/JVavZbIw7HCLbmDi\nXMqpdaGoR/KqqC16X/g8dlBGdbm36ZTD6gmhQkn17GsZ0/OsPCPbNksOze3k\nkNDVLbuC0+UpksCzdnVVzoHgCPk7M3pzkJ8bFAZOmUJmgEJ+mJssiAWp86Ga\nySolDKLVG/nFPPAKl5khosuFfjHXZ/QHNK7HtxrmgZokJMpak5zvD1AgemdW\nMs9z+qghK990sO2RR+MNjh3zy0yR09NHHIofOHzPrdx8NY1aHZzDoo5ubudi\n2dq+B9s849n4prpVr5m0C/T+arCyD4C0W0WKTZ8uXsJai5P1ODfiWlNWrzYo\nY9VgUYru5CePrZ7FFljuh09fv5SxPrbzgfq3xxAmff6iwIpFPw3Ci7CHprD9\nAWRvZFOy7VUZL11iNwftyNmvtoVCC8E8FUnA+5oWxfpNA4AUe5xVDoviLjNz\nUDmnAPBG7E3d/Ex2AWvkr/KAsm6Sy014/DCCF5gXl2UigYnAgLso0kqs9SiK\ngULk2qHBmLqQt/AoYrj4qsH+08igif4zI1MoSrQza7a3w+Wbj+Lr9YnqTCA3\nGvh9WFyR+AWUf6V11vXo7TaTNde/boavZ67R50oaUIlYc3Fs1/1nvyXTQ23c\nlVs0\r\n=mQKH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3363a6ead1437d646dec8eb21cb2d5c5323e8986","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.96a640534.0_1596753638106_0.19128187929387286","host":"s3://npm-registry-packages"}},"8.0.0-canary.9f9aac825.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.9f9aac825.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.9f9aac825.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"795f2a8d1b10f249de6be05deb15201c6d966390","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.9f9aac825.0.tgz","fileCount":12,"integrity":"sha512-pfN/tmyIaZ4V4Xdh2qj0TvQ4KQb5Ctf0zARGn/L9v9qAIM9QUZBl+eM90SWb8tIIpyKweCNHj1N6nZgPVV14Tw==","signatures":[{"sig":"MEUCICUUO20+JwFnL8sbTaTSCarvaryeEAncjb88q4Q3oWRoAiEAjdCWbO99ZuKHMN6p/lthoKyidfwvS3GwwmuAcslv864=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLb6UCRA9TVsSAnZWagAAe04P/3aLJTRsQX47f4W42jPB\nWYAl2Zn5HbppT1dYbE75uc62cTt4Nzmxt7INaa+9f/0gGqX+A9wvOKrmzvuq\n4COmmP13c4G7n8OZdfPsmhyO/rbtvmAJqujDjma+U2w1xr18N6KXK8iccf0t\nLZd6v8xCFewJz9qK98buYQYEF62uEVSAi9MeEZVfzUeOeUAwf6c4NyLOKm7n\nXLge0PJ5fik4f1+6cYO5DS/EI8x/jBdoVhkAsYS9/M4muXXK4F76UB8EGmCV\nPzjOe4nFw7OzZ9nUG4lPZ8Zx7KaI++oYD9c/dTH/XbXyd38Ps2/F61Pqntws\nEQbxZGzqY8hb789r9XPRk4mhcJZ2HDHQD22BueZlVKthOm0PskgInTlr5Hu4\nFmaTEvhuemlCJVahuoAHBo2sniB9e7GuyvNeBrklDrHNRElU0OcG/7gve88m\ns6W2n4sa/iRMTn7s0WVASWjJPziZCBTqvPlmFh4bRFaxjh105LQaCcaA8xyD\nCYD34ra689dQHE+YHOklq68pgaL0jivzbUmJmfSd0Vj6czCLMAxf0VolAtLs\n3KkD1ikE+xKXic2vvWD326+vHPDxV94aOxuiDfGGbCbkI3sO7putnNFnA1Wf\nimgtKJzgV1ycrixsr2LILhnFSplpHy4M0GYv8eS0TqKIhBpkLBmei99v+iQ0\nZqWP\r\n=+RWy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b417a722353dd60a63448761d24a06d325b83f7c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.9f9aac825.0_1596833428257_0.8948638207175963","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc65fd00b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fc65fd00b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fc65fd00b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be0fbfb4faa4fa6f24e2c00df8aec7ea21f1fe9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fc65fd00b.0.tgz","fileCount":12,"integrity":"sha512-ReUK4YxYXpgddn391zQzOdGoo+7LC80RIA/u8jyoF+utA5auHERh1cr+rE4tF8cdmD/mvYBth5cE/VDpB+muXA==","signatures":[{"sig":"MEYCIQD5SrFodn8O5TvvbhMA/w8EgQUqdHUcmueFd+bOlx3ijgIhANyK/m03AwZJvVBGENRa8rm0YntNXpNSQo9wTEyQjdVP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWV/CRA9TVsSAnZWagAA0DEP+wbFLB6fbcRy9CuYnrBJ\ntwzFkkgDIFqV+2lCTsDozWqjj8WJpiPWrrF52YfCJhhHggk0LNywuWlUoHRA\nXJkMKN6VvNcRiyzAkSU6O7UyTmvkPlRfv1H2hVWGpxmrrNEHoPvJnIeaJLl4\nAmFtBWPHjiW+UJ1Koq2r6bka5VUN4mBAHeCe4j6RDZvxVQE73OtewyjFkwZJ\ntbPQs9Iel4WVPAhkH2ERnKUW/ObjUAgHilSMuCfi6dmKMkn+nrCupCjV4/Xd\nRBXqKREy5l368oa+n1VvMe2/O5SI6KEP7ZToCmhXJFWA8Rv7E1z6hHUJGegO\n4iksjTBe7ppCy4WH+He27usqNjWvJpooUTYEKsAz9AWyqsoB9DbUQ3frmKi3\nPU0AcrG2RVlMKE2IwvXA2U7kYcWQQLFh+IszO5Z5WZ+Nn+VuwwOyS0dCwMYF\nl1U4VFrm7jnTQ8m/WjAkwtJXJ4WO8GfJkYMddsnq5Fqi7if6wRilddtepZKl\nT02s9dY7zcFwD3Kqsl+6y6JqnEBvZpzH+Erg/FzffNfsEDaNc9TcSIOX4iSN\nr9R3uUIV0pC/bmuojigTuw3gCOdx1HOxRIp0+nmCwvGvguoozxD/w725t0A7\nAnPpEUteOVhuZ11pLy0b5wi31bHD4winuJERkXFW1exYoSQv9KOabsfp/RAx\nvJFA\r\n=ayW4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fa39d9d1e753796086537bc71b6fa2d2aa21a3c5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fc65fd00b.0_1597072766892_0.8968397028224928","host":"s3://npm-registry-packages"}},"8.0.0-canary.02e372c5f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.02e372c5f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.02e372c5f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2bc221151d07ec9f94758fb9560a6175205fde93","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.02e372c5f.0.tgz","fileCount":12,"integrity":"sha512-bC7O+4oUC1OEdBRGwHscRmrEVXDaGR6i+JF6IWDG24lJpN0GsSJlbPjMKIhhqjBrfpYauhsAERhGq5R2MfaCuQ==","signatures":[{"sig":"MEYCIQCX7pxEJ2vRxyfyUEM9Ud62wDgXxVU0rDYBGj8thAeFlwIhAKWiiXqt97i5/kR0PEEQVsn+iA012u9k009WxgA87+n2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWwSCRA9TVsSAnZWagAAZREP/0XpEZAE57QNFMuZZH6g\ntpK+x2NyFRqiCUSDdOeCF6wLmI+LZT6BvU+pJktJytbx+XLXcXA01pbL6zkk\nOdzbNPoDNbnUGWIZt2g0C8x/bGIHSVN217o+muoUIlvz1nktQe6UJ6FGh6an\nBXO0EwQKWL1E2dZX2x4o4wLs9M9h7hAuDQ2Zi/rGUjgP66k/dMr/Q+0/pmVo\n3hNHHtrETjd1PeT4NuqK1NtisQkpskdAXPglPE0/DCkfaEugCtKhx/0W/GIF\naEVkoKaC424X4jBwCTQ1U9JBE9dXSJ7Ks/BTe61o9fS/ClxRomJ+/RHj810r\nWlnloaKKK116zkx9JYtiJTNNLqkAA91v0pzPJ+rcmGDFo+Y/KyiovaGj84GG\n15BPkaRJrD7Oz4qJvgRNYNcrvB3gtwbdmY4ojzf/SsXW2qd5yHggVkYSYRo3\nqq/bcvf5f0amXroyggdBILNfh2YsIy/BvQOcntxZdTFA1Cca+vC2WcAfAd8Q\n63s6ctosAwCy18HrAnE4syv+yYzqk0o4nvonbFOEun1zjO1MbgX4BD/zk7aK\nW8L6YO69/28YcejWk4iYwxpnKzssRSQ8QIau01DC4mGFuRdqKoxeSebICxTL\nL0UvEJxSo5YJaFiKtND6qTfjqJmJg9nA6eHLmJA+FBjSuJMMiKdD+9HYyDsZ\nHlGd\r\n=ZQ/3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b765f8699fe12742bc2032a8df7cc23807ec94b9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.02e372c5f.0_1597074450271_0.468320781273734","host":"s3://npm-registry-packages"}},"8.0.0-canary.66669e3b6.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.66669e3b6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.66669e3b6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9f0d5a10f2746ddfca9f4acae7e5a5711805556","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.66669e3b6.0.tgz","fileCount":12,"integrity":"sha512-1GNg2G8VtFSlSVXS3/ts6Yd6EYb8kVxFQpi5zKoQSNr0GdWGqlbTPhxyXmaposTyYyIzRt7aH2L3TiDCKKP9nw==","signatures":[{"sig":"MEUCIFsm6QApc6YpNf/lCxJ0Cxu3JsCGdZ9lttHhumVi4vKZAiEA1vBYoOBhaAKVrmkdQ4dwG4scV5lGLlUtI18phlRRntE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMW0NCRA9TVsSAnZWagAAEwIP+gNdAeYfIHQHo4KhKamj\nt6B7B1joCqsuFtAR5kNGhUmNzQkTLqdhSQQbNwUjGjK4mOwc15Zii3O1rDSO\nfLKVhLEyO9zezNXbRjaGayWJh3803r2KmLWUqT4YIB7ndps9kUHJnljGuv17\nVE3EyzHiSGJ4h+Ol2pz5Q+WOtJA0Yd+B4HkwipEv5g1YItyTJQiLnjqRmOha\nlu3hakkhaUhNKAPqMeX9dMqss5QAaNQhhvvm2AjPmwa0yy9VOTpDcMuL7SDU\nwEi31xGWUyKPZ+orZTUyyaIld0tLf7GEZi+fseP5VBxnYxezXg2AP+9ta/dB\nLl04pmwA46SPkr6P0gCkCzoTzoIcZ1EOg6CCHwzjOpNaP89HIM7K7CjWC+WP\nGQ5nArWswxnWK69Mg5UNB+0Au2P4ysymCaBYyzRUnbWUgVrmfBZt8bO1CQ1W\nzt411FeU+yFePDl1wb1I5mlCNUqjDYIkmSnDTRSK07HMmZ1m4yIOA2Fou23o\nbulfylAqyUEg2VYOgSbJu5oseaqAapQSJAgJAs6dolHVLT2gX9kn0s6ofwqu\n4lAIvgW6sjo6Vrv7fHhVCT7uETDe/NqPT95SWwAAdH8w8OhQ64+UCfkIEntK\nzN05M8aPFgsFSPiUHJU5/1ooJFDmBYryR9cw5jkLlHqBQpkfYS9Lnf1Rt5qM\nt/Ig\r\n=DR5D\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"96a6a7d492075777ad5f7692328b3bd50153bd16","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.66669e3b6.0_1597074701496_0.10096804985209018","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d1ea9761.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.6d1ea9761.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.6d1ea9761.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2755978363a2a909bfb6bc8f8f8b8bc6c77578f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.6d1ea9761.0.tgz","fileCount":12,"integrity":"sha512-IFVhH/b4bmKZuaMbcLIki7t6MWMbyikM5nj00hvS6ENsnGoL5wrBm3/IC+4ohOl4P4iLC5q0c4pb29O7mAbBlA==","signatures":[{"sig":"MEUCIQDHYFWVuiy1KSZ3HxdzhTnVZiJBGoK1Ssnqip2wrkGH+AIgPMid6i02XunqJqY3qpmfC1fGgCTKxvap8Wk2ADM/FeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMqthCRA9TVsSAnZWagAAUNMP+QDllOHxyg8OWE2PykHm\nc3l/ylde4Bsc6j2Ig1AJHG6GIY85A3Mxm7r09tWlccmB5DTBNaTrQ0NpuvXN\nDOr6AAe+5yTCLdJ2y8yO6RCRIi56DmrhWzE3FqqIhHNCbgtWaFaveWzL852W\nGVPyLCWgzTpcuvGMEcOEQ8J64Y2ns+93NGj2sBwO4Femdupcyp1Sv28ZGhag\n5MaNgL8VKK8HeMmFgeZ4RHc6qkGpL0hrseWgT30SZoXZbC7y0AwXCcSdbtiC\nx4/pTfauPmV9VJJOnTZvFrOJ7VsfLVeht6y6l/AvgqChPQZkN2j7BC3X73sl\nKEU1ufmEgSoOn8X8z3yVXs9WyAMf8+2MXv573JLKbCK17EGq2rzb57VNNVO8\nTDB5Eh8aeqU4gL8n7gyZ0rkVio8DkuD+SwGF8eFRzhyrAntJXcTrWHDTEDke\nl1H46XcQALaAN9e8w44Cg9p692epPwgTIHGYfAMt0kGQjO7OSvk4vpNBHExg\nRs0VOgxoSfz5jKcyAx4iIQ7tfXgyjYrgLLeR2W8ZATZoLEsjwbIUiRGssKhP\nt8J59xY3tE55GatEZnNJeQ752NOhUW5Kca+eVum37d4SWVS8b9pkayCQO0aI\nFKv9ablEQK2jCqbkv9XY18jC/DdURwD8S/JnZBntBPa5b0JWq6rhHSyKyJq9\nb1GX\r\n=+/U2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2539ff1cdb03aaa0365880e59b2705e6f6ff4229","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.6d1ea9761.0_1597156192842_0.8542880877039589","host":"s3://npm-registry-packages"}},"8.0.0-canary.79414bf9f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.79414bf9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.79414bf9f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b27ab9c997e64f39e25cb85be1cdd3af8bf16cea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.79414bf9f.0.tgz","fileCount":12,"integrity":"sha512-tDz59Hw4yuOXo48OFW7U867ybqnNL0bikV7jSL835+N2NhSeUSetzgEoHUfmXbBAn/ACqCj7+jccdMdqIOyXPA==","signatures":[{"sig":"MEUCIQDct4nr8kAS+RmA7fIShsJEgyLwrl79zslpLYE3WtZkNgIgOAxGM/Jm218T51uBecU3HVJOBmEH+JMAiyt1Pm9BHDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMurdCRA9TVsSAnZWagAAmbQQAKCIoXQd9WYkiuOmDKb8\nXU5lc8LAQUuqAIhcmN7fiN3o7YlzWgNdPXIicClpyIcSCDjZix3Xjt3SX/Ez\nrgaiNQdwiUwDxumh4K+XdC4PFoN+Q3OsT/xKGoS710cT52wBHf3ePrSQn8qz\nnedaPDTOuQPm+FhVwSy05m02httGyABTNXqN/0MLGNEa+wn1aKBfWbY5kqJV\nN7zkrD8e5tozLtd39q//4pJwe0VE2omRYEOBUrPkwvc183pWiP+hDbDzIgwn\nXaRNXS5ciLEayrQ/ZctfBDVByL/N59eU+NHXDzNGxTpXuDgeWEb7bWRSr9gY\nxSnVcsUqFWkk6zbel3NP8bBq5jXNxOTKaSEYvU1JM/LmdwaOu6llBFFRq+Y6\nw5aSL23o0HeQfvQKFuCUsVyU2rRJwARraqhRKg9i5X4492yCgKh2rmrLQITi\nFx+UfO0dBCP86TccqV68OexeTdoWlx0VF6VgGXO1L7aHuhBf3Nf/YVqz5W9/\nowySL1CAcnn51T32XcQSC1LnTz7DlDzxLZL4VV+3Q3P3a9JyMN1dai6F3MWS\npXC2IbToxlLxGHU/rTUDV4KBzyzMs+j+2rBLrdWwTahkvNCz9/ITPQPEkJfZ\npxYEFacYKKZ4rlQDT/gCzs7PQgT1I+BbBHdyknEWhpI1ztSFYkZGixSE/WKo\nJ+A7\r\n=jMBa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3101c6ef84c1ef8d9afdb44b6b6b3067c2f5723c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.79414bf9f.0_1597172445481_0.5829258454528972","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a5272df.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.85a5272df.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.85a5272df.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a4a331c9b2c0abc8411dab1d7cd537c7f10ddf4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.85a5272df.0.tgz","fileCount":12,"integrity":"sha512-QM2GB2NXt2ewqIJNEidHqmgg2HbjY18Odp/zf4ATf8huMkda1/qcKb3yJLNzx3C6AddO9YEnNOy1rjUZz2CYcw==","signatures":[{"sig":"MEQCIB73cm0KG4SoTRLh+dBYyyGuJQHbhMCtv9sZf0B2SAW6AiBGvsEShYKNKHoRynTRApDfI2u0RNLSJri2HYjrNPng6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvpuCRA9TVsSAnZWagAAhrEP/0yOBTdXbLGYYzMkb/UG\n8z+Qg5lgMtpVDxDaf9yQfSj6nWUle+B2fA/BhQta9lvJOWS6tpOjpKVtVHKx\nSuuc8Fwdeq2oko+hPnykpjvdAf4Sj6ahcguilv42cWDwtr2K0j6H8DQ7JzW0\niR8EWpDM5a3zrHwF7hdLYDAXrzp3+hoxplB8vGdtli5YovrYMDc408Es8qjE\n9CQeh4tMHJHniviwk9mFLsg13E7xEJ8rt7yJdh3HUTpfkgIl91+vUih4th4Z\nCU5gpQdquPGXkGvHKCK/1FnIhTj5h5ZFn8I1/OqxVZDifSr0u/pfZ5G0zzvd\nbwS/widv2C4dAw4bm05ypgyzPTGabPcOg413QWgjpqFW7NLrfwY/P7NldTJu\n64BcYdCSQj49N8TzkFQ+deyNOt+9IGX2YuYxjWy4dPlpuF9iRCPbUQf3i7qj\nbczF7OjWBAF2W43LNmYUPgmzyiHl76jlYHgo74dG5c7p+C7O3PF/ZW0wU1Hj\nYezA0g1A7TlUDAJossKhz76PEOjv50Nfc8CH0xhTWG2p6VYH/lEPfdhZyenP\n+VmRpp3CcwxtCUkgu7h8MzuPp2FmO2RCgXnri9eM/PfW8/xm51n5Om+rlSYF\n55B0cBP4z7Rv2bxXIcUar4sPtgwvapQO6SWTL67iGsTOKv8O66MlHLiVNvjx\nS7TU\r\n=ShPs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"070016d39c8d62feb1148d71182053d37bc35fc6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.85a5272df.0_1597176429975_0.11051297203418331","host":"s3://npm-registry-packages"}},"8.0.0-canary.fda053eb8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fda053eb8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fda053eb8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c59d5a642495dbad1d37d2b247785a6c204f2ddf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fda053eb8.0.tgz","fileCount":12,"integrity":"sha512-GNK7sNlAufISO2GynSRRkfS0QR6nOIB91azt2S8kCTgt4XNb9DNgvKQSSpIlw2M5GMo4InnRa1EZY877ONdIHg==","signatures":[{"sig":"MEUCIHs6nXwEff43AHW380GdmCTo24BOmp3nKsuhTnr0XfECAiEAnfIlWdQy1bihT/7xCC/a1Ku2Vivg1GgZtqBlHJGiv7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNEsBCRA9TVsSAnZWagAATzcP/i9h2n+MxWNgxIn8HYLl\n9xvpGsJe3HybkpZQv9FdewDXEIg205xJ0nGH0rSt+dSuvIbs/lTBdshwBquq\nn7If31cB6UQ3jQMx7UjD1cwjUjDoZd1lQW9qlW/nQztc0dobJlttrD9lZyM2\nTKRPTqx3eQQaMniyPfCS8m2b1Xst475l+/VsyhXeezRThWlimTc51EVH8oiV\n01/OM8jjCiVOftV6+W8jJuBdsGAspKX45HWHCkpqqgQkQo0Mq77s3jbQwAUU\n0hCzKw46XhrFhv/0d/VHS7h32c1aXQHaSObz448YU/q0Ys92frzCn6WVWauv\n62zHUscQlxrS5xV94s3ndgubYBgQ3Q8rg8jlxctgTBCiRbe1mylZD7OFUOJD\nEgeHcbDMy4CG2ou00muJqsUQjCNAxKGVaFMMC09BWTnPTu/gwmSXQJ2bEFN4\nI/Cudym2PWbzo7qMZY5jzM8qufXPZvSlbYMjukVBTXVm9J5EmNtqrfWZZM3p\nqnwUPcCyNWk4mfcb9VWFGEHgd2eQohXTgN7mwhR3tUyDNVMXI364/5eX2SYj\nfw99EwSy+pr5zr++cevG5uTZ0ISuLwBavYFfmNPQxaFjzlI7mokPFi9eBjH2\nC1yEZkzHtVnrerYGaHaP1A2r6BasfXvI6lCKn6jRL9rtaYdtz6cxP5gXGAi2\nQGrS\r\n=XgN4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b92b594784940e2fbd248c33d60198f7f2e0ff71","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fda053eb8.0_1597262592526_0.8480833969474812","host":"s3://npm-registry-packages"}},"8.0.0-canary.760873445.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.760873445.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.760873445.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e299c5760982103e711e1afec58c79136f7f9753","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.760873445.0.tgz","fileCount":12,"integrity":"sha512-AKqtriw6O/sLUN41g9MI9NbrdffuBNEqMUlGmBBdQei3CeA0r4bVoigHxbXQ9gJW1ZZRNGbSWGLD7T4JisNmzA==","signatures":[{"sig":"MEUCIFKdk0vzsi5TsKxjkW6Q6CWM9+Wj2w7X7SN8110hJdJqAiEA9vStrRP9+EUAqmJ1DtzIK2N/pXwGvrTiEPodIbD56Ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGI8CRA9TVsSAnZWagAABhgP/2vNo4GOMZCYyTO7aoJQ\nHgSccrHO0iUK3xazXiE5Rm67sZatPDdk0soy0FEiPH9jlYHeo0V0jCVmsp1W\n0AE96hZHbT2nN3pQNVHPd25pWEL7qAUr6NNCHwxYcwq51wMj+6N8vgZuZk/o\nuyHgZIpUjVA1Fom9nKk/dcM1mrLJu9GeVDH59dbEUUgPGfNhGvulgZ70ioSV\nYvYRIYxtzWhTgWnodWxvdJ0jalSNOdqeYgcuT9FNqKPSsE5NUHo9rqtiPatV\nsGOZ2CmMbmO99cd4dhHLbk2riTM+scLqqqGllkB1EKJyBsWE7aRelgru/Cj4\n2C6x+jU0xMJFIJcIYQKCQj2VwOFHJNRZ47nkFH1zeg4kBjNEY1NJNIZxiYwQ\nGu1Ke0Ta3JCmdYx4naKSsc/BTTJIF+SUFol7uMtwiHgii9oDMuxXYfeyCISy\nvlXdx+ukTJL+++S3dLUw7fYvlmBWrKozLX72AczaHJJTPsNsejZSt3NDVcj5\n4lNgyaD/didjwuxK0IZQgAH5D+Fhz7CjSvlcaYng737Tu1w4PFlwWpjgL9aW\nexT1Blbk2qlfuqGEL66vDiiHzrWk9bpsxZbuxkK2+OO6JoiylWJmSETt28dV\nCRwZ0KP083x7F6CIuNHBAD4VqbaRCL7IzJomttNpeNMyZ0R6ejBOhm3RE0vL\n6K1S\r\n=aRWt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a830629b92051950e9e15bdd288ad87238b7103e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.760873445.0_1597268540005_0.2550233954204504","host":"s3://npm-registry-packages"}},"8.0.0-canary.2f4711a30.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2f4711a30.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2f4711a30.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08c76a5be793d55a7d50e01a2c1cc07072924535","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2f4711a30.0.tgz","fileCount":12,"integrity":"sha512-XpuKk3iRuBWSsJCfKWh76dCeEWDeTkJE/x1T6V+RNZmSAHRQ2b2DJjkcg1wQhz/8yKE4Z21fkiN36/4Al4oDZQ==","signatures":[{"sig":"MEQCIFAcWGg6q5cPT4y4pr0lRqI/VNNe9xPAUUhtxNzCigd6AiBDY+hJ+lT5J2/p8a/uI2ydKKZhZ+T1lD9/4CRGptsmkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGSSCRA9TVsSAnZWagAA5QUP/i8tMLqaZ7ec5uH6Hhhy\n1y5AXdfoRUp2rYGOXBUWOEc1SVlzRRQbXyYNeRaVv45A+2mgNzd/lLHrbKMs\nOa9dvSVjGxhNZlc8oBfda6DQ4bSbpsdoQV7vVyGwFady/PxiXk+tQWMTv0Ua\n/yxTy22UhAqfqKd2FZ5RicZO7hZJV1EcjSLFF0mfZs6gIsDAQlzyyShqUYNl\nWwsOY8VHEWMLKcitsEzuW/NLjOyZRnn+stDvcIOe6t4lpcTyuQyF4mWa6xWF\nEll8KGZY9duwEmlyTdgC2Az/V1puQGot2wbRWlfL0HLMdEwKezt9BOx8DwV3\nnCyAobH5Ge/j0MmuueXnmKSkYAYtaAP3A7OfNDoVnNnE23ruUGDTT+Oemt8+\n4reEmTwJu4M1bRBQTCICmbyswPOSxHMIEmmTo635QJ/JW1QvTfBisyok3F56\nGPk4jNxtxVwBrZnks2ipGHaQrjt3JWACjyVYjimnx1IgYRJSB0mMabpYrbfT\nqBuSWxtsARyYtb35fouNFThwhxTDTuoo6abx/lnbowEc8h4qL/psV7726Rvr\nqFdXmO2KwIq7Z6XNOwaEHe5CtSFKrpcEI/UqewmmCTGVN78iEQHlkckKudQY\nQ485yYWud80oQ0Ni25fcbdGHzc6mGuXiX5ApncZ8fQTOZQUwRtcS96HKaTUG\nfIAx\r\n=ROPH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1347e5c15ba848f3525dcbd08fd0b11061e94116","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2f4711a30.0_1597269137629_0.12070659178116272","host":"s3://npm-registry-packages"}},"8.0.0-canary.2d72f3659.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2d72f3659.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2d72f3659.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7450218cb361020c98e7788ad7682d74aab13f0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2d72f3659.0.tgz","fileCount":12,"integrity":"sha512-PotBV+79Oc4O3nX7gafbQ4/+RoDLjSjhbkDjYAItzFfMTgLuu1huJTH7p4i7I30rfQMcivxezvq/n/NUC9GUdQ==","signatures":[{"sig":"MEQCIBrjT3989TkGf1fGHSe3inhErB1B17DafS8F1VyD2o2DAiBTBzQv4dWbwl4M4/K08M/EEAHWymhLI998V3LWtfIimA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGZOCRA9TVsSAnZWagAAagsP/RMeOBp5UP4AELUtotFX\nPW8LAr8ARXsjqwrv/I65SZi6sY+lNgr8CrSbJzoNO6THII4Mz23xkVl0jRyK\nQvTFvqb1kOnvYreKI2SNqhq8BNjOK68XEnnpJyDmpuZAPk5u0uW9O7FGBV7P\nbz1TGBcqifPfKEp62D7o84sTL7a0i8sGdptkUNQgwfyfz+q5EHvX7/OiKPZN\nSWrJ/qwW0XCB037jWfg0Htab8tWDO0YfIhdYRf/i237ezLZqCaW3MfKvb4sN\n44EpkHTsIsIRoIjzpoCeQw7/Nnd0vZVRIt/5Qg/kkasM9kj4/bLNyfdyL3VI\n0e7sQ0Nh14t46KrfNhiM7oWYNdu2Ks3vB3Op/om4ILhmE1zwFKPhX/jxt7o4\nA5vMkEMSKnaDMYZEvfQ3B5Uykno0BH66OGZH6AySl/rGBwAg89BIt66nnYpZ\nJf1BPda8qM4I51VJnn6AoQ7ajZbIxbfNMRo03CDG9ispnjE04m0eLKUfIC37\nFTy8cMCWFm5F0MVuWVhYhjqpWTf1AXIkHY+YzGHHD4h2vSNoyJOqiJYc/Wym\ncb3xPf3i0YNfHBkM3ngl33GVWvlpIFb98xjI803xDo2UwiHdrvvHlU+opXJa\nvcMN8tNse34L3TZ0rgvf/oYtWVYpzFG0tKDYIJqPwVj8WIj1+UwVY7MAZQYP\nejD1\r\n=MujL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"de40c24a4d850a3bd4269dcebba821d972e01c19","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2d72f3659.0_1597269582286_0.9955263372221459","host":"s3://npm-registry-packages"}},"8.0.0-canary.1fee70a5e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.1fee70a5e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.1fee70a5e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a6677d0c9322dfb71c4f7d4eca9afc4841be9ed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.1fee70a5e.0.tgz","fileCount":12,"integrity":"sha512-CWdwMj+25OEnfnjCV9INAvkFMi4qZinVkhoxHJ0Mpv6jFGcyeCwEeKs3gsXo5EoPfG98SZHZliO/e9zwfWDR6Q==","signatures":[{"sig":"MEUCIQDDlFdhWITM+46Gk5UgQ9utZ4fcPR59MnBmMKBzPq0TXAIgBLWQzjKMF0rc/sPZ89myxp9+r1cCzQ/9uqfB3+RHLaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHryCRA9TVsSAnZWagAAawUP/izIz28Mwf9q0lMWJ7hs\nngyO0vzfy1T4IIVWTJNzxL2Vr9GJ6I5cF8hYep2ZZTW7d32/wev0Me0HyAyJ\n7mEyoSPUJ7iFqSraIb22y1cYGjVKGfQG2wvbxiEefMonQjFlJT1PRFnlOyqA\nulTKbx29fDlHcSP1cRGjAR9pU2Dt3Gie+dmUre+HsvuFJ77m8BrL9MLzVpJm\nWxyPrfwLWHUxkPf5F+DcJOZp+ev3TTVAVl99d7IE/P7+81Qm3PuBtIjtbshc\nE92yxtExAOm0WEmU9CgWvfN4EZW4M4HdwoRIkM79xXPECDyWbuAnZqhhBl6e\nii+wDgohgYGr8KLV0G2UehtAiw3ajtQf3hOoalP1TLVFLfLBkzeT0kbQGuO9\ng1B2uyyMotnaRxQMorQ4ADLUWCV9KrZMQCHKi3Xi5GUKI67JCQ96O7b3buTm\nGME4E5S5kRGefZ32dVfgtc9KBfU/fQb12aL99ku2o4/zqtwffUJQdw96iQnd\nymIRlBiC7JXUy4yomOUvkWOUt2yoEOpw//+TOjx3DuTzsF9+gHuwk7FpLGg1\nfo4sKD6g2U53IngfLkePt6aMqOHVlOKboRIUbrzaTPSsRv3gybnUWBYP1vLy\nRmnr5oWfbNiDqJLCmZFZgBMAlpP4J0Ec/C+oNT81XAYpsSLH7M7ed/KuaBzI\n2JI/\r\n=GyRv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e5eed4b73395e9cae47d93ed6f34f0dc0467c28","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.1fee70a5e.0_1597274865799_0.29803909620577684","host":"s3://npm-registry-packages"}},"8.0.0-canary.023f3fa34.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.023f3fa34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.023f3fa34.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"886a5a841b8b5d38c31dc16bbcebf3539af3694a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.023f3fa34.0.tgz","fileCount":12,"integrity":"sha512-qwutvfdJQ6cOgUiv/TAuTUYvhcGehOiypv6JgFdpRCfgWL3wz9nlpZvLMIP1Gjcl44RWjVFOei2ikstK/YbcjA==","signatures":[{"sig":"MEQCICQRvQxDvoq5doQKnOSUJ8ZfHiNdBISLjfxrIMC8v2gfAiA2YJwNej1y+kW9rPF4EJcbIc/u2QhR63JdBAkB97Naxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJM5CRA9TVsSAnZWagAAQSoP/0nK3pNSHdG2Wjf16FqC\nGF38WuLXmEpJCl31CwoMQfVY5ra/kTls7FvzCsMZlddIn2rovMQQg5luaFfj\nzyanDxCrY0SUlLZEKHt+veO0M+VrGZfDQ83upIO5/5EvFMGuGyW6OUZSj1Co\nSya5p177uzKMdHMF2Ua+RhtwdLyfHcz1DMBpgc2CGqjxS8JtgXZmJ0UvxI3z\nS7qMV+N331Xf3lh6EecwGNb7MuSQotmK17yjDivzJtekRmrMNWz3Ag/+iqqn\n5ctDiqL6ELLRsfT9BDfvHuuqP2MJ9hutpN7eGgZ++BskNIa2TwSXCtE+t2OG\nRwXN3l8SIZpadBtvK8nnF8yZCBeYrYD9Ju9lSY0bbL3Q/DZ9TcCuBkIz0nx9\n6hbura/HOlyG1QRtNcQA9E2WJqgJW3LmLj26MLBglHDmA/QdBfhU+tlBpDE1\n8r7G5vCNzRGeRqSKNVIJ+xd9mnekCuXrVUywNw57blVhqKZ24y3glgxQFosu\nfaW2H96MdOQpdUF7i6olc/sQYuBoJEjMa6zROiUBtHukH1XYrc8h5Ti22sof\nyUfv4kqBrql7O88Jsdftj7bUGEygd7fbpuDPhWEudxl1XUGGRx9ZHhIB+6sc\n+5uJ/3QggxfpxF1DSNbn5wDBzmfHCBu5Px+e8W1cY7dEfGZwwHynt/U4+E5x\n/trZ\r\n=9Can\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a6538d0b407fd8e7a7de8e39b4ed51bcefc560c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.023f3fa34.0_1597281081482_0.32541848294229836","host":"s3://npm-registry-packages"}},"8.0.0-canary.80f3a9e5d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.80f3a9e5d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.80f3a9e5d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"afcfdcded2a3d3e8ffb160b7f45c67fce6e7f2bd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.80f3a9e5d.0.tgz","fileCount":12,"integrity":"sha512-ybdUpS71d0PMWXH0azUNLFkooH6yKZktFjgeCFHXIRbKMS32nOtcXEqIR1XxNbdNNhLGNL4r5pZqQwpJRWc4fg==","signatures":[{"sig":"MEQCIEbhcVhLNv99UJscyvd/TtCMMsYwY+nfmqsc9YU5t7s0AiAGgK09e6VMoMTerUNHzx5A3ILKi/lzwgaeI8dmij6bbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJcgCRA9TVsSAnZWagAAtI8QAIRLOOjfwziUzLPT0Y57\n1DrDH94yyuKCNQ+QxNG53SytxkT+T/DKui/cHkX9UWKe5BFEskF67znQwYXt\nSWjUp+qkOSv0ZHKvCh0OQhXDjgzP+p5UbK6M8VyejixJj8bHDL94X1ftkBB5\nq9AzizsYqA4eAP7Voy6oEi8agxCPvvaWX9baXeiOCvy7ej0C+H17psGSPi6c\nNN13HmfsFdk6UlQFWh4kr6X7kqDJvsvxxwzmu1ssoZB+ULVXrGD73dWu8NCU\nZpMG2+tv19MuTvqXkonXcjEQuhj08WZU+X4SoZOPpCBS6TODNBwfXmKM4nwt\njTLtkK268cLAeZTAWBdSlUMTz02EIg/Ta+MkHZpGgvbrz86MKVxHWHO1FrHp\nEGa8NWNsOy+i4Pxo+k7hY+2z2wgCxJgeVI28lJXKIbmPWUabZz3AjsKecdaG\nC3czXkVntNSIbc7XnkigwmXFE/VTDK5Y30d7YjqzY9BQxupTBYwC6nEj8wzJ\nJSCAqA8IJz+HuCZ5fVDgJ+Et9NLJoBS/JP2KP8YlS4UMNUtP/w77aNW/KRWe\nR2AmgSGJrx+n/zZ6ybo4lQg5i8YrpowM0JlHM22dbbDx51ACdI83RDanowLM\n+Qql9ogUW865Phmx8as04BsD//L015Nk7sWksnheHltMyF0uPKxFsJOae3ba\nSEWn\r\n=R33O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e47018f239b51581a67186dcbea3f4167f5ea3f2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.80f3a9e5d.0_1597282080093_0.37046717642507776","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1dcfe97c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a1dcfe97c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a1dcfe97c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f0855d886bbd5ceed899d0d70bef2927bece693","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a1dcfe97c.0.tgz","fileCount":12,"integrity":"sha512-55ZUQUNZTQdQR+In+7ByaJ38iFrrKmuvslq9PLz2eaymrAgBDhSB3UgH5xlYDFMqhlTftCKoKSUlyDPeC8CJMQ==","signatures":[{"sig":"MEUCIQCbPjcH+Z3vW+PrgzAAl3C0M5VcI/9LZKYxs9E++qpZGgIgMfnUEL/8FdweyOoaInMFrjPm30tcKoxBDQKDtdfcYsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNP5gCRA9TVsSAnZWagAAoD8P/jB6kdJtTgfPQWmtdQ3c\npIo2l0P2C4XANzs4G7FxL0QynHPAMwLnC72R4Fl2nJSS8cOaipDlvEMSS/F2\nWMxX3W5DqZLBY94UUUOe26tpMIdAOuP1EBTJ3fwwkMQGyhDdnJPvOheV38mQ\nvCxqKx/6EJW9SPu1rP+yq7hi0ZjwHTOBV18/0u2QtLtFNIvAila5cwciAkbc\nehOTwSAJ89ddIQpGw24TF9vSRDmAWbAZsjf81ogjRjahLCeYetU9dvXJg+1f\nisZQdXowuS70hep+lV8LAyas7n32LyiDy4abuZajCtI0vyUC3FzSZKNG/+i7\nkQLgTGTLUbpqYdQynuBJ7T6BBfyXags8xn4cGxS7f9emkn3KzVIuDl7lWWSX\n9D0Lp6+kf112Hd2ixcHGOymWhP8a6QcSdM5dse54t3N1H9mpevXxT6JHg5+N\nGtjQd1cmaX3HY2knG9soxq/YuLlYUBi7qaweZqpONzsCn592cNuMismZQXxb\nvd23ugIBLYLQp/6+ZuUYm30PX5kVnouK6rus8QeCpgQ18Egp40eMpEO1KzAS\nVBRAaJpMEoNcTTYpTuqoUslB7UfQhUbgI9QoqiQJjavfulRJ6y4u9av49QCA\n6X+Xmvg28gu1jGzbWLldYfQ6CG9grtoaTGAxH9Le8xIK29yztwlpy4I3l7CR\nn1aS\r\n=jVk/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ec1483dd23463f0239974be9a65ec22a6b54715","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a1dcfe97c.0_1597308512206_0.9330176166078663","host":"s3://npm-registry-packages"}},"8.0.0-canary.af332d5be.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.af332d5be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.af332d5be.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"82a9e9c4db5581e3b1b52d49dbf1cd031cb35f17","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.af332d5be.0.tgz","fileCount":12,"integrity":"sha512-8IO/GRH9e5Lqh3+0FRlt+X7USRJukBCjD2nz6ZEeT3GRje6YRKla1XO1UlIL6FKsRF7TMqhxZJIrW+n44KO1Vw==","signatures":[{"sig":"MEYCIQDXEviRuPwC6Kwpse9vRs69h8Cjeq9vChK08eWuhxvyeQIhAPTNwLwKYZJuIuT9+JU0gJU2WCLMmZI6dOn2Ab3mpRDb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNa2qCRA9TVsSAnZWagAANngQAJFIj1CnkWRGWHK/YQd+\nJCi3BzjF2t6vjp2PgWug+M6qboZZaHw9IcbWbD4ZdSGziZVsOohy41EQeFKU\nr5Xk04rFJ2p6NnOKyRX6LTk9afGsSreYPPlYT3nXH7/wtjxbwBRvBWjykOnJ\n9O9ufsOOTGtxf+vXhxzslO7XWM1cGtW2JYrstC2ozS9Kc5XAlSYJK4exgPR5\njfv+CLXXo8aGcjRepFBTs/NrB0mh1HRMIjox+5vqQ8LK5mpXRGI4fM9ZyVIs\nU5EAoynf4avtP7DpxT3OeNENllfjBe9Oy81wRPZIO0NTeNzuBBeWVgLstPz3\nRGUDwOAuPTdWw6lNNag6Hp5o3hdggYH6T+CIrRFHND/RNosD91OOEzNNfjDt\nWYw48wO7e7X/uOKMCjFxy9UYJHeQUXtuStWIXRcRTqIkuNcVeguPDhpYOwku\nhwn2ZPFjdS8/ThLGTXKpPG50wvgIy3vcb7UfxAXEf7eNnexlvpQK/p4PyZfb\nvrKk+lM8j6cpHWhDtvOiaiQJADf3G8pH6vkQTD0wfDOcKd50FlWgxzio9D5a\nH0+KSJz2TAUoVO2Jns9wKKXjy9Nf1uLwLmXHbutz2Ju/1eOpKorBpEDfCRDe\nr5I0BddTLPRxkndh376JL5MmoLRlESieIWOjfzEcMvPjfP2JmXtd4b6b+eUd\nm6KC\r\n=6n/w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ecb675d071cb76738aea95a2d43ef88a134275be","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.af332d5be.0_1597353384469_0.10685412282307549","host":"s3://npm-registry-packages"}},"8.0.0-canary.7dd4567c4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.7dd4567c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.7dd4567c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1e0f6494bf97405f1fefa67ea72b66b8f971253","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.7dd4567c4.0.tgz","fileCount":12,"integrity":"sha512-h0Q7ZZr2A9jFfpxZCmCK15v6Hbv7td7tZiQA1GriSpj1nJbw5X6Dm0K2AaSZMSOhqOso224mnnGpwoY2QX88TA==","signatures":[{"sig":"MEUCIFMbPoPd1ZmbKZrEYYXTS25brjbW9FMsZHTkQXDOyKq6AiEAw0jaLjFIyMNXy83vqAoUQMLnbS4hnl+qco52z76HfW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNd+yCRA9TVsSAnZWagAAN18P/3iWmZxDvMShuucalYWj\nMv7vCsdpmXMuSvOdM7mE7oLlAdD1LJumAO69lBW72gpEJz6pJpk8wJ5SZAiy\nflMTOd+xzWTgF6hLv9HboTzm0kf15bDkY7xxrxXz7jxw7NpAoHAB4wRNnjzS\nPX38XAzibM1hR5ja42vlQJNvtZv7ZoHGI95RCavauq4VqxCK9/rQ6Z8Qlr7F\n/OYAVxoE35JZl1PNvJ3FXNqlPS/eGsSfQA4et2QtsJmemWuQiLNLV+37xj1B\nFKiVKSwQHqugsAuxA2DsJgELaa5QfMj4tD4J7KrI8Z/AnQIp06fV4ek9ldHh\nI5Wxynnw2oN2lnvxiYgppbArBKqmD8epz5kl3ld7+2ksm8G+UVU7s6ZvR5Ad\nSN3To5MlZ/ohmae+NsH5p9zzAcECSoUhWlubTNxi20RHa8wPh0Kyckfe7+Zu\nqCX1Wz3U468BJN5vKbcul5MWJrNB0oZWXkVA2Zj1AAi+Zsm8asKv9Mk8502a\nDLZf6pjb2KNlmfhPBvF99Gv50Acr9baGOQcbzUnXK0NVbxLt5OErCp6HgvB+\ngIi58RlYn1M93zRJ+DH0knT+Zjo2p8XmddBhOes6oYqZ7+esnZn/WU1ofBnl\n65QJobZ6R/RRD/c7oz6M30jSmvmOaGFFo93I46j3SzS/FwHFImVuYGr+M4aD\nreh2\r\n=MdVR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"515ae143d426f0329f0a745e0ad35113761376e1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.7dd4567c4.0_1597366193924_0.05171320680233715","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff870005a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ff870005a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ff870005a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"599163b080e3319ba7556fc0c0150c270b02b778","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ff870005a.0.tgz","fileCount":12,"integrity":"sha512-jrGgIgbxqJpgr5//sJlfj/a3yTVC9ZNmMBrMIx0Sq4bqENqSrsvtgZvKK+0LlDPZh9zG4r07xIY+Wh+bkTcntg==","signatures":[{"sig":"MEQCIC0q+NaQDbRlSehy7HZAUsZObrSAeaoEbh3uUHgwcbkMAiAJRhvWinr7pqzYkFrDSbou3xrWxw/aqY07mp0WDNB0Dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNeWkCRA9TVsSAnZWagAAK9kP/iAgWs/lipa2cZkouRSd\nyqE47d7TtUNw386st8X9s+7N0N3FwU+6DOpDA+X0/7VXDT73v45BAUT6VPLp\n5Li7GCskTmsv5euPAHss70u2H3r1aPaBm9h0TOnA1xPOnGwQbXIF2X6jnAFn\n3qsv6af3hVOo5qB72vR/2h/ghVnyaeKfq98uaSxOIycCeMOvfv6SLtP6aMBg\nrgWnxUoXm7jpwRUISU/dbsdRyjlKjmwpVSuhRnE3Hrlyqm2l33/5x/fksq56\n4TKzchr9f1o/sSLFdtJ8PTOk7RRUPcGymYTq+tTfNfVgCHFgMduYlExkcAMP\ntO9GyTsUVvA8Babso3x7jOJ1WS/PTY+1OHN9925aEuoEPextaKl/PaIHYdbY\noaR76yWN8hjRwJwwM3FPw5XEs/C+sMfMN8cgBPTZ/k/6EJLgTQtQcLjVz3nY\nDjl4CjKDA0LlQ9wm6hd5Utyajg+9RnmkcyW+SQkwzYuESC2Znmyj2/UtAOsJ\naeXL7mb74TmWKHYpQw1GzjeiPxN0dyFWpozaB1ZZG/5gjsTQXq8Yhf4Jwcdb\nM4fom3jsIieGNgCxIr15lTP8vOyVAA5XIPzPxgWRxPTM6nwLHWaht0+QkKuS\nrFPkIhbkUyx7uFIcAaS5K8uIIrhmZFuQv3wlVfSX7wBamDSng7XLCC8ogbSt\nfrWF\r\n=ZpF6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"885c1d5e1cf217db1bcb8176917a25d6c74575a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ff870005a.0_1597367715953_0.4439889361830327","host":"s3://npm-registry-packages"}},"8.0.0-canary.150f427a0.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.150f427a0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.150f427a0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3840ee89dea05d1bbb0d11af4020b0173574a76","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.150f427a0.0.tgz","fileCount":12,"integrity":"sha512-Y6/WTw1LIgL3Csu487wejyOO7E+F2POk42s9Vj5Cde5oddukLjNtBQUiAXaEV2vj2e0P4QRCNlU7w1JCR1tPGQ==","signatures":[{"sig":"MEUCIG4Ss9+eAx8jknC7rl9zyi9gYoBwxx061HF7tf74LqbZAiEA7JIJLTcVPCj/L4NuO8Wa09QkxO7yOk9lL1hxrAZmvjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNpFqCRA9TVsSAnZWagAAicoP/1CrX8ntmLwqWIEnfWus\npbP85ekAffEOa8/z50Et2mmtMx91vA2vpncJZifTThlnN28l7ZxBrChZcLwl\nkl7s7PlOLmDHZSm3oWVez3m72PmVzNR0Y59WQwOvS4cWZaTBwaeykuyOZv3N\nobYiSmU02rUk5E9uEr2NNOgU6xbab6bY9Ff7+tRxJXcZgeYQ6X2l93Wah4MG\nyZdntV2O3s5NtWktLOCKTnO2ClWbx2zdz69BeBbJu4nmz3EKUwIKeCptw70E\nalAxBUaqSiAmdESWHwcGfMAGEfuYmShjaSFoPwDhj3MmOR8D6HaQpUx0eW6D\nd359ImkN6A7ge/gfVw/0BgTJOCru4KO/UDhjtDk76YGW49vN9gcKzSsiDv45\nwyexSALsY50RsEDOqftcNc5xgV61YiDl/aDw4oCbB2Zp4SdPu4dsDG4WNaem\n+vR00wjtRFqohiKmy7kUiRBdBP7yXLofN2toUPElpnpIOn8v13Ei18NhrYJR\nVh1bdBb+WsYVxRsbvErmhruXHXixMBrvYed3pX7JMHD4shkwmmERqhQ7qnor\n+LfYV/hit2zHdMQEFFXl4QeUsI5O+kjDNi+3XU5HQzj0cqaknWqR+IaeVkAl\n1hl5y7+NuJAQqnRMjDgYZT5GWZhtsJajnamA1o/fAcuLx0PvUNWE+b7Au5V3\n+dpH\r\n=GJYh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9250d38c39aaaa2210225133bd9fa4da3739df3e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.150f427a0.0_1597411689405_0.25201115877863933","host":"s3://npm-registry-packages"}},"8.0.0-canary.bcc58290a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.bcc58290a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.bcc58290a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf87b88a79478a781ce40f7a7613b81a7b1e7a8e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.bcc58290a.0.tgz","fileCount":12,"integrity":"sha512-U02Bsxh7xhzw30MAp5YlPa1+CJV1C36zHMTeI+5rQBIaMjwvkqAh0Xd+IZJGPgdASWIOg9lyJaJsEccn7k9fvA==","signatures":[{"sig":"MEUCIHEM5OcaeIUG51jGjXUSWCb3v6ZF0sBwcg72PMz/DdjJAiEAt7wMw8yYVXYXJeJuyDRdlefw9z18CLfIgMfZY0Tua0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxx/CRA9TVsSAnZWagAAv9EQAJwObUDWuZHrfdBfYCqm\nwu7lxrg6H4p1AGODSB5viHgQULcxd+pi/KVulQx4AdAKNtH4+8++OBEK420c\n6LqhnJNWUezH8EIyd5GSyXe8ieyFBgTemWVOvxUiWg7oQp8/R87NOE9E0Rfj\nifs3Src8k/WFgxmqajYx4coVaYkPypooUQdqCfZbJ5bKwQJn69+70N7ZNLSw\nmL70TDOl37jWb+SRHlKhSPBH74lvOzN0wOYWVnhBS1TYS37Sh33v0XkU8dfX\nE3ILSZccfipHdIXFAurhdyM7PXILk1tvbjZiThY8zf6XV7NGlc6n3sr3mMzE\n08zb0RerZ8jokEJSMeObeAI46v+QeHEhNrvhNVe85fOBFej4P06N0JjO7LrN\nGzbQaXiXH2mwVyG+N9LMcwgeyhSDGtJ4Tu2kXfj5EWomrFYL0pVBGvgys0eU\nRCLPwCOlFFp0YIfx5W8eI0uHxbtKEcTTKggJ7vOJ1OYfGxfKz9CHeAHQNgti\nqDwho5TrEnrXF1psP6NmC0d3MWxuAOvRM39cNJb54EOHMzOjNdvb39ZArGD3\niD5rhwm18vSfQiTpTw74no+8GGDSEnNHwCPHdfYQNjLvbZR2VYxzn94zt3pv\ne4VZoKilIMGPui3jNQ4t06lXsKEd70bcfJ53JROTplpvHwitUvuoynkF/K0B\nBqtz\r\n=eaT/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ba12c8e781c26c6169e16b167798237b5ededb54","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.bcc58290a.0_1597447294747_0.12413144224285189","host":"s3://npm-registry-packages"}},"8.0.0-canary.4f55400bb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4f55400bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4f55400bb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c832656c8b0d4d8c7c6f3499363789639b8658c6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4f55400bb.0.tgz","fileCount":12,"integrity":"sha512-yL4sfYLNpzi4o76z2PWKUnoB94Q5zAynvjhENfp4PMKbhk/wWMNngiTkUij1435CF/I03VN+dPAH4tziTRPGFQ==","signatures":[{"sig":"MEUCIQCz8mrCxIElEKsvK2sXokHiW/3T9EwiBZt33eyUjjdoUgIgXiQSym0RondwLI97CynZeMPxLfh1oFrtFPy4tJ7/T2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrJJCRA9TVsSAnZWagAAemQP/04T8TLm9QyqcjWiPo8v\nSioqi4o5eWCA9WCUfp27taDVDiw/r8V/x5+yZsm0+4c/dOgjJbp4bVHlVTLG\nakzYM4HcoCBrx4K8dbtmEbvRl9AHAK09ONZIKwSpdgMp93Tn8KD8tuJqEaXK\nMxjrxDPZffQ2hYv0gdzaQwdHHBcy9MUapndDRWf38bCMB82L+CkbO/PZpYSe\nDHjV0Wwr4Y9qNxYB2ql1UzLDLE5vcckX4NiZitMf2rAQNri6IIVtfoEAjM2o\nw2nnfU1U84ffpvTRQMLobpnM5vbMxy/4S7re65041lBgIxAQz9VYkl1MoiAa\nM9UGVHcMrvN0pRUahPdfmBu/upi3l2m3yKNGRGTJ0msfGJJEQAiuVn8W4pzt\nUMKiSiny429vy2YU/ep5wlRND4t3Bj/MqISFsPgqol+QtgB5zo3EV9v9n3XY\nDrb2yUz05QoYJV0b3t9nMRcYxmBPzZqm513MA3aE6sRJue0dDrm7RWQWwAwm\nFFmLQlkc4dkoMIpmEDmAB65ERKhJOrFuonXeBPvEJHhcLB4HrEhuOLkS+f5v\njekl7mOW+v7vSrpzGRfxUBYmIdGbOfbmM0rmhXvvf6Q9P/h/SSIetBY6VCNE\nS12axX3PSjH5uDwcRjXsLuFuwL9xlY8XnUro3qtqc+7WQN6byCDifJJNjlHO\nqXi2\r\n=UdzW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a9eebd86aa2e631b994a71291827e602b842dc36","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4f55400bb.0_1597682249175_0.3360690414430465","host":"s3://npm-registry-packages"}},"8.0.0-canary.000d64815.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.000d64815.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.000d64815.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cebf4b1ad2ef78d8447346e0ac7b67d850fb2fd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.000d64815.0.tgz","fileCount":12,"integrity":"sha512-dfedDrqSF1xDrRc1rQmE0e553aA3IJbbeEov9LPYPYssTfJg1jE8r93rYZtscUEHjfLj8gpbLXXcnwel761ZtA==","signatures":[{"sig":"MEUCIB8Ep8ZWxXUSxCdVL5os8AOUG/T95KDYujdgvWqey8coAiEA266YYMoMyaypNcNqKacFq+GDGfda8hV+d4efv3KRptM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrhWCRA9TVsSAnZWagAAjy0P/0OM8iXb1qOUwIxX42gP\nnXHEjTdEUQJFdxi3VEetC00lW9keMF6Ard0NDFCDJuLH2gDMsEKhOpYACSRH\nHz/DAiteXEecz3gYrw11XInMDwk8Ug0Ry8L1Mpu6XFmxrxZ+pB8PEn+LsH+n\nrO6bgAepY0KChOTMbAyX3qwpSW6/bK9gb5LfhBR5Hf63f2VP/IYwDkqTopGV\n7Igv2/g/8FmM5I0jfNEPfTmDOJ7JIgIfk9Sssp9QTAJmvNAQSnQ//+dz9FHN\nelkHOOu7NfCLNpLFN2MBnqW7Byusnq0fYkBc3QJV+8c/cwypxsVvHa69UB/A\n69v0mCBu76ujRz7rE7A3qpTVgzi+GLrXgqr5DXGZJ7wEggV1ncXY6lO9keyP\nm1XW5tCONK8sPkluloteUeJefHVFJKVJhDgBuoC4+pZShJ23S/avR2bG4JNH\n1mrHxkOwK4jmPEr9e91u33OYyOKSrwYMDeGc2ERYOLy5/q6QEZMvlQhkEOrB\n8AumRreXkHluN+4yvaprQD+af1dabBk81QTixdaKBS6arM9sPTWEQEHN5qLh\nL/OhodT4oElvbT1EsdHYUWcxfKX493UX1kO3ZQdERCC0WIdMgfzGXvYO9eJf\nWagFh92k0tOxNTWZ5eltZOgDTTVQsBVwlStnT77+Ua0HkVkxTkh7IC5MjYvc\nqJiV\r\n=hAY8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c8a69943d64e6f468c2edeaf1fc6204d372a9fed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.000d64815.0_1597683797640_0.6288280314900225","host":"s3://npm-registry-packages"}},"8.0.0-canary.defa599a8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.defa599a8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.defa599a8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7545d854abbe345b0e0b665adcb970a357272d0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.defa599a8.0.tgz","fileCount":12,"integrity":"sha512-OCd59LP+ai284sFs6Za7D+CRzPrjbR6xelshrr0ddn6GN+qyXgiz7hQr2a3D3eERAXx1lJTJcVOMNMokhOaYTQ==","signatures":[{"sig":"MEYCIQDtRorSaPi9ZJoEsFHORz6IFmJ2yboebbiVR4sDgb6hiAIhAKh/TOcEkfDvOajSif/GFe4IwBSDrCamweNEi1RCQmiW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOuj8CRA9TVsSAnZWagAAFpEP/jW+23PqVcpvMSqqXJOV\nBU2jofaWHMIAIsGBFhy018eF4lgTna6G4FB07l1UePgJMPMxAo0TKp86f7KC\nld48ZxNWKSRUCdnePFkkBMCLFzqn5FRRZafbfOT5NHzSfnTBlVCsNOUmHBTP\nkPBvocgH8eTef8DiJieGTw6bSc7ksAZxGJ9ub3gAFgKiiJPp9WjPralxtPN6\ndM94Wi/wiArTj/+8WhP9eWxVhGBViwfTuwn0FA+Hn++VD7p7uFvbLk782Q2D\noi6Z0aV3R1XsdLn3XIqUwR7FzJE60FoJhdGuZSOkIZwxc7zL/gEJ9e2t0Ciz\nnm95ypu4HP7ciDmrRd6ye8hoHacMVqyra3AmF9kigsjYwVSMuLjclVB8oYGl\n9mL2LQJFdg8hHXXH8SwJUDjMAOJTuZaHuxNI4lIRcR4Pi327CB/+5VzI+Ys+\n6hbzsIqq0Hcb2v8b3W5bwInLVdo3A4rspeNhR/1OHO2uxNsM8U4kiGLAn4/F\nLhznACL4aiQPYjIQTmqt2rjL/gD9401FHmimzEWcC73pk7chA237fS5QNNj1\nypEvNtZyK9nh9BxCCm5BNiPHtyIrRvP1l5KxDnMO7kt+qsvdgp8hQLgGHNIy\n131yxWOK/8cgZtVwp1MVwWcY0D8gqcnue4PG2PzA+tusENGLxGfOme0K9U04\nt9a5\r\n=QFos\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d3ddc8cf9af988fc4a02f26feee3e4ca0184dbec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.defa599a8.0_1597696252323_0.8255586650441165","host":"s3://npm-registry-packages"}},"8.0.0-canary.66b8ed7e6.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.66b8ed7e6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.66b8ed7e6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b7da88bc39720982ef301c26420e68f6d4eb19b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.66b8ed7e6.0.tgz","fileCount":12,"integrity":"sha512-+9NRcRvTNTMV6XBwv2GUcXvJhHWkux9AQIUJtbKo3keUVbaGJ/HEWvBr9TyW7+VpzCa27zKw2dWdsZIKEPU+Eg==","signatures":[{"sig":"MEUCIQCx+QvjRbN2h9cVnT4JKgYRyXfkTbUSyeIsU09YUGOcUwIgXrFvrQTBmXlPqHoN68ZDsdovF/LW2Yf9uP0XjED5tDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPB+ECRA9TVsSAnZWagAAvg8P/0lTrchQry8s/bIuh3ld\nSnuUCQuCxfbpHJR4YMJlSUMhfhwdLXU2lTD8TEVKFdssOft1DWGjYTMOB0sy\n/TYymkINCJ8f3svU3Q7PZm5py0Di9ImJ94kEXG92l7mdk1BVSXtsVQ2m7tth\n4bdLyPSj3xW9OeG/qJTIYqZB6iwVazPDXdOQxW0A3s3RDe/QQDLBqMWeDpnU\nCbTF24uK2BsehM4YlIXEO0R0AImGQ8agznOAVEQCTIe4qrmus6V6Qz2nI38n\npo6l39Z6FC8kbgiaUoqjHrIvElSbWGq2fh3TSoIbC8XeDDdhaxgLFGDQrdI4\nYRtPB8u2iUPt0uvwHTpqTRg7WLfMozNavjIY6jLBbN616Xup7N2a4rTQBXh/\ndCeM5GL+zDKuHJ0RNZ3KxfVa0eNKKYEZ3Cw5jI63tZIdbz7otdAxsAZdFtWh\n9X+4Fu1jBxKhWUpK6kgsjOfVEh/bY+bRIGk1AwAKHlJFrqZbXlhkdQtQt7wO\n9oKLQNxVsMoWgFupvVRWbXngfh5hEdgkq3g7iBSdL8QyoxG3ojGFk3JLG7C9\nEM+0qsfi1a4MXIoqCSP9mVoLsHPWpuw6OyVha8ef3VITXCfpkGoW9o58Lfvi\nQgbUs50KZ+lSzEg+875vgaxiM4uu9s5v9pblcOWMiXDEUoHTrWzTFtuqBlmH\n8frB\r\n=WODA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c23c9dce18363cb6806c169d5a516da2a0fcf89f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.66b8ed7e6.0_1597775747921_0.8938387738091651","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2b1033df.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e2b1033df.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e2b1033df.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c113620efce9d720330d3706f5feb8313e87aa0e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e2b1033df.0.tgz","fileCount":12,"integrity":"sha512-4cIylF63aos+WobnWpCG6Lm0SKQpFYvyJNqAykMC3XFxxThrzKHNv0nvfjIErms7m/Eofx6yL986GUaFb9/ZHg==","signatures":[{"sig":"MEUCIQCIkFG8sdfHMpkYnYRSV87glw3uoYxLUf/X24CR7Ut4gQIgOGTHFriGyAjfyracx6aZQx6gObHSgx0mYSe+uWn01b0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXI6CRA9TVsSAnZWagAAF0QP/iydT4JY6nHlA4jHhq8c\nMyAB7J0oMpM8s62AKD8vXxPJWubz7JgpN7Qz2lKsuh+dsq5iY3SYvF/gvdy6\nruYfEhBBeSPniQZXmd01DFeMEa4mD1KINOCyRwQfZis1VdV80Uqyl0b822kM\nSi5+tjZ11lQzEJOz2a1Fy/vJY/SXiuuDL1/a+B/qcuiQSAZ2RWpd7V7RnLN1\n+07ukRHYTjh15S3NEf7XLXLAWql8hQb7Cnbv/Ua08z9vGCBgU2Qlf0GhJ15P\naxdfSnRLGPzi6WTBEo8cb0hqVSsUfskygB9Bc+NsM1N+7CGBiAKf2mCmlZUK\naJMGRD5xelvXOBJCxU0tPUHj+HLfQaa4FiFncTvD4PGGxP/7e2PZ5SViqTsI\nYa0+cngloAY/MicqGky/0E6QZzV65rYjuVef+aOS0IecvvEEIgKCl0h+EpR2\n2q1IjYGg0h0new2TZ4QguMDPP2EWdh8uZ+zSAFszUq9U/gYMx/j43CucM59L\nz0TX8g2E7lI7hoYwGu5FlEX7CIyZqQs0MMWkQ9rJnyaZ4uRBbVZH1tUQ9kSA\nK61hOpwo28qZ2347huHeImY6Bh2nOYDY/wfGfzMzKuNVeZWdWRhiBe514+S9\nnzlZtv28Qbj36e8/xd/QGao3TgnWPy1/N/Z6so1JMFV0A2h3tdiMNxp+YLP+\nvsRX\r\n=IuFg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"763ba6b73959bf0639ed8d0c9656a53b18e30c1c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e2b1033df.0_1597862458341_0.569126539623507","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e8c3dd2e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2e8c3dd2e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2e8c3dd2e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5a133e7d97d3ab8085dbb1108e3652e52f0b037","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2e8c3dd2e.0.tgz","fileCount":12,"integrity":"sha512-Prw7owvFkhQDP1b6iDF8wDm2OJm4b5FrsSvbAwNOwf9HvZS8rL1zOBP/UuNirvyW/c0pZE2eXrsG4d0aB4Xjwg==","signatures":[{"sig":"MEUCIHdNCfzxFV5k/OVjwjZvn2BGEGo0hhg8NcqKhrNjReobAiEArLWLjPdjuHK5yiEmWEyNMU43Q51iDDc66kEsdgIAS1w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXwUCRA9TVsSAnZWagAAUTQP/ib2s2hHHKCEavv9fVjY\n1HUeyvc4znsrMuwtBqS6eTHKSDfFALsJgrgnehltY7ejB2ugaNzRGSv8iMbc\n0ZOPM+rpsDFYMYByyewwlnEPfD4v0b92VjJNzc2HwKCMQL5I3r3fMbvi58EX\nl8SDLCehxiftUnTFskERhqFeTvVo27x4pcyhsPQztOxE4EydDnlk5lWSRuKz\nQKMnK7tu34KnBuIlGniH9BjQinbhvwGP59g29b0sgwG6VZQFCibl48WHW4OH\nRZsbVBMpWr+IBVQPbek1ow4GXdyUAnoqJaNn7wZY+HQLD3hiKCU3L7Ww000I\nEEsCrx3J80541x7ylfNUFdkpBrbtHp6JuEsaKw5l8JYxE/vdhxO83rSczWDC\neANAwUfTZrPRfkjEh91rdxrIHHNr7rrjefKTc/XR1iBZBWROwEI3vefpUta+\n70F7sEHlXb5ziwKaOchvlzvu/AuqOscODA3cadUiA9bRQzZ6m/QRcsoFKdPo\nDR9FSFWIGaM3iuf8pVfkFjTq93+O5gy3vOFUGousE0cvjc+9LK79LAhwIvqd\ngbi7Xzp2mpUnyIiPjV7xphuivGkOOdxiE4vdwgajn1lk3hi2QkfcYCn8a2Yf\nK0p7D2CZ9SBQjTAiJZ/QYJNZ9lXSAhvkrU2UWSHHV8Q1oCPMD2gY+mC1r7M1\nobJP\r\n=K9zI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"237ca1e061b4efa53d623ea5dc9c9d670d5c9da0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2e8c3dd2e.0_1597864980307_0.8968361338304236","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2e80a5d9.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b2e80a5d9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b2e80a5d9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c1564a72da2d89ca0d10eac82e06492f29a09a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b2e80a5d9.0.tgz","fileCount":12,"integrity":"sha512-VdP7qzHMwrSmctbXL1Vi0csiioCEIoGuWVQ+J7A7/7J8DrqQOrz8hcnn8b7eoC9T99aoGrlsR8orBhgBEyjknA==","signatures":[{"sig":"MEYCIQCDCUUc2pEuKqV1GN5NUzVcHBWPGqvQpR3utwTNUF2T5QIhAI1QzFx/C/cG+u0u5jr0OEop85ZMHlreACvQscmT87aL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaWMCRA9TVsSAnZWagAA4rUP/35yCm1SzIShtUS+x2OR\nEwrYX/9hANhfPymoRCYme3pA1YLniRcZeSucX4dIQtDlueJJq447Y2cXUj6f\nm+s/bI/rlfeG0yKPvZTAsYx/eeutNHLlhjxZETKLCxE2COHp9ECCbYOHcPku\nBvehSnmbgrGljikb/2z+PKS3dFDBP/FYvGhVlQ1HyyGli1xb1kCb9byh53qP\n3rPHnd174cohQQF3wuzooUeDxhIb9kXvVSpl7LqdqByYU89Ky5d6MftolAzs\nfnKR+xRxl9726lmStJduEZn+MJmeTLR0jgPrwiWWTN/REhxdztOO2EgnYt3Y\nm3PD43cK8EOyEYyOEYvytHLQxX9s60juXZ8goJQdQWR1y7xHukSKL77InTG7\n4dY6h/znio5B1h2GSJ42TYKA7+tpKS8yLMeaysN7vBXWeVSlkumaeHzwlKr/\nleSajsFaMYdiHGUjEgYZjkUTMtTeSPHbCSUjRRKDHD/khzjcctfXqtWt9xkR\nhmA63nF9g6J1bokOZhmhEmJDUSSnwZrrujeCiu+brRtUNEbBfqtVbzqPyl8v\n2YxO0lzpPdqAt9QoZm//y+XJT0jh7wEQ2pr61P8VYJMH3ve+h3GzPN430s0U\nAw1KlUnOaMJqIokS7fRFHtyASuaxZXZEXh7CHzHtLs+JjcKNXOrDO2nK+WEf\nzIP3\r\n=3VXm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"84085f6b072572fb6b09623a5f0b35bb95db6fca","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b2e80a5d9.0_1597875596432_0.7196800923455628","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff88df637.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ff88df637.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ff88df637.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6534b3d22db7d4a7123d9a549b06fb450e4ff4e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ff88df637.0.tgz","fileCount":12,"integrity":"sha512-RYHIchGK/v3U/xZPHLj69IlZPpmrhbb8JZBC/mjk/EIc0X2PrMZpv3ctwrH1Aa3jw+rxVcbhzZP/6xjMhsfnRg==","signatures":[{"sig":"MEQCIF6HkcB0miM/oF0olMwf4RSk2Vb4zs91sjZt1J+HXvBkAiAr8cFibK5AeTOdCTSnaXAGGZ6h8n0y4UmyT2uH85Hg6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPahaCRA9TVsSAnZWagAAtzUP/A9Ybflgroz5mDDeHqZ9\nAKiwL0eRCZV4afEmFyVXcyZcIhkDlC0Q/sgZ55lWE/n3xn1AG4xdSHgBPOL9\nwe7u8laTF5HZ70CX84sBsqXPr2k27BNbLry5pBzK3UVUFjs2lVburowgdLv6\nh256MspWvFel81qfehvdTHyYi4R8jeKVlBvNaN2zw+uXwEz3Kun5XzB4oBq0\ntcrrcahoy4x+svqBB7oeR3E9zS8yK3u2tnr9XgzuIi39hdp/rsQ1Mn6+qjKF\nUZvSl0GZwtLxHUAg1mRT3tWduvGA7GMJm9QCupBTc/ENF99ZlT9tB64FWf87\nKKNx4S94BXlaBqbkNc4joV1M7CKa0cDXKZ8hty47kFxjEeejrHJS2SimqNmh\n4osVG7hXGAN0zb4ljViOI9jJWl5H4Uf7tWSepy3+4pLi45qNmuY2dFBIAvII\nVTzHWucL9mUyl3/tll6bEYbcwXTHeg4dBx12aPNW1quQtePntXwtQ3yBnSYu\nTliIICqTk5uGuh/5huwxaLXL8GtkAxWzhNWPAfrdSLxZQCzA3g/54iFd4L6T\nSx0whrgnpqif7lnvrN6ppcNjQNPcx+kxl2FXDlyj+khimofxfqBvd0bnqIGq\nrYqah0itWD/2ZC8DqtaZWvKMSQQkkTDHuGIBIPvachW3KgCIfVgnDYGuPQby\nxKFK\r\n=+mfl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36ba8daf061692c2f915513485e71707d8eae239","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ff88df637.0_1597876314090_0.05022596838009674","host":"s3://npm-registry-packages"}},"8.0.0-canary.32fb314cd.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.32fb314cd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.32fb314cd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee81188c0cf9bf232bea2c503aba0b846316882d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.32fb314cd.0.tgz","fileCount":12,"integrity":"sha512-qIxpzCvP8XMJGJuM+sQkCXA5AoxDr/p9h4XXQUJU5k72a8LZ7a3B8exd1XyZV6y9/zbf8fZ1m1sKBw0eeNOQ0w==","signatures":[{"sig":"MEUCIDEunLDbDEYyRbEMzFRQT8/k+8pXBfR9KJXHi7VtU015AiEA7hXHmKoMAhpWMFaiw7etftOTkNIeQnUk2p+SeJokuqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPlIsCRA9TVsSAnZWagAAAhQP/iPPKnPbbzWqLQ3t7Y3U\nBrRMNYL5aeGG8jy/mkPB70e23zgpqqI0Ch48CgbDM1TFrXTUFCbGZAEO/oXh\niUrugsDjRGROMCa4D+i5D3SKH6locwqcHGINVcq0z4hPwCsns0Vuqigk7CKQ\nvDPnrzSfwcL/WKRuBSV2yJSm3EIn3+CcooUj0FRkX37Yf1vo3enOVlIyhA1O\nrlYaxkLp5Xa/VToIKC8p6UgbNyDcZs1s8/WHCuEYwoVynpaPm1vEUsY8faKg\nqJsosN93+++EBG3tl/7DhO0mhn40UpcYfNVCz7yWn86upn6yXRdNX88Zau1x\nuSFT5ZHl9HWzLKOXcWOk6sccEdYY5kKWG37fGuc9dqgtndnhKqUUmmA5BL8x\nCkBS+kxCDXv+mA0AWtOFMI2Wi703ZpAqEEKapEZVgtfPbfqCmuUe9I7CHcb5\nmtxJBj+uJmxTuHp3UxFpeg9NEi+CtQhW4/pEUEchLld7Jj4ddNwIaCHXxvLa\ngn6SkFsnxzPMLclDFyPVmQnNWka7XeLal5fl95eMqchElhBmdQz6AxY6r4gU\nizLvaxsXW4eN4Ir5e0qR0RGDEg35Ao7IAjRl6Iekc7DGK4b+MA112L2oGq1o\n3DNZa2GGsOm4svEVsjYdK2lFU6Y4YnrLg+Xjd9CZJES68pQMxFBB3BMLL2dH\njbvP\r\n=bKfZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61108ecdbe311b101b1b87763e8f3283dbb9dd50","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.32fb314cd.0_1597919788185_0.3401589803604872","host":"s3://npm-registry-packages"}},"8.0.0-canary.546277d32.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.546277d32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.546277d32.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b969b01e30e2300d32ca29c5fd929334672768f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.546277d32.0.tgz","fileCount":12,"integrity":"sha512-T8Lna+0voDlqD1lsSm/78f3z8rviu77unlJbVP6EDTLsv/L1l+siZXxwloXe08ddSxZprT9T0jIZnrqzHsBfeQ==","signatures":[{"sig":"MEQCICde4czOrvaxPl11yF8/RPp73q+MIE46MRDHxV3Y/4xFAiAhQ+YZOtw+NPrmyeCrshxVtbDwMW8aPoOEIEIHPXNi/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPqfZCRA9TVsSAnZWagAA3pMQAIWHA5MVYQ+em+V8bZQl\nQnAO4BUFVRjpAqGfr8LGYlVHAolQLQHOJ+5R4JOgnsQVvpuQUSM7SZvoh0CG\nVa1+6XGLLbX8hIxVfa57t9Axj5YX1JS99birMeoIVb8+8WhoqiAoLVUWbUNH\nc0YQm5cgtLChDXwKzEYyioUIDarh+OdjlEcnnI+vKiEU8YC9lBTxF6PNt8f3\nUFBKapkui0FkoNwRRLsCGp3QGa5ZbWDhJZUJwq5rYZtX0bIogSoFkK21Y6I7\nFuDO6/CQ1+jgVbea6P46ApCJyta5a03tiDXaZPoKDB3ilkWnCXIRZSsPPN9I\nbRl6rtqC7SzQC+5yn1E6m8/VncKeCRSdNdjCgrrzgOD8KQ88ZxZzTmae6v3k\nNvaQVVpI4Xaqy2pJSImdLXw+ocouVgGUf5nqNWKx/DtEl0wUDeSWMfimSzh3\niYbUtOTBhhWHX89M8MoaEskrwGGJ9ivUo+iBMjLija0av7p4U8izDid00fNs\nlMrDZlVu5FC0yCvbLqkP7jJaJKyEA4DdiQEuE6R2RspW2pqVo+3KHeMk9oKI\nBv25Lj1FqpmMwwby0YBabxaStNBeGRQ01EDGJSrQkov4HfMcnAib8Brz7r6P\nogY8rpHJ7JvJNizUTG3vcuL8BA3Y7It00+HQDR8NedD2FzmjoUEIZ17U2Nra\n/MqF\r\n=fLod\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d97622107fec59bf3261ad4f1f3bbe21fb1ff62","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.546277d32.0_1597941721420_0.9285404705444853","host":"s3://npm-registry-packages"}},"8.0.0-canary.da72839f4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.da72839f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.da72839f4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b641d2b853e0b5016d6559463b5c46bb37478d40","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.da72839f4.0.tgz","fileCount":12,"integrity":"sha512-xXM1HV3ZOb/dqw7NlEosxykKF9Tlt39iOvTRaVF/wzejYIuzKYkCXyNvlLbmRmGKf/4n5wI826xrMCuTLNFvWg==","signatures":[{"sig":"MEQCIBQamNgsAXI9yzGie1FTmzhXFzB58MgkNhgxDCH5PmURAiBW2jeSgD3r0Rz9g2ZJZVfilqP8h2Xj8imyQjBXuPcJuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPrngCRA9TVsSAnZWagAAq94P/R+ybNKxM1bo7UI5ia0q\ncrGwWh6hu6XI2qxSiwhena0JCjil8QsvfAGvoQc9qx4vI7noUz1U8DMFPU3x\np1Nr4uF+Wn3ikNcnforzoaSC7Zl9v6IawCk71WEAzt8741Kc5Jq4rKS2JGB2\nPVK9ADCFJfjR0wphedTLJ0kVVQWovnRJjX0Lc0XOlb3h/luNj9izXgj6MiJr\n66dQMa11zuWIbR2gHPjXTI79Qkv+s7aadNPHGQeD9D5RFhmJG17/8HquH+hK\nSYXbb7/nU0x1FHJ8oZpFvuAtsn+adSdDuyO8Gv+k8menTOWFXuLHjzBASFog\nqN8YHg7AKWGTTnb4WArp2K2mUeHECuUQl9TPNfw7vrMDP/4mM4JXjDzuB0TZ\nLSJCAo1vZzDjjVoMo4FS4nX1O+5J3df4dwswhAVbWQkJkuKkEobanSmDP8k1\nyLr0vQ0GZMmEFLqIZxmmqEKmsjdq/ucZoeGT49DAV2tjKMvjl+lsVqOtFXTz\nxchubntLtcygPorePYsylYsErlgvD/WdU/ataJCIZAseMoDmKwkWNSK2WNEN\n2cNFsNaUK4wX+yUap0olQdfQTMfRY/aW/Gysro698k4q+QwphmY47b1f05Tt\noeb9BjzsnO6cdapGf/1kt7utBp1V4SdB4iWg5m0H7EOZM5CF1fMI4+8k1bPS\niOJv\r\n=FrnG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1b42b69de51cf24aa95c09d0e08ae1e644c71335","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.da72839f4.0_1597946335570_0.13050969459323558","host":"s3://npm-registry-packages"}},"8.0.0-canary.346069ccb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.346069ccb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.346069ccb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a26c282b765c70db1ccd20a5daddc6e6b33c48c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.346069ccb.0.tgz","fileCount":12,"integrity":"sha512-qo9bi8AKZHO4KAlZdKfmAvJxkj+fsn25pEJfUHotx1gpp7TQg9mgG5UIS0+e2JFtH3XXPF6AMYIrP78/mBz0kg==","signatures":[{"sig":"MEQCICKvmo9JEX48iUqo2g41aU7E6MXrb++2GND5Xph2M4mnAiAHjRyDbwr7rASY9vuW3VbP226/q8OmiV91Etm6BEsFig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPr4xCRA9TVsSAnZWagAAYfQP/Auln/6JTH2uCPKxSkAD\nyGFkKcOHaMsZiJRJNApStm3F0D9YaNSUfiSwNaJONjsThDumnnHz748sDbuh\ndJLxHbOQIEEzzB7ObIH8t0l9+/vfUcSa9Ieu0UEZNeH8oSQN3nT+GqQkhhLN\nGI9dmYHiTbi1OMh09vUUVxD91ZpBlYY46Y9+6vp0KL2vfa32TEPaHS6dVIaR\nPa3YZsrREVSkvBeGbX3r7leQbWmmtT12ITVF1do0do9JVJXI36YU7njXlTKP\nSHF4GvI5Q9K/16kPDrIuPbP1EgGk519R2EVpp9Icen8kItHVzNaxZJ+g6XOp\n2PD3Yl70XP0USyX7xuftM2ffYpG3XjS+S0y68vhLDS7pLGdCUqhTZ8OVQgbN\ndmOxpit26fu3CbS4MzWi6/yllcMCa8jRy6U9m+ILiGyIFJcPTF96MWe6O6ho\n66Tm2w56JO6lvbsgCLQiTJHZ03BLwpab0DzKZ3zTx6scdL/R96y+JvtPRn2h\nvg/UTggA8g8F4fqIk4TBCWCSmEOfdXvH2ex0rHsYpOo7+RFiFezZNbKLXt0f\nt2RbVTE9D2RkZmbugw5wHxtFVOiP76e9Jtq2ZVOIscQfFZVToJjnopNo9PB7\nWBs9tZGqtElsD/kBMhrDMKzVNB+IxUu0ts788Cv7gZLR6HgMG9rNo5L2Q9x7\nwmKn\r\n=pBS+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cf298389e23ace16c7e4682ded1e492e489011be","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.346069ccb.0_1597947441211_0.298224480249377","host":"s3://npm-registry-packages"}},"8.0.0-canary.e27c5802f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e27c5802f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e27c5802f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9da5948caf5d4359f0e3c173d4e1a4a76bec0b40","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e27c5802f.0.tgz","fileCount":12,"integrity":"sha512-fAQsNNpcYH4TidCj2hNDfB7zS/yII5S0vqnH5wMgkPLvCYqklpZX/cyyFueMfGGlrWqN53YdTA1LHt0WplKvzA==","signatures":[{"sig":"MEUCIQDZYEUz08wX6Vg3vopRy7ZGjaRC0PU5QSaCAakX03dLXAIgH4jP8GghYN9njGTpMmWQLREKqhv4Df4YZN5r0mQ3uGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPsuECRA9TVsSAnZWagAAzWUQAIzJiqJBjN7NCb4QTDO/\nNoiPlD9p1zSboDMCiPlW9JgTuSOqlLZuKMCJjrXOU8eFSIstPJXxNW4ZZ6ap\nPZOdd5MGmruJc0IiaWb5ubmAlM8MTcS0eTfiVJn90q0nC154oshmB9A4xWSC\nu+C8MfBZzrwTLuQWaph0LRVeXsR/w9y0E36muXpgAeetoemw+k+cMaxl1yzP\nnouxuv4ZLXKcBeh0Ha4XBVy+jxD1s/32lGsK3QZNKDeCNOURnGIUB9ZQdeGf\nccPAKp0WKcuJUOZsOSo5Ie0kXak18I6mw4nBkTQtzjSr2NA72VArP7u/aPud\nOzo4LoTOSAB0JUZ0z2vKgF9w+RtoFQ/rKkfE8Por6C40nzqg3caf8NqpLOJp\njJTlZTx+/5ByycSMrcRrYGhv5d/FYgWR8y77DLl6qgY4QWW7CB/fz4yKR0pR\n8eFqQkJL33cnGOK6DlnHz8N3G5CRCakugIk4gULr2tKaVEUA7033UdbdSYBX\nJ+2VQ1ifV7x+nokU3FwpoKWSNlsUQdq6ESI3i/0suIlsas2BpwpCbEKQJCSE\nlrL9I3sB5GFOi5Wbp2Chxh5ecw3mv/m7kIqzdv/1ssGITIj+NOv2xDWUjasj\nP/J5pglr92QCo4cmX/Pe2dq9CKk/VIEEAeIcMITBDC8nECke+CUbRYFw14HH\nGVX8\r\n=9DHK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2c9246ec446246e8fcad54982848f7cd5839f69f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e27c5802f.0_1597950851607_0.7992492095766202","host":"s3://npm-registry-packages"}},"8.0.0-canary.f4532b9c8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.f4532b9c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.f4532b9c8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d8510d5c75a0ab40a7d4d2de96c3c7103c3d8fc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.f4532b9c8.0.tgz","fileCount":12,"integrity":"sha512-TiNsEAWuH61z6s1smPHSYDFIQ9b1TdstVOykgHVLfnJLJG5j8aZSW5dzHZjNqBxw6xszpJCdJSy8J73145CTzw==","signatures":[{"sig":"MEUCIB4To/4r6G1+vg0Ke0qO5cOts9vI5WbtYI1fK5hchBR2AiEA/MBt4/rxnQnYeS7eUMHk+jRjclhBV4i7sBa8B1j9Sl4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPtWBCRA9TVsSAnZWagAAy4YP+wSNJu2hiX+glKfZyrGA\ndlWc93FnWpT/k3yJuH/l0ImeSGIr/KGMFTlzlkZAOhe4328+AGZyWXop9ekT\n/LeCGjk3uYFN+aM7397fi2STjT9wRNhZnNF6oYeNGrWsi1sk83Gc/+KE0aLs\nOpnRxr3RfWkuPQlAl60baOiCGr7mKXey5rl1cxuBkUUpwca+igvB1cCkDtTu\nxGa6yAPkT7Vb7FtHhn6mOL6WzHVEd0pE/S2MaxgdrKgZ6LPtudSGAqje749P\nN+YCtZdSfRZ5CsMNy1S96nlHxtz6jkUfOYzLujlaerBWnh5Od091AarD3o9Y\naqbeBfpYm5rPmBw31QGeg0qaXpEs6B19of5ogcaWlMV476by+qmMdBDg6l8J\nzG9fAE3FZ+ICM2cNjvyVESDSX8bxF5wK/VfTvldVMW/k+UrFm4xBiJ8OwuMY\nh4WChGhiL+xFIJNZ0p6hfUvYw2xqldyRga1GMH8t05H+ZG2JnlTP2jqOiQba\nRIfFTBLjQn19PYT3ZvMJ4TvZnTaqOYKfXEuEdG+D0MLCEZHVpJjiQT4Dc0q6\n7ePHvGDwoK/EC1du3GVpGT09FkNvJdWNkKXJz1jkUS8NJ3LpnKtpXy7rF8Ow\n9syf7nFmhKZKbN3kxKL4JysbCVWqm+cW1KE/MaHvj1h2j6C6EpmSfBuxuOSs\nzArE\r\n=hplu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"be56493a06963f21f1f5343fc6db3accdc74216d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.f4532b9c8.0_1597953408593_0.09709204306030728","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbf73c2a6.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fbf73c2a6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fbf73c2a6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f37beb28acbbd9ba0d8832b7223629e5682b8ea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fbf73c2a6.0.tgz","fileCount":12,"integrity":"sha512-kPFk/B15nhbLDws38E0pOsh66FuaB3bRdGfoq4lCFIs+RT+j5q0Rb/rInkFdt/igKO4fE3XbGadXkHfc8WgAXA==","signatures":[{"sig":"MEUCIBacfDSKLEGM2FNxCcsW+zSE13/LqmyEbfZsKEiuqocmAiEAx7njUK0gXC48scwIphLmCGaROhrTl6QQMu0Y9xqvCbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuWNCRA9TVsSAnZWagAA35IP+wVn5daTudZ5BdafF+s4\nH6H23yLiisM0HyyZoqZUidWAAKkUSIbHpu385xvrmICRoB/T/4Ig6pQgG7G7\naY9MhryO9OlF9Kcme2Vf4ns9N4+97+lT4Bn61+hwztDSz7OZpsYeIYsEt2C/\nRh1oANeDRPilLDNFlsQJeEul8jnpAHzaxvlXVv7ldvBPPTj9wk0wYq/STgLg\nItrv1Upi/QUNVtluB/GES86TRp28UJXkX+DQCOZQ+prp791dPJvS0wEOaZi8\nd9dLmLHlnXrVjUtbPoEycjoaMZGbDa9/mcZrlesyifkRJ8JYvppQrZ1lRQy+\n+NOF6Zfk4DltD2O7sykkfWuSjW6tpagjhJLRq8AmXyRd2FpJkoNSNaOKu11T\nIEXB1JJYWvMz38IqkCymBs26WanTdaDPWP/jY9g128dC4YnG30VIKwdmlyCI\nTLKJkdPrjTYOUzOzNx1uDwClHK9mIQcXyEgFcseQpnptivzrgGMxfdKBsooE\nG410aNPkIAdjWs4/LtkpE+MypbsvAsHPPQHSyOWDg3PceUrdoq4qluK8gHKy\naX+3IL3DEBDQr79uSoeob2qXAzt5HyXxWikCqTka0xXu6qLjgUCUetZoVbeg\n1igwfchCnbvaq6aZ61j40RjdzoCuKnZ75X3eIP88cyy+f2SlfKaAqqnBS7xO\nK76B\r\n=j/js\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"64db59647b6d726098d0871993ac5c563d92be26","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fbf73c2a6.0_1597957517341_0.7473564174049734","host":"s3://npm-registry-packages"}},"8.0.0-canary.cf800124f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.cf800124f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.cf800124f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"947fb19d2220da90c1d506e58663d64b601de932","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.cf800124f.0.tgz","fileCount":12,"integrity":"sha512-jTPNPlNJkY3zcUoYOwWind8NA2eGsGwLTzSQf1Py6O6nMaZ1QzyO/qrcDCDfdR1dZRpclFmY6UFdjY7ydS1Okg==","signatures":[{"sig":"MEYCIQDEIWN8I3AhoIe7f4pg7iQHiK/T9N9B5EdYNDJEFh3aJAIhAN+4O55+R/CDdmxCLOfY1H81miNCSiiggPBBDnDq1JFJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPvBtCRA9TVsSAnZWagAALDUP+wU0o9FfFIVThZNGzsNB\nsXoE0VOEv9GuMltFSdRxz6wYT15x5eeqy58a7cg3lKnWVSXX7K8H4UEYWlBt\nF9/0e5PRf3pzSWHwzQ6A+2mJgk72qBnfZQZfwzg7JoXLK3a8I6YtYx+xnGGV\n5P8dGE2ncVvK/UMUU5p9w+VPegdCM1ICps1IfPCsG9mCr2fuSbzDvOkvNG9H\nMOtCXc/JQR7c8g9X3pwEp7XRzz35Ium5dewJlS4MgOxFiMAp36sM/LPA2u3d\nOZyjpnJLJk81QjBbDhrW/jOGXn02eF+l0Ay7/FaUMBuEjpGmQQNwlBNKFFib\nARgmaK6Mo7fBcWmsb2CT9ZL5m71mRtFH5L59HmqpdZyKrOORzabBWNmn9H4I\nr7EXLesB02uusowJvostWC5qVhJnojjtjoa2IRflZdY0cTfPaV0vZlBUWcJr\nvO9FYA3q/2lSnGUNJSq4Dt19twjX7wfVc0PkStMuRuLlTayrj4PRsmyEsjW2\nr1Fqsee6Vi0YnXb/23lgvoShOoShGcuMe3K1+18sNaCSzUEh3XOLRnGCl6Y5\nVltTnkerr5dYr0JjYIWWFuxuvOby9vhTHqr48jxcKxKZkCKqNDtboE7O+/yQ\n90i7+x/WC3XlowhqnXibiOj/8VBEf3N5fUUYJpHkL22oh1beK9magKTY2Bxu\nn6/P\r\n=cL6N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b15bab8ce97a47831c29a3b0acf1c34e0533b8e5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.cf800124f.0_1597960301183_0.6706693463016626","host":"s3://npm-registry-packages"}},"8.0.0-canary.95e4eeea7.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.95e4eeea7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.95e4eeea7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9b0f72b729ce10b4b915e5182aab6ecf2d6bea9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.95e4eeea7.0.tgz","fileCount":12,"integrity":"sha512-cG1mixTtwhtNhURxvosHiFhOW4Bg/XfI/5bgHze+rNjfhG9kPXOaPaoTK23ns3bqTnpnuQJJOu30A1TtrV+GxA==","signatures":[{"sig":"MEUCIArtLqi6g86qEA3mfXyPblmnJf9GgxEBF4UF8e026uXvAiEA4tmhholw/veDLcpu8IjaVFmOhjFmXQXRBgl8vG8iTX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPwb7CRA9TVsSAnZWagAAmMcP/A0MxuWve2KjlAQcXIAB\nP2NDKgzsKt0nTgMCF+Z/BC9sHR0c3+Qzy4/yJbHuOfrT9/hQM8G0SSLVwjW6\nVZWCbGWG6J20S4MEnLtHcBwEkeCq0VlFcY7Bs3aRYD4Bvmef01cZlZqL4vMx\nx6SrKl0MuaFxCfCVjZOdW38m4XNT65HpBwfzRzKlM/CBOCfi4P8uBniBOzJo\nw6MTda/AzVO3zB5/spNDbCQaog6bFRFGoLkOEIZaoJ7Nl9kcYHYU47pLPvbY\nMTA28VDiiFOs4LSP1j7G1lJ7Mu4fW/oW8HwGDrfBazOsXWBu01oMrk60qm/s\ndnFgQZF2U0FD/EZDITF8GxxZ9cEkcg/UwnvogReP2mgyT9eYrniTUEcIVZsf\nKEipte2nM2FCVMJe2UHh4+fbPHgU+jzpALD4z4I+uXohafqhLtCgaHV/VwVY\ni2MLHZzc9MHp60mFl3Q+1nhq7ohQIkbC+h/auDqnLksd1e4xPPLf4eYaqBSs\njv4JSk8ou3hp+3qRffHwMAXtUSDGYF8XwliJH3sL3WzP0b2+fjeTssjkhnoq\nh/GuxzOKl2UxO56n0sT5+UsHO00QJwWVDtjtZk35OZDF05GrWgcz3yWXCiwV\nxlUyeiSmkpVr20mRMvEwoqoyKZJpeDmfUJ3BY9+NSePtHgMENGss+6PAnmqt\nGctB\r\n=i1dO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"be1ca8dd4a02de91f796aff6f2a9fa745f02df13","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.95e4eeea7.0_1597966074921_0.480157550915856","host":"s3://npm-registry-packages"}},"8.0.0-canary.91ab1c62a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.91ab1c62a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.91ab1c62a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c25779195e34c865eac2aac1c3968bfad0fbe061","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.91ab1c62a.0.tgz","fileCount":12,"integrity":"sha512-qOKzmyQN+Bv+Nx42AhERGDkOoDs9u+ZBdSxHZRU2RFT+0/YAHqZBFtuQeV3uDfmdO1QMjt+h7NjCSJxuNHkuVg==","signatures":[{"sig":"MEQCIG33I+WvjdQIo4jYuBP2BO7B61jbDLeek7LAAIgnsYqIAiB6mjJjD1RcewbgbHJEYNK0elOLH3mJhxMTKb8h4Z4fpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfP+P0CRA9TVsSAnZWagAApKAP/10qXfvwxeZzmmwvBq9a\n+jrshFbltpOqqYQndCN6qnbV3THl6k1tYk75UI5CvHeU4fp0IKgr7INObIwK\nMU1N0Uo3+3BBm0Y1cK4G1FLMvou5qJ3yowViQjNOlA+WAEcL4QVv5E526Q4P\nIGKxdxW0kmSVsUQ8xrjP5Kr2GiXqpPCMKXre4rL78VoWn71johAUPTaUyJf5\noW9PWpH45IA2UDBtkY4BJqvDRLhHN68E5JGFStvOnRIpmaVWlRkDYasp4Gd0\n00HBPfwRhZXC5wmmO64OB/7bfKrqxSpcH+oGz51FhF2YligOeufAzY/UrNWC\ngjtktjEv9k4WLP3YyMZO3GuyAxNVv6gzyVVgu0nQHUoWJG0Wo1Vg2mIWtxeo\ntnn66tNBiReq8TiBSETLI0jQLmL+JhNmy+VRBZ0/qfeanxP48JMIu0WVDmjq\nnl6u98ESJYunsj71gMNCBk2VpA8CfXcQ5G26eZjoAkWG4bhQ0tljMXWi9Qhl\nnXSLLrSOL0jcr+XqpdzN/oevNG9H/2Clv4hV7Cdfjk2yTZ79v/tRBp+cEWUy\nNxVAoiAHRre9Hv0mpWjsSeb0A17CPKzpTKXIop0xRFVS5auXpNJtpKs1sNBd\nNeFRjJkemNkTcjFOlmJt9shzQcL9DgOi89l0Pj7Jo/FKJoYU5Diob4ifNkeB\nyvV1\r\n=Zd1e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"389b1e8f2b60ae90730087557ec80e133f0e0129","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.91ab1c62a.0_1598022644410_0.9190842330341094","host":"s3://npm-registry-packages"}},"8.0.0-canary.58eaa9f02.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.58eaa9f02.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.58eaa9f02.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3effdb89d10418840194dcf24b86d368dd8f9eec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.58eaa9f02.0.tgz","fileCount":12,"integrity":"sha512-KQKI/+W+2QRvQgCHPfAcbFRWHoSN8UE93lp2/8EoYDub/Ef4PXpEeHFzGwbLQzuzsoJBR1Rad16aaMXBmarusg==","signatures":[{"sig":"MEUCIBZWIKp4ZcGrvPmpqbICBzGPjok001nhbA+d0PnCHn90AiEAkqOucFjzIX+noAslEdfha0R2r0X28EnKhl+d2pn6n9I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCegCRA9TVsSAnZWagAAjvAQAIA3gTVctJqgO1AD+DPd\nMkmvhCldCvuIPzYInPG3P4jMhntn0jUDG2fpDgYgPrEkX5wIfVQ0ZtvLuP9z\nibpWlKGhDcSKb23z1vyvcZE45AGLWNU0lIdEVJfdohtGdpoNKH3LXutt4zBU\np2UEZ5EG+NvKVL3vw2wH02xVT+9lWjXYfAQlWAW1KP5LjH3XbMCNS5uPy0YD\nbtnJgaEMt4qqJ+XJoa2OnyGqmBuB+mcHcw3fBe882tf0iURIAioxoGAX5GKM\nbfuQqS72FdSxSiITfNegl60Q5RfFcAGtPTM9GI5RFp9XfzP+3mzgKKP/4vcs\nua9ttRUXkD6NNnROfIVxoKS4lLIqYIrMbw7qYDBdlq/pVW+8W3l4/4AzTRiQ\nZRQGSPEPgRVj1V3avkvDX20TZcBQZzYv0xkcfEzL/JRRR+g191MyfzI03rJw\n7UscUvmvXCm5OAfyWw0EVyB4fQDj7Bkj6PmFRwv0d+tEufpM0LAyW1UGgkg6\nksKGACDIIystLzPm0cauTPUk2RpPiNw1gqlStJ7MPlCIYHHUMSRhpyREqlfd\n+jMv6l3Csa5ZsqWDsP0PEaWwBVAlgs9STwRWIhUfkN+M5UPE33a6fxOMWxR/\nugzGF76X/7ZkRqrdoOGw2Mlu3vDCB4xDUJf88M72iILZH8qLUfF1pKHk5/OZ\nXemj\r\n=2zgh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f3944d638392fa39379eeb30bd7348c9578f67b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.58eaa9f02.0_1598039967555_0.27471364891531636","host":"s3://npm-registry-packages"}},"8.0.0-canary.238216fc4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.238216fc4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.238216fc4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54dfc2ad5d070141a714f8eb6e1064c73034c107","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.238216fc4.0.tgz","fileCount":12,"integrity":"sha512-rV+rV6/th4cjFXQKAH+T/eP1d4qwDy/I4Rp76VIieTH3hTycrO17xN7inSCMVS4Lvri1w8nOwFEa1t/fiE7qDQ==","signatures":[{"sig":"MEUCIQCoUnrctLaQu/9t5SV09Mm6xSnABOst/o/OnLvAcfgdewIgbMX2VmQOB7aqa0wiBlbFa7dCbUJyLTCSfgyMQyVRkVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ99BCRA9TVsSAnZWagAAa7wP/3oK6wj+kFZWnOeZGY1t\nSrYpaKFYKi07trNootIUuem27VnUUOUuiBq8NrGVgXPXLKisKFE3klKsQioW\n+s+BmV2xPR+nLvnCFMwG3IHxBcpErotUglhC7XAK6MiyXcrDdD29fRnYAD/l\nVwPsD3fAEoNgAbg7KJnLJ521NG4mTiRC3NVaUnezQ2OG5rP1qHcpJyLBNMFv\nxZO8KeQK2d8wMUP/vnbPWV9HyRfPPO6SOsBId23tszyVjxBZXmIpQKpZ/9WE\nwPKjidb8JrfJm6Z0adB3pb47KpIoa81A/CvNL/i9Mdx0Rh0caBgvAq1FlnU5\ngCROT313vbHovrbc5qGrNiBE4ah2N687DPr9XKMkAOIavdRywuQIrJsccgsr\nt+2er5Fa3X0FmZ/F0gk4z3ChJI3NOVUI6kuJJD/iZGR3T2SWzUy1pOWpxcW5\nTnnBga94/YZaoan1IQkejPg6STj6YSrUecTxpykVRmgmWMlHcXJbSm6E2u1q\na1XIi5xaWUqtakjHlmGOy7R9knX2FwHUIjwqdJXr4KohiTF4lXlT+JdzuAlt\n9xxT3mdG1NsV6rJDuntzbG5x45+uL9/41ago6kj3bE2Nebbkzb+pdcd8u0r4\nR+d1VRDa5cZ5Zr+kR0uQS82p9n1y6F2iIa2FLklBvFYzJC31FigHze37LhVj\nNOnX\r\n=Afzv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e224b287e176f866661b15e2ee791e17fcc44aa3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.238216fc4.0_1598283585381_0.6991072629965733","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1c65593d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a1c65593d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a1c65593d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eff543ae4c850d5dfddce75c9560d322a28e6bf9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a1c65593d.0.tgz","fileCount":12,"integrity":"sha512-HFFXhEzBplb/KjWzq9y0tv0NqI9Y/EuOyb5iPa6Kbiw8DNuzNH9pNDx+iYUU9ZwAjfurt0TpLFAwLgYWz3UNVQ==","signatures":[{"sig":"MEYCIQDqZ9DeflQVaM2C04zwG0t0F250AFF6UQ4vw0DuHEGoewIhAPOzmzbnCA54zm0vxbZCWAJzlm+iFJSfIMF/wfO8T60a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRH9hCRA9TVsSAnZWagAAdYoP+QAP/rZ/kwk+W7BTt208\nGcT5X4TypFNaqPin6dQVSE9EXlNSy8VCVewjw8RuliR6mMyFOVxexiRxyIqz\n78KGmpJ7RN00eYbucJN4UVN8bKhvX3olAtZm58kAs+8o3ic1iL5Cyrcknd1A\n0vuViyAwdnJ4ViP3EtpF0Msq9H3w5U6b0yeB/4VEydVmjPF4H5ZKdJjAagko\nl4jXaw7PcJ/x9okyWnTrWnQ7Oyn1N3S6ha044pzlBtBZfvvYHa9njwD1bPj1\ntRo5MDZb3/I+P9qs2fHbtn5JbhE8aOkNHyv1Mbayy2a9WL7yxjSazp0ZoOc1\n08qYbSGbPlXHr+fZ/DtcXrMWkFQisbyrLXa+wGjMLqSTC0auzSRl0/EN2mRZ\n65lYfh6xYt1Nu/95FhlqN3E4XlpD2rSoulyhRCUcYUC4NEscoNEqJGD5N7ok\nBUBHyyxzQh4QUwYFip1geOx/i/oOGoPz1cuTV0beyZ6YVj9+o61e6yzfqxgo\nt/MFkWhMnStVa7zRWaUifNfW56JvO9gJTRNmd1Ebf09oyK+9PYMJYWYanBE8\ntnsHEXVVYkCUgVd2DsloFfMMf6VgSjJJkJREMxzZdqvDBlWQnyLWQ2s6YPH0\ng7PoASfSt7j7bcROuOo36ey4iabK+EftEt+L5+tThYylZdJ0ujJ4Uf1ixAcj\ntv1n\r\n=i/J8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"71fc6b5e7b16ba7f6d37b724ad4982780c9c9932","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a1c65593d.0_1598324577298_0.676931081906033","host":"s3://npm-registry-packages"}},"8.0.0-canary.708cc09c4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.708cc09c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.708cc09c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"171e3131c1d5a2e09af62880f2525007b19c7f7d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.708cc09c4.0.tgz","fileCount":12,"integrity":"sha512-m5f4poms+8Xjrh/Lwm7edHfQfKvpkkdqCT1NvCs/9RR++03DVwz8aDW99KeKnWp0klHd34yYUMEO0hfZ8wKzTQ==","signatures":[{"sig":"MEYCIQD1Wxidlk8lHqe4s1/l1gwOtmOrmgbJsQbrVRLFDjwdUQIhANPAPwFeCxNAN8XtgTKMtAVtuJDyumEJ3FZd0LCZdwZK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRTRtCRA9TVsSAnZWagAAkqMQAKHyhl732L05QopfdTtM\nOUBergqFTgUZANstjQpegqoCzsBeSufpRqdRonVPtSPK5U0WXHJl/tnhZXew\nPZNBK7QED6Aj6cXk3pKIOjg1OcGYbqZqdZIqbzGHJAA9E9BuLY2rdLEAZTx+\nSLvWsV4Pey2bI0ZvgMAHSvAXnfwKJuifTWMc7JInVinzgpRW+rH+o27acGF5\nacWYCpmxUn4oXX47jpvYW0CfFL8uq+98G+WKCGQ9yDur7QCbuJ6k6Dm3qsZZ\nOM4n9KtrC9DyzvAC+DWV5FN8As3dB/jS+0mPjeTYpGx4KMBzKHfyAkxq6S3T\nmNJtPp7i6lEiZq9+tYGN8MMrmgAx2rGJ9HAL5dnBQCaTtYedPkd7dEq1Lpb+\n6d8902kwp9z3ZfjKT8soKAHiSsn3KhpPQReevR4J/f2bDJ8wnGfzfHZWnRea\nYuw44WfutLWM5TmqS2cZOHWHZ/atKh5JRTvXhE97c5A629dXVz+8qvtrHwkj\nYzN8EqaTRmu+3u6ODhHk69O3JeQqrpoAbOgwhiCvyeD0488nvmGalEa5q8qR\n/s5ly7hBdue5aTznAGXTlOr4p4erSEeOF+aPWBt2lDTvu7GENHbLZ387Y5dp\nEfPHuKHcrfEkfRHPJiryMezFbLZWD5USNYEWwImTUC0CO0K/fm0GlN/URRKA\njIhx\r\n=dL2Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"41353a40a8a6a80ac6438fa702cff9ca690b897e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.708cc09c4.0_1598370925237_0.6519343323225877","host":"s3://npm-registry-packages"}},"8.0.0-canary.19bea2ad3.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.19bea2ad3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.19bea2ad3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b01bb3d3f2b8edc2139cc072da03d383da5fadd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.19bea2ad3.0.tgz","fileCount":12,"integrity":"sha512-WsPql/a6PcEBDh2i8VPtPn8yJkaulKHPsdxDtn3tWYB8cBbnMtrLlcG9l5pHiAPPMv13jPdVByZP11oH+hiXiQ==","signatures":[{"sig":"MEUCIF8ueWB0gDnfHxvBOghbCND58nHfPPOvuVHYE91pmZokAiEAgoIXN6IZufEZN6EtDXLcFgLCXaQgkn2zGdLqOm/0J7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRq54CRA9TVsSAnZWagAAanEP/0FRFimDsT9XHIdGXJ63\nL+DU0EaK5fdbYydGqN+Tu8t9eJhq5kmuhWqAYfL0Z51mFHv06qrfUB7n6j+4\ne0sveh/S8gnDuUD2arkFj2LKFq/7CLV8cHbC3t1x6v+aDmJtuz2gFmAnFCHy\nY9PDw5XHWzQTsOGbMrxBaEyzqoTMhyhYyf1cnpmoOVlC+2UqSzIMD/KVfOrp\nypRdRjVXT9O9DTuAytA9DGXC5yq6Il2uolrhCHEsHpS87f4OwL/JEBwqpKW+\nwD+zz3hURTVKK4KBq9BO+OCtSJBfKogE4V2JyPArsCBYjB9JgbJ4fdM6Sva4\n2XZ1HL/7US+WfFRRH/M6Q5GBE87FPI99d8fhSzFVYDxPMSaNZ1ZLaii6c5wn\nuAnKG6x2uDNtrVIfgjniWad5FGno4YiyLqrTuqJGafLvHCU0cmYKScBLRcfq\nVJRFzzs2RO4gn/+02GFZ+kGDkRRMxYrs3BoeED+yqBmAC3iJQpnRsa5qxxON\ni20dSeHBXCadqFGcRrZKrYFfWRMBAiqAQhEvWFuaqQmuGHIppm1M2fyBpGx7\nNrEIJhYM/R5iSj4ZSbPfbSNydvSmQ8CZRGjOwM7KOin1nUK44FxCn4QpteyM\nXNzL/cZKaWmPLQkjsLgXqDSr5fuQalXwymc8GFGYHIaKXQQSytTnvw1SK9T+\nm9nH\r\n=qS3Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4f1ed83b6a09dd3e7d24508d420cd99be9dd3893","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.19bea2ad3.0_1598467703884_0.2996359310847865","host":"s3://npm-registry-packages"}},"8.0.0-canary.911014711.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.911014711.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.911014711.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af48e69714396c63f2e6afb5d264ce80e0ea65d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.911014711.0.tgz","fileCount":12,"integrity":"sha512-EUgoMIkW92ixZsLLWV276p94kX94a4U8fo6xnZ1/+hSdNV1MNBARyA3N8Od14i0VUBz8RzO/kmTmk0VTo0bNNA==","signatures":[{"sig":"MEQCIFrB3b0Vw76X2rG6tgSOFuY43vYhucudnCTjseAoF5V9AiA43eA1OWL7w+yJyDQhhibheRmXYecpgDiMKEz3GIIkOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR9olCRA9TVsSAnZWagAAAjcP/icA9tlkHBKWuVUohGuR\nRE1xn7YW37iHE3xUiH+/Pklc6pKX+STUqJOxPiDmZ8qNPSJ8vzuFjNFotJBt\nGeYOj3eUmS7fyvwKnlU7gX82SkIxlGgjTyeRjE7O08JnGqedee9XPJNEcDk1\nnqzrQmuUZMfhbp+/5g0rTPn3xw1nCaPhgTXeWZMmNP/3V+pMM/6pEf1M/Us3\nac3Dv+byczO/P7TkfAbXCgWBPw3xu8xY9aEX9njIFbLqGPnfx53VRjScsJ3r\nCAYmoXtkoQEEP2zh/nJ/UDVmMrEborRnOHXqFQqUMro36lD0BE6mMo2071la\n8aaJJInF0A8E2Ez4uoAvByO/JJBD66A/wP8858GBtVW2hziWb5NEi1VODYYr\nqaRz8PhJ9K8UpE9L7eAJUoVc8LuO8j79QH6YSAvXH2bA7czSxb2sMKray/2s\nlrulaANTbiQm0inLvqd6IFsnzHEQUIqFmgw1BgGxl/EtJRoPkoZiNQeBVaf7\nIR3Ng6gwijxuIh/rw4eg6e/1FVUUpyQDtr/UafxzuGbhF2mZbLyVLOdGAUNo\nHcRZJCUuWZ+9DeePej+VNn3v+xnQoTK2AdOFs+GxAfKv5W8DpWQ10kHK00zd\nRATvZun7ru289kFz3gsbO6c8Kf769rBGW/E5YairK5OIaOZNsbc0wyutGAmv\nLBxe\r\n=tVOk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0563b839594887804244d231bec5f415812fc4c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.911014711.0_1598544421339_0.5666398087439424","host":"s3://npm-registry-packages"}},"8.0.0-canary.d3387f54c.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d3387f54c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d3387f54c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"804f206afc3053927abff686bbbbf443a66c24e3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d3387f54c.0.tgz","fileCount":12,"integrity":"sha512-n4pA5rmfpnr0rv5uHqp2GpamwPAbj2rUGX6dv4y4gC2AXj6IhnorxYemvuB6dADLBW/0ONdNd4YG+deKIkRtWg==","signatures":[{"sig":"MEYCIQD9hlbCUmwLUNrqSA/Ot4GNKjC9TGruG4SzhreCYcFxyAIhAODr2mNsdytA8SGhxNj+R6SqJlbFl7SxXcuYCuyBuM+m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVe/CRA9TVsSAnZWagAA24kP/Ru+pvHhf942OwVSAeJU\nDhYZrk7cV52blZ0CfRg+PCQVTx9xPXEMPkccecJOO+Ra5JGW9ipr25HiwFnJ\nJPVYDo0eVMOmkbQ/KFHmyoNwMDoF01jSHmYQutlA2Rvasxg5lFci3g4f5p8U\nIoYCPG4Cnd/IQyheYzetZ9cNmGn8LSukafA0WEPGPukniD+wLLgWGs6SOoB9\nPpbWTrgpnrNU9sok1QNEorUQqXAfPeDn7JsuRtpt/x5IQzxmeg0qPiHSCVS7\n+3qeHgIsbKRc7YD3pL+8KcYcKZbG12L6KqFRXr5/or7RGJvxsIH0niio234W\nKOMUib+RugnCqsld5Oozt+ITKFVDsMbohW4eXMCHQmzWrZd344EpUoZyzf5/\nsi0MPVS1/Vit4ZV0GImjbUcFGjkr1k/VbunAo2o8oc9RETrS0prO9fCLAvKq\nLZyVn8LZgaZK2KLqeD7Nts2FHQJKaJYJTZduRvNecQEQEDjeiNDlvokUtKE6\nGb6/A0z+5szvEcXIV4cTeJVc/1X2Pcc9dHj/eEoCotIIr2KDUOnNo0snFcUt\nxdBmwE6e0Yk1ADVXjkPQFrMmKNxyfpq7Qswoa/V0CLUBE+rrLj+BxQboBoYg\nssaCkhEEStKPYFW1MPYQ3SvIvWnkIdfSNpzZ82NdggfWEDKL+Hs82TAekugE\nd2KM\r\n=YE2w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b8c159d735641688e2fc1631ac7a98134ac5fbc4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d3387f54c.0_1599166398693_0.12920747650495246","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ccf996cc.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2ccf996cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2ccf996cc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5f4b46c6c065054847b23cee6854c7e537378b4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2ccf996cc.0.tgz","fileCount":12,"integrity":"sha512-TnisbwAJFb/tcja9UIX3fP5CzcHYKVgfrhpzpCKI5wLg4uSDHCqdrbPJ0NDxySh/UPDVzr4met/ychlG8w50lg==","signatures":[{"sig":"MEUCIHS9nWa7V3WIhQg3rT+HMSgyP//L57xcYmgnablufEzEAiEArlv6snFyh9uaKKitGxPexH5Y36G7aYP5guwmEHg3vWk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVfWCRA9TVsSAnZWagAAbaEP/jvEfy0reXnJXwgJHU2a\nkmyb1F6uzVr5mMg0ICJgztSI3XgIA3ZFgF+3IlJagDERBAxP35WmNgRqAG8c\nTFxJTX+mRMB8LEOsAocRQglFHMED9J/4ySWxIJOAgMXd520cz6JfwfjgJanS\ngts4MZxAPbYao/Z2DWWVuW3I5LRNJrTcxxXP5fGkJj69DN40YwwJq3+2oLK5\npHDEHc7MLisTjfD+MAUnME49t6Cj+NfcfnN3N/DfaiKL5F/ZAT3cKST6FbXR\ncmel+SKohg0NJFUJSoVKARJgg5WbpTO9Iz6eD3P+/BQs7x+CqojO+h8dVzYo\n538Cmv4/XMWS+F7WFUNefp3I9BzGtyRuV+/fx94R2ME+8Rpx9ZqCX7IEtVgU\nAYMUgWB0TxNpwwxo0M5YyqO0SeGmPGk1aO6/4jWMjtCabD7vKoC9usaGDuYz\nZg4yipDTRkElQ7JqvvB6Qm9kcazr/+hoMXT8PxEit4enMlHGab/L5rvVU8xA\nWfcmflGw6n2XRNPJvRV3Tb7dj92ESALb/xV56JidkTFHCoZhxdu4dsU5/3Me\nQHzZmHXl3Na8Y0RpkXSjD4PALotm1++MRaq3NB6qJJc2vvRFA7tvaGTeFZvf\nmCAwkQRFMs9J96gATU0gueRQmQxtLaAMETA/5WzMrMxrjyjcaeySNWZD+hyW\njNq0\r\n=VvEM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b295adf5299f65a654963fa774da90dad3e39244","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2ccf996cc.0_1599166422163_0.17163688180327985","host":"s3://npm-registry-packages"}},"8.0.0-canary.744bfe5d8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.744bfe5d8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.744bfe5d8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2ad22a15540c6c194f14c53fa31abe605b86f36","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.744bfe5d8.0.tgz","fileCount":12,"integrity":"sha512-Ou21MhH2vppLL9KaauOcWlDTP01Auy2PE+WJFcilcFNOtq3fcFYOoSK8gzJcSjqYQVE6plLxMntRNx4L+DyUyQ==","signatures":[{"sig":"MEUCIQCNQv9tSgxiBjqxks51vQzMPcK0ZNL+zjFPMoh89Tt0zwIgTtq3+SwOJn4H1gPivg4aESF8bv6wvrvdXlME8zhilpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVgLCRA9TVsSAnZWagAAJnYQAKFtzGBJzBiJ0PRyQQ3f\nUfCNhgf5bnjO3+m9CdZesnQAnZlRp2Wuz9bYtAQ9AOVinPpbHQU+dZVwx96H\n7dsn1RRKWsH0dlLdaUC5li9U4YnKJo1OSCsqv+EmzJymL6ZRTb40CP4lRIBS\ntG7yn7M9hCEjdTw8x1gnjWfZ9332l4hGO4owQbhrEYYX2CJrgZaGeYaEm6Ue\nrIv2mjerYDKH+TON9iMObjMpNt1OE6V6CCbe3iw5UX3o9v4f1BksN1E4AtHh\nU45S2PMSFxFTNZ802/kiQ+wZSoqgj5lqEZeIRl1+oF+EpGKXw71yho21VD5j\n8gMYRcaaE9o0M7tN5X3iYzDZ88WNHf33HA19dLCAuciKTxtzWOWl1Nw5YOT8\nGy3QVt5QEakiIZwTVdR88O/gFF78vTG+KagmFjsPKdYN/g5Vxa26T+zNSoPe\nT6G7hviQhFiM/vcJqhfg+B4Z6TtmzZsPcXLPkeCUQuDSPJRWKvHp0UzwD4He\nV460xLv5LjGwJ96Ln+KiAhRK57lVrrHkmeXlR/sJCwEq95/Vt9ItGFdXTILt\ngi184V3aL/5mM46ao2lpybXXTjhiJlgHPJgEaBfm9MSNh2BoxdVP994B4FIa\nH2YSe2cIs2kiSmJTHcgi5wt0LIOvWJByD9qAOja0bqu/ow0iI+p/utKw0OxF\nBuYG\r\n=moc/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e8e9d5605e05fdd50b88c6ce659dc2ddd8ba768d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.744bfe5d8.0_1599166475122_0.8219605980577125","host":"s3://npm-registry-packages"}},"8.0.0-canary.78da96eaf.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.78da96eaf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.78da96eaf.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b62305c582667f3cb1c4c68b914ae2e4650e09a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.78da96eaf.0.tgz","fileCount":12,"integrity":"sha512-rSMWp18h2TjpnjnqoXCExGaeI7UL3KLla+tiLEMP9yWyz/L/ag2cKDkcWHvCNjmvvUiyDYo9fNHM/mjvwRSylQ==","signatures":[{"sig":"MEUCIQDotC7lBl6b1qQVWv/dAv3uURh95YzDpV/HgMW4Ehd+twIgRjcwuGmslazChR9tjDLLG2MeENxQIb4LBsnD+WeDmPw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9d2CRA9TVsSAnZWagAAmBMP/0yAcoMy/EI54SscagoI\n9q3liATHxECx+A84QKKERWITFqqKiQEyuU2rLcK7N++LbHb5XzggcQ4u0FIr\nV2Z+hby4Kghd8rtewxfMPSiFjzs7hKR/gY6hQE+mKIyaPkzkExlTaEnoMedm\ntmwQOmV3zT4B59W8Erb0Mwdx1KVzjQHSdDFp6sjf7I52XEpyXzJAEqT+7SmL\nk66EzTLISGuQsCFmAQO2W3gHo7qyPBggFP9vUZ/9qy7dpz+PvC5UZqXE3K42\nTxK48sWQaFzzMzrTCSl+YP9dAAsOSOGDMkQ8B4IWxwnJ0jjCLZ+PVJdac8Xi\nNfT16ZgWpiSGtLGNmJXPrroeDhqA+CJ6h7SIOU8JJepSJXcukJjAAK/bQrRZ\ntP9maBqHJIIvUsgB/49QKOokjmeEozoTef2U8SmXcBSPzI4Tf3lH6FMqPGw5\nUS+mya3oZQhRm5ZjBDTde7kWGRD1/KtNMoxWdAvD/9ivVqHKMV0c6HUV5oYQ\nYYbmUQsymY8+yfTquQmRP6MnTaAdW2loQzp13c2iFii262AI3R3XAlUHwLTH\nKKuVL1tWWEGl29yvSycxFBWoMYBsESJshTWiXLLJ0Bt/p9xQL51c7XrnH0O/\nt+MP/Av6e7OntT8DCJjWylfXI4a196jI1cvUmoibK6Cygphjdw5KL3qKMLOT\nbVOa\r\n=0KbS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9750a8b0ebee9367eee7e514953a1b1ac6fef7f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.78da96eaf.0_1599592310376_0.4914486833121634","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0ed593cc.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.b0ed593cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.b0ed593cc.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e8ac3bb042a393215f8ea1ab14b43c33a2e99ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.b0ed593cc.0.tgz","fileCount":12,"integrity":"sha512-+wtK1VVGhotpHBq7Yy8thDKJhdfW7/kWXA84TxmNzht49WDS9KiE+SnO6uDIrt/fkIBDRbynyHVreyL3oHhcxQ==","signatures":[{"sig":"MEUCIDWjcqaxTFgSu0hqpGmRYCG5TJOl2PKHvrmdZi60bUd5AiEAyF9ed+T3dgobhBbEkTKM74SsQ1ewekVAG6R+QQV2QIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWHLmCRA9TVsSAnZWagAAbMoQAKGFKQZUR2YhPKzhUu54\n5m/CHX6BO2wi7zrp/Mk+bXdbP5Z2FN315XeD6vU9QZdmD9N3bYxDNpTYY8jk\nrYvJRWy0gXaVi18/fPlixv/QXA2Uw4ZJr8pCYOoQ5P7E0Xaqs4Q+WZExzTKR\niVGv08EAFcyLrtbpDec3obLi3CxSbOe/RpT8erTw6FzsdUjbee+NBbT5DsUz\n0WzPRko9MkCRcumsNBEvnC4u58bqzeieVEIks/esqGtNp4VZ5zrcQ4DsMepM\nr1Nh+ATlgfbU6ZtJHkphq1lPWnOAjSN2QauFHFa6FRnrJnPKJO3wN8rh8non\ngMjUZz8rpTflCJoiRXMPemYnCG1R549mv2VQF3A5Ji6RmNXcHEX9bgQvaXDc\n3o6xC2S5Cp0/r0ZjgFgFv5AllDBTU1jE0PnPsKsvmzuUWYbzMEp87pW/+oQj\nen+5CDGb2RVIEEYKrXQV7jDyxbzRuCAhLzw5ikYb7MyrEVKmCIn35cZiKX8u\nWs/3/2ICvyB9xun/ct/WDf1IDBeCHoCTkJy/r4bEfxlfq7q3mlMFPuFX9/YA\nLjmhEJyUDMwtGVmWT5+TCbyUpJuounRiyv7G/S/Uf90tXGeQqit+QaMiXWTz\n1dQ9jLvLiRS7ykPVPAcq1EQc0bEbf/Co5hzfBbl0YY89f/5cJgnudYzlaJ6Y\nc1q/\r\n=HAAg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d4dd3b56db446c52c35f891f9a19896a2b762f0b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.b0ed593cc.0_1599632102147_0.7153873758874354","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a1fa9ea.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.85a1fa9ea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.85a1fa9ea.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55b5b8bfa24b497f823ec99e0446eefa8ddda79d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.85a1fa9ea.0.tgz","fileCount":12,"integrity":"sha512-rpg6Mx9Og40fxjLf/VQngFUdrbXlrGegSQY0mdRpRoWLCiFjtiz54htnM8VaQMQsmiAKFaXzMchh+Eo35oX5rg==","signatures":[{"sig":"MEYCIQCVFlEIrUxdneTKVTplvNIbiMjQfGXOXzRkyXZlJ36LNQIhAOaxHR5oa07YcZvnNjgqomoFF6UGnU1exFBZJ2STh3HK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWpYNCRA9TVsSAnZWagAAbNEQAJ+CVM3j+Lt1T8VIQb45\nwMxYl+TGfNdB8OAAKDvlr2izot5BaBNqwqfBaJ27EAXzMOpJb3i9vBAvmGca\nk2Hnl/pBJbHiwYbs8LcUPHQ4I0i26rawO2S4B+5Av4hNiKglNFDuPz8YUsDE\nyK8H3E58JXo8iv/jWwJlF0LFa0t7o6IUxwTN94AcgTE2aeO/svrHFR7wVhBk\nrVVAYLJbR4wpbW1eH3ZBFKoYA5xO/TFtRdkKmR+iMIpZMt4XlRAtDVWPCe97\n5Mj5vCQrWBTM8XiLAd3At0TSQJczQjFFvAnI6ZvrHjKIOUc/izUNnoFLzwHH\nl8exgZXsdpzhHeGKQAYsXyt1AGyyGrEZdp3j6PKdQsvIgNNb2eXXQ5W9Spyu\noJS9ip9JCzJpcc/VnySJPzVyqxqbDxkoSn2/YcV5NExzIxwDlvoxN8v7lpBV\nqRLFpFgNammBRQOzx6gbpiasdGxD0afWgUOpC8RT60pBoMv8om1m35yQ368a\nbI7R0skCICKitBXlGlCps3AY3gYCCGgheVPciXAH9Yvho4n/+fSU1RqDsewN\nEztEXweJtMKR0UfrbQXaFWCQYl4U3OPufaMiWDYqbqqJvjMKCCnkCutpmJ25\nn2x5j1t7d6e9N+VxO5AHtwXM7fN8q2pqxkgyeP+TOZAlHcOwvV51nuQmuA1y\nhg33\r\n=YZ2A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"96441cf0eac61122c48c43aebac2e249d5bf492d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.85a1fa9ea.0_1599772172742_0.6983290114349845","host":"s3://npm-registry-packages"}},"8.0.0-canary.0bc41a9c7.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.0bc41a9c7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.0bc41a9c7.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad1179f2fe4ff7c9e24a9d15d3aa6a2ab7e6b220","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.0bc41a9c7.0.tgz","fileCount":12,"integrity":"sha512-HmAikcBBJvWOGA14+OSYovDcc016BFt46iQXhwVAvy5ZlOIOn7rMIthjR1Qwn0z7iDP/BVGZ3I/NtGsUr4LZug==","signatures":[{"sig":"MEYCIQC6XlmeZnYuh1wUG1uYCyJ7CnMDGXT/INMez0ILPQx5ywIhAJcelkQQlWWZelAJna11ecWsUPtIRIyQFZRKV25Zpc9k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7h5CRA9TVsSAnZWagAAOp4P/32DyJjJevreKcfoldz2\nI8uDiqjPIy4FJIcpHhrbshiyxD2I4JOG/4knE0Dyu69aoNEwODe21wDi8moq\nk7eIOwwej7XFfqHD8n7db6S/028kXQI/FoDphrH8f2I8ZhgE+3bVzv123q4I\ng6RuanftnvrYf2Jiy3ejNRJNOSHFGXcqbDFZ2smbdj+Fupvescy5YLyXoRQK\nls0pGvl+1UDFK7SE64lIqRl7pibm5gZIMFrNOBNBv2InQCRgGqk5bRAPlwAg\nxmB/4+0VtgkvV3s/rzc9ZJqe1sdYugt5bn3wJhVgnkud1NqxA4gRJmX3DoJ3\nArSXnrzWOEpyusVf6BiTQ3B+pZDJKwz89s0dw1wem+AfuWBo+3z0IrmAxbdy\nxyzts5zyWse3oH0p1k3WFlAFKc9Jmjh8WlLOZwVfu4uix9suTHDd3FZz21v1\n+4ttdTiwIwIHcfVgRWik3vZhj1a3ohUVvQgDNOEOsYaiHoEXXUpcVR0V5ogL\nOvoufqZvclW5pgTWBbj03OmhAKeBtOOqWA2St6Sq7DJo7HNuGM5676LF56mw\nbMtMxPDRyVupdiQpSQzH2W5DG9JntqmRNtocxqaTBtT5ZnUH3AbjFaR8ASBb\n+y8GiNpuqTWHtIfjfpxJlJHyjBKorOTdNX3ti5rGRGZF99tYPbvUVsSGmwWg\nv0Bv\r\n=cW2/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9e2c4fbe617a115d220d49782884d15a0d9ff51","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.0bc41a9c7.0_1599846521375_0.5204084572751488","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc0eb5013.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fc0eb5013.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fc0eb5013.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"566d4f098e759fef92874afe1c10243cd444cacf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fc0eb5013.0.tgz","fileCount":12,"integrity":"sha512-ZN4U/2dpBy9IyUQ+RB5VFnqJo1k/P7IbtEmncsgWb4Bf00SYDAGD+aXQvABxEsvYXEMrEsMFb9ngBvLiPIg8Ew==","signatures":[{"sig":"MEUCIFmhPwam9lPLu8hMgS0uvoi2V4Fz+XvHgB67wnJa03bwAiEAyKYt1FXOifxWTCctmzbwqz7fCcKu66dJgnvIE+24k+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW9X2CRA9TVsSAnZWagAAqpwP/iq/fiS+5mf2YEh+2gYi\nl5PdWzRI3Kw78uzRspNlumP1hEbg/0AMVBFslsT3HjjCU29eYexC4BY/RgSP\nJLhZRzAhV5sBtqDBpLFn0LVbjNPgcKApLEm7FMYZh5g2+3k4xsjTuhd9hT6o\nbpboh2kzJGt0C6tVT7Cm3SlJC3/3ze2QPbh0Mfcc33A5zz+HHlBgrPGLjktA\n6fTbyFGvk3TJJjWgujzOhFHJq3hwkry60ABOtMHSmLa+pATbZsFEzuhVzMqD\nnagSwHLzSo6FtY3KqWY4mGFxIwqz+OT1YB+6p9ltxVNiofUxkjjeKo7phnfe\nBesmcbmzfyuwP5/g/0PHDs8KTgFzzfVjgAD9N9MwP5mUpRxlGjmCSLeXbvaz\n7szrlY2V8l0c2Mhn5MPNeiXXoWE/P5YZl0jR1x8A3nP+Ur44ThuxpfNgTmWp\nrTWR6o0aCG0xMizBmjJWEtqVxCFXgiYUuN+B7gbqyBec20wJQZRSW4NtF/S3\nbjTxA9xMpf0pgoGOS1Exa14+HzXtrs6uJXQTrjmS5Pct2demQz8r609dybFE\ndQM2t5iZQazybA47MzM+c28RUAxSz4vchNK59Cwrg+nbLkRH0FTwdtxamWhs\ntZxPDObXZEzvlmc6equFo1EA6guhHQZVnxvXrzj1nl1lEAWOBXvpwRmqdgs7\nmNpH\r\n=PxX2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6572140acfb45fa86b79570328d75e3869c40ef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fc0eb5013.0_1599854070398_0.21039981521518802","host":"s3://npm-registry-packages"}},"8.0.0-canary.319bf66de.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.319bf66de.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.319bf66de.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1be103d9fc09470755fc4f8fb59f63e4da6041be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.319bf66de.0.tgz","fileCount":12,"integrity":"sha512-uvQeZdsSGE9OXizR/gxLBNT2ViiHAfqp0q9zqufJrr1rjCY/DB3kyjocNG3go8xwIRNFaALOlR53UH/1xkP9+w==","signatures":[{"sig":"MEQCIAHMRUiJCRC1c1ZcWnGYQXLyFuIBaEzeyCU0kke5zARuAiBvM8iYGRCqA4ItZJ0X7PmZ6eDsRnV/BrbMPU3rbBx+8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXAOcCRA9TVsSAnZWagAAw/8QAKKUdNhMGBwEfMJn6Ll9\nGVgBGqgTUhHiwk4MP5hC0ddXBqflqP4M7n1Jhw9XD5QLsBEws19M38n6hdGV\n1klNrXC9M1ImZxlUcT5MXs4obo1mHgGZrtgBnnlGv3s98SJthioXUaGDUsv2\nxYtRmwXCsr0WSCNfdF+ut2X2WVJwyLTanLJDje/sgLB/cXD4L1mLspYkdNF4\nrUmT3N1LpmkrJVTPZBQK503vs5NakWUn0nyY73g/0EPG047+5WFG+Rm/1JNV\nPt7Jgn1+G9IIAlpIuyUqQnqK3AZyb+3oKeDNh7RKhnccSzhz0DSr17GvlFzu\nmaljjHuWdMdzMMaffduHnmYQYEcZUX9zivtzdlEBjeC1IBSFfHIud72LTUsd\nB/GJ8h71QYDnF/a+7bD0HSEnm8toMBbK1tJNn76dTQR8eLyXoxZtyptWyb4h\nKlYxGUHJhqayBeEZkVncvTKrRXyNVia0efGlY/FsJ5NqtQBHhG3Hgagm8Yqo\n9HbeDiDONjtqcRIwjdWALcD5FoD8hzF0T5/O9pEUHlrCy4xBI/Ru7GN19aGA\nfQw8Cs1eDpDQOTuKDtsqtqSr0EHwJS9iHZJRbyT3OpDbQ5HAhe1J4b2pYB+Q\nDjJISFq/7MVYc84fP3Xcu6YncHLVSAUbPApfNH4MEM3DauX4NbnSTUCYOV1t\nBKNU\r\n=yVRp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ba4054064292bafde40e53fcc87405c8dcad24b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.319bf66de.0_1599865755738_0.3276371810359422","host":"s3://npm-registry-packages"}},"8.0.0-canary.5bfc305ec.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5bfc305ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5bfc305ec.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49cfae2bcc427d6e3449cffdc5adb9395de016be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5bfc305ec.0.tgz","fileCount":12,"integrity":"sha512-bssYtqZlqpqQOkD3BZjctHH0c/ZNFrcvbgplCmTA3YkvXnkY3H/IHP9D14LdjhCa9pyvHlqv+xt4MIYPHALhIw==","signatures":[{"sig":"MEYCIQCmpSsfB+BTyaQp12SK7NO9jLCh59pe1pdlfcq43EzSWgIhAI26ISEFNe0sP91d9dmoTOvDZKm6QqJRbym2qzWUTxM7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXqRECRA9TVsSAnZWagAA8nwQAJQK+TD9z5Z672T9bVmk\nBFY22M+KThUqMF1XmXPDUkQTjV/NF5Qja3J4gUFQ5GWAlgs4dvG9ImQTi+WM\nPQJQtLByg2GeeFrKgpEFXx70x3PbB4CwKdiYpSvqPl7LUM38DcGy9IBtyOoA\n3iRAu1QxbApi9hEm/jF5PWr0b2hMfTrRgMU46sSHxlGvRCYBLzaAgagNidys\nJf2WmiVCZQE9WgpU04CwKPgjqU5mk4lM9XDtMOEDDMlYbvhjqnz8TeSGFeNc\n+Lez3O+fqZdw9otWS0t8fKkhltKPdLOHn7OVVW8buE77svCT7KMoR/EhlLTp\nD6tSzolEUDnQBfpTOQByKf3aNJoSxpz/fdn2IwSVUB4Gcldr3GZey1IjXlzg\n0qNJsj8gujar0osp19EC+5mPX9bRb+EhOi9mhkOyt4BFQXeUbP52YOn9snkM\nZwCwIjegKMIVLHevxSLK/hlH2XD/6qR+fu46VEauAI0vbmlOfCcRdr3svX74\nZxd5+tvLsSPLpGh8RX/rYScDgUmywqT1jUWaszoC641sD4yFdVZ/97fdUzoF\n58+IvAiOe7c9gI8GuT86Aq0h9f2t/FgJBhlPECpakTJsgbgU9KZkYnr7TXHd\nSL0k+HXYkYUbTp9tnfx/htftfwpE+ZbCfY2VDw2a+MRUf5C1A+hQ2RwzKybT\nYWjw\r\n=z/Vw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"96c0c187c7fa544c1f5303e96ba3e85cba86e5c2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5bfc305ec.0_1600037955914_0.6697429957337238","host":"s3://npm-registry-packages"}},"8.0.0-canary.83d83f131.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.83d83f131.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.83d83f131.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ae15f36438291b8214bf085dc26cb99e82aad7a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.83d83f131.0.tgz","fileCount":12,"integrity":"sha512-QJPbAVISJqyB1gPYcWjQ2NjjccbW25U7CvYcW9iNhPSjxc/NT/4CFqvJ0Hgx78+/h3e842FzxUBl4YwFhJ04sA==","signatures":[{"sig":"MEQCIHANy0aK81Xl/ntffaOMCr/dENmK6C1/Tu8/7DuNmfAxAiBUPxsmP3WR3fjZLaQe7NyAGvQQhhU0FLidAQqZ6Qo6uQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXrnyCRA9TVsSAnZWagAAB9kP/1T0gA96y/3FUSvq0hBz\n/FU4zaVcqjx7U0rdUmgb9yLRKZ/jcvirSy6BE99gpAsjdInULVqb94AvrHfG\nv+ctB7cnqizBcW6aNNtcKLnJ0km2RsrMGvW/TObUB8nnfH7lp0a1JZP8gbZI\nd42HDcbnK/ZzACXx81EBGngf8DZHeAWDapv6mfHAe1jRdg/L8fWpF7Kvu/iJ\n16SbKJwPH/bLOv2wJ4FjzQi7r/s7dMQVjOkWoygZSmziUnPj5omiaSomDTnM\n0EvYcjBdpLM4m+X3ELkNsKhbA+LcecvDpRwTOhmaA/+Kqmne/tp/CmvXtfnP\nIZepFTfz1FNXc1cArMh5xOFmYeuo4oY1d89aUKHtUMKWmFXBXzOk3RqxVKUG\n4iLWoReYao3Rw0biwGb5BTzthF4SzGrjVA5Z3J2xlLNoC5d9Wc/QBVrFo6Pu\nDDFnh7frQK0GBv4DnlZghjkujpzqRxLJW24kNnwaBB9SUTz0xdZUbDvhWjnh\nAtIViB0tgSMKSoR8SzmY/Om2YGStFeiJX2blSc3i5vHYDzlvwf/MqKkM1MOR\nx4Hdc9D+HnkXXWUc2n4IlX8j9g9JUJtWcE7aAgt+i0VgQCyJ2LGC1LYu/2xv\nPtSGF0uUopSzhfiKYMX1782eb90hMUYNWNzJ07AG054II17QBeBl94ffqL4E\nLvla\r\n=32e7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"520e8b604c3cd3e7ce96b30f4315d576bcdad3e5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.83d83f131.0_1600043506152_0.17180257830220125","host":"s3://npm-registry-packages"}},"8.0.0-canary.40d8e4726.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.40d8e4726.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.40d8e4726.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a086395166c7294106878335a9bcc81204604f36","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.40d8e4726.0.tgz","fileCount":12,"integrity":"sha512-1e9RhpFaq6Zly08B0rMBZMqtxhIF4hfEuO0REHB9qWX+O69xG0sfHYBKwQiTSHooCdCMlzNUK8eAwS/UDpGWeQ==","signatures":[{"sig":"MEUCIC3T6RudGCwnnUr78QppPp/txIG4EuHieljJX8mbp1SPAiEAksw+cwRsltucc6RR/5tkSSYjXKze7lFL3RgZMy3Rs9I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/xbCRA9TVsSAnZWagAAkNkP+QFWKDk/GNkF4e9vQf6t\nkbh9GCKeEmv9tcoeqB3QtSs8uPewaV23v6TLoQTwNbz+hFX2/NvE2OFTlttI\nAHTZ9JtSemwpluUbTyWlJ8pzVxb7qvf3pqQNFMT8gUVk9WJYXb4nGWkx1/hW\nSMTE/YVYHShCH0PDTBa3gAXV56qOtkFI4VWRhGQr2u8OSRNpl3zLMgh6fge+\no6H5MtinJgRZvmm0Bi8fPOtb5gLsoe7XYCeLOf4RF8U5vSU/RCwY2wMGLWif\nF+xHD1ujs2zG3EyD1eyApfFSU6RmlZHIAg3t1Ohkk/PLlnpl2REs1hGh7Mjj\n8APooEY3rW++nBUElZf7TFv/fe5sSSVOrgNnN93zlhQQCmCWKM6u0ox/OvpK\n00zqyIXFKNxVnWa+6NJBnJU7+h62GXvPybG2/aQz1HF4i1NO4W9ih5PjhhKG\n4qCEyUJOGtakB6X/UYCsAsU8BHD36LhaTKyhFWXIaThoCbwO/LBMQCqD2CrE\nQyGY4RahaF+TB6Z1YmKImEqQd6JIABGD4xv+3DJXgM2SID4JESftqkEVEDTJ\ni6T0EJKFSoUuOdKHTkBzkp/fHrtfxx8QtTNyi6WjHumo46zy72CzhAbx7w2D\npiBem+31ffQB2EROEcMw3Vk0YX9bHSci12RSQcujvcuF4M7ARezTBbRWAGqh\nwDdB\r\n=MWYK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ba2736b8bb826dac383c6f8f237a6584247d5198","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.40d8e4726.0_1600126042799_0.5338245442503646","host":"s3://npm-registry-packages"}},"8.0.0-canary.c25d70a31.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c25d70a31.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c25d70a31.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50e68ad984f42ea0c36f151f7c766566f364d5b0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c25d70a31.0.tgz","fileCount":12,"integrity":"sha512-uwthUUW3Q07dSLOOXO9Fb2BYiQ4ifUoCA6hB1P1EzvoXUeRqsuYlOXBbZtDN9RfrjKkgQraoegqz/11vKv1kdw==","signatures":[{"sig":"MEUCIQDt9PH+7TUYnodlfiQIRZ9/Vsu9TkwtB204pCvrob7WMQIgcG+7f/E8Tqewqrha3bwySOVDVe1HnklgK0K7wIFXEaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYCZeCRA9TVsSAnZWagAAAsUP/ROEgQOvFS1w39fAc09O\nsasN0drDgSvR1uVjTiCoxMhNxWhmkAmd46exV2HHt3mwcn3OlatcnSKqOv65\nWC+L5eWqnz5nKuWotPqjzqimGRyWf7jEw6GxjG39+P54cbCPwle9q+cwLTbX\nWnh+auFLne+0qa4OhXqy+aGrWD6M0d29+a8QCsIBT/+8aTqkv7xUxLgTUplC\nCWNWiq48PcFA5Cg72l1PhTeC8REAtzsOBrP+0ScFvXFkIPDlCcjyypQHVoiG\npmxBN5V+MhGi8cKAIfs6SEanIPsWtbgIHA20dZBw/01TMGwqqOVuH/nNMb9+\nwxeTvP+50Fm3+/gD+ZaDDoWvqYqP+qV3i0Sv1zBdo7IcHYq4Iky8gDyzWJTY\nPVOPmKRbtNvJHIdEEFl4CVyBZoUV7Bu1GaCQqR3uoeiVQvBNBz9/nAil1R/e\nsu71iWlilZdZOFv2+f/R3nKln0A/AwD/raR04dzHEuPjYthUTR1EGH9zDyVE\nd3xY6ppl5skIIPHPl2HiLlT9sTgcihpVrSoWusYEUWNNeIGJKNAvDLIX1Gxh\nXF26/VsBTSLoiI0YISPdl2M63bnejI0jiM6dHqcqe+jl5AH2jn+HdPMJ39RL\nWYkRlD7xG6TeEiLGynCyWUwbrNxP/3PpvwZlOsvikXCnlaH9FiNiqNkxxRlu\nuCkc\r\n=vPOn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"23adc9426ee1c32d146e601987be4165e56c7934","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c25d70a31.0_1600136797921_0.5407514862259448","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fe70126a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2fe70126a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2fe70126a.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e048a1ea4de418fde1dcb04dfabfd603748f918","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2fe70126a.0.tgz","fileCount":12,"integrity":"sha512-zJOym2cX2cEv/tm8dD/7i6ALJTTXx/TrTz3cIJTfRpmVLlABubiF23dduJ9oFgRisDR1zgwMloiD/ap7KYmWgw==","signatures":[{"sig":"MEUCIBg+Tb832FP0NYp0R/Ba8zFn7QaXYJyigdn5LVC7e45hAiEAsdnQxMFxDZFgG+EaBLEs53tat6KERKVBysLj8bJvl8w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYEgcCRA9TVsSAnZWagAAvRwP/1Q9sWKDLFz0JOtET0zE\nsD+CEttjh/H1xvm0IfL9X00eS23ZH9Xc4aY7I4lvwGWqgeNavqNqQ1PIv3vi\npMdF2RUfgvmS3p4bDxzw39C2cLm/AuUVynOZ1+XtmwCTtppjTPyBKBbTPkYR\nT79J5pA3qHes0PzJglH2XFKEQglPNpQrC4UEQh9P/dLm8rPlYdv/WrIRxe2v\nROx91pBZpN/VR5JiZ6OywZn46mLdQyx+LjsAKNW7Ei6iYOf6cO9/YmBQAMee\nKWTLbVI0LfS7ePat+sM7yIsTElDgs50OMiWiHlCsEvzkl0JsGIQuYDczRR2q\nVNhFMU01edCnZIDn+C5+RDsNnNgsBJG4CtlfQuTUFlZCrOy7kvTmTWW5qYp7\nwXozCs6bT8aMIFBlR+zQvmWn/P0RjWcloaq5J7kd43lUyr9ZxOdBwpr6n8d6\nkdBbf40ssfpw2ztmCdkaBJ/AmSMArKTJif4SZQ7fVEn8n280yQBmo7YzuMQz\nq9mN3uGj+5Rn0FfuO+hbx39R1ZWFflcIR3UWRsYgc07EaQQZWLxTG/4n/4IX\nA36GGbX17dcMKRxtkma7qSGrpf3Ud2yDyOy9K3Q7kwFn3FD+BW9qkIyj/wwR\nDumGyJ76rqJjgPI3jjqPQ/+NKwEk188H/MVOKjMoQb/rIdMvVmajCxZsERqZ\ny3ml\r\n=fpHg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"050ab201982039e43f2c742d25ea0710801515e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2fe70126a.0_1600145436130_0.9534547293743671","host":"s3://npm-registry-packages"}},"8.0.0-canary.d52b165b5.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d52b165b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d52b165b5.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34d707dc32aa2906af0439e082173baa39a24c95","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d52b165b5.0.tgz","fileCount":12,"integrity":"sha512-aQkLJbF4J2D5bayliT113eJkvbf+AwNg3XoPyYcqg3Y02lDuxgGkTtAAeCkvH0/y4NDwSn59IhlmluAPdL9I0g==","signatures":[{"sig":"MEUCIQDmyEnt0MC2C5rrH2Mmf0wUuCEET7Jb5Fniw5PFe3W/agIgVItKjBJm+6Ta540ZW/Pp04SM6QrY3eoMJvwvY+8EEJ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYNVgCRA9TVsSAnZWagAA8i8QAI2gxK9gCee7KttRIeoC\ne4TNgEzuwStLX8YPL646/3zftvLL7gsl3iQnhEwLkaULWGXXMHkcejt1QVKQ\nIr72xhjUtemAJ0igm213m9pnSLJbivIBlhVo/oYkkZjtA7xmJVn/+tUre/uJ\nEBhnoJ8sbZb4lGQhQi4jt3vCJFJoK+G6FCJEFX/0nFmO0dJef6UHc5QmieG+\nS+A7vHV0qdzkYLEXtQfl+f3WVrDyqN7YOWdzZPWgCV09BVvRNWkQ1FK3WP15\nH3Wnm0Qg26eT1gvolWtSAdUgexJAvWHzGyIzZSvM/mOH3vgi0phGWd0zLluG\nm5Alny7djJEZ50zrMAOwnHu11XpjcE4HQChvYLttXFZIggP7hupkm65GUATt\nv113JoxpFj5884Q07aol/FEoCZpxKpijajuXAaaCZuGI1rIbZHue0t/OQ1sK\nJll/bMMfr0r+UXDMHpogJN16KSxDAXpCgLYo79lGbWFvNZ8IqhnGx5DEEr3r\nit+0GhcsNzTIfJgR2p2zqgdTsDNBca458ETHqPmRDktm1UVyKoi3Rx9PedYC\nPo+UwpOZt0kkLRVxknECpXXo55ShqqeIezsO5ocfrCVS2a7KGijge+eiYU7+\nFUp0TWtIkOIEr0RGoaJlWpux4sSvLKo07OrumI+BVO5TuA8gS+/nhVM2XvNR\n6Ebz\r\n=MUe4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"19ac3399f14583da3b2ca5e37a0ce783539066ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d52b165b5.0_1600181600126_0.9014793857485428","host":"s3://npm-registry-packages"}},"8.0.0-canary.a831d4799.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a831d4799.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a831d4799.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"874443e92c52fdc5a1f671bb5214573cce1b3e3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a831d4799.0.tgz","fileCount":12,"integrity":"sha512-GvMNw9p9rqoHKbSiLp2PXT3pBN/GwFDN0fLczqau1FHOw9Pzqv1s9ZViX0i9KcDT2eVuidlJXzRWAzllx0r8dw==","signatures":[{"sig":"MEQCIF7BE9qI+neBr/kqwgxz17PhBxKP/ws3O8BOprQAvPJcAiBQuUK6uYbO6IaDc7UT2bcJscXk2OBPUErxZh1R2NlnOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP7+CRA9TVsSAnZWagAAAq0P/1Im/5UakeeYST19Yyuc\nTV681yZUYteynhhMC16A1Sh27agyz0Edamrobw2d5tsG8Un7zJcjmE12GE9U\nn2GZfPGDlDZsUE75D+jP/rnATjFOinzALZhmGK84VJHyINc1Ahr80+mZ/Zjy\npWkYKp4Vqig3uk7yGaXIAWktJSwdbunb1DmYEKDUxP4G8WiDIcP0X7CWUFfG\n0CYlj+A9kymfNcKC0vtmIirnOvsel/Q/GuTT2eqDjTkgwm4cpINMTqtB0Y6m\nkZmgTOnKZsTrjuVLA42yGo6UfwP4mUZL+R5mHJMdX0CFgB5jGelxktFOkAIR\naoqWWn0faB/HoNvfsage+s4Qoou2KMCFUXiYmn5Cegli3h+VMzxe8lIKnb7F\nE4s589GOLdoStUvFTfsn5Pm8abb6R3qFH4mCezUl3yCIhFpqHIBMA0Ysx3RY\nWglghdY/r58AwpysjSk11lHZa83norP/W7EY9z5//PIuwqgWIZ2gBJSTUsLk\nyrAEGoKuRhu2l+7ur2Ev1xuPeGgnpLgoOAEqUAlhmVt7Ju5HsvMgTgjlrUls\ngYxw4NouxvaZwngL2U6qqX4zHQxwrmaNUtHL/vtAWokVgoQrd9KHy4oTJ7Z3\nlJN+Xm3CTXXEMgI82FJWaSSEVDs6yLyvpu7j+y3bR3kO65HiUfeA09RFwn26\nuzRm\r\n=nC54\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fa7f461e7963e1bdb73e7811d2f70b0a07acba16","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a831d4799.0_1600192253851_0.5997940450218702","host":"s3://npm-registry-packages"}},"8.0.0-canary.a306aa488.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a306aa488.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a306aa488.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13a80c1a5752f7bfd3bd995c6d5a496781eed2e4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a306aa488.0.tgz","fileCount":12,"integrity":"sha512-GPfWohULHzaiTXnfGf500W1YjDbaUMmRTaWt90kYGNnxzWzJZE9BkBFn4jaylTgh0EWJjGBFDUl1/gR09j3dxQ==","signatures":[{"sig":"MEUCIQDxx6ijNb6wS97fn1yFufMESKzVma8RuLE555owCKsFJAIgQ5nfB6zmhl8rbYnB+uJslIM0M8x2zxEZhg7vECHnCoE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYrR8CRA9TVsSAnZWagAAH1oQAIVeENMj2TKAmgsn9R22\nzPz5kaVeSzbVqWdFH8pqjHtOX3ouwh8d7zOK/Pt1JR3BPmfnkSuYDCqJLL1Y\nXVIA5LcZ+0Eey/+PtUiNUFeGLlERc/9HYOk9/oH6LWbEc+NQhLeTJadB9yTk\noYzWKKq38HvFsFQuhFR0GTG0PQAH+bHCGxJbk0rTMfN8Tul7qadorpVUj16S\nDO+3sByf5uXWrn7sM57iGzWFj2ROiC/FAbXnAtrojMDxo+1TVl3RCfrcQ7+V\n6tyhJ3EU19FgHhoV/V0329bnF+xXNdylVn60rAE+BsaomOSL8AwnoQx7Zcx2\nrXju0dKGmmaKkIY7f8CGUWjgxFMk5ekKx9/AhkhGN7H4oNJH3XltghjX6gay\nel0/i8Y4rMbd7pA8TZg7vc/Gb0g3Zi7vWa7TFQ8eC/wBzU3iqnf0f116cTcx\nj8+kgpWceSW+GjZ9258//yqAN+rhiHQBUv0UjgSnuplWss9msx6ASCE47VKf\n+rMe8xHG/304447tihiUo4EZkarXInhajrTWzmmRUOiWy8FwCg7wPcD49sPF\n5SSwdFWniUtbb5kYQyAphrDUpeBOeJSFkxq6zTcWXRjhzW89tXIC3cJzQ63z\nP22z/raQHFmJFL4b1dkRMMcuQqQF6bQxi2NAsNRkBFjLhSCGbjNWnoFokW8J\nLgEu\r\n=Uo8q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6addec60d43eb106ac774211ca2af4b04d40f1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a306aa488.0_1600304252436_0.4067786820679149","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd608ff66.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fd608ff66.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fd608ff66.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51e217021d4ea0fd4333e19cce4ad1bfc28506dd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fd608ff66.0.tgz","fileCount":12,"integrity":"sha512-Ww6ARfWvJBJp3UGXORPfazisTha9GqzflIvfikoxScYyF+POT5yHWMOhVMidUteeD8hO3MLJ5fIxbzcnJcGgaw==","signatures":[{"sig":"MEUCIQCiIr4WEqPgb4YkzMUYLo1NNBH+hQR2+UwNedGniSyE/wIgNz0NSt966gesY4LIhrjyzV1xHaBPK+yfdFNBlFM5Afw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3GnCRA9TVsSAnZWagAAifoP/3kQwNxVvrEo8MKltIYN\nZc0esDK7X0oTtpnAgPk3RiVGP34cKr8ex/CxYF2FqiHDF9wbTJ9U+EEHACT5\nxXHoOgd5k8KCbEAM2oV8myU08+hz60o/Cm6NrchmuitsRJKZzpb14DLXTDVW\nR/b3YYcX1QRIPjuBwUTIT7gb2zycj9NIXVnY3EbNl1EtKzjAGt8Qxu5osYRC\nwybhr8a9BUntnKIGR0HFTUczE4p/GMBuSGFNEhZiMN5OhTlUpTBtnczBUSf8\nujDU9NQCHqDB4UaZEzhel66v80shEwTSsd/lwIM4eL07KPiKMWGPBPnNlZ+d\nmE+PP79QzpPFsi6ulBRfOp0Y985p1XGW8z/swzZ5bwsMZDW9/Ibb/RSfV6bq\n1T4zNYxltJe/gayhOAbxik1L/GEttU6eTPvzSsfLkAiaq8pqHmtXd55OF/SL\nqF3/Tpn9i6aEaXWYXi7eArRfYR5u07un5abmSsQHdFWeQHoxemguTo+8QZLn\nq8RQaFypVIxeAocOMXOg51Jq1uOMd+gR26QY0rJl5o1zsCerCJ0phgCUoj8/\n8CCx+B075NFozCm5jKyEbmb5acKO+0Hw3CJ7S6TEDdeGnwAYfF9R97k+CrmH\n4zHgFr6sW96xWtDLHCSNpOti3LzjAnoHSBesuFP+Gu6UOPlKIh1LFnb/zJ2t\nUicB\r\n=4GQg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"03ec88b3967ad97da4309b1dee0b9764edcf89e1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fd608ff66.0_1600352679457_0.5576605546711106","host":"s3://npm-registry-packages"}},"8.0.0-canary.3e435ba57.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.3e435ba57.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.3e435ba57.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e7bab44b080e084a42cfeb076214e54e825242f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.3e435ba57.0.tgz","fileCount":12,"integrity":"sha512-7yNxO7/BvELowzf7rcAc7B3Vn/hwyJBsdI86cid/sfYZmcuLCJlafdZCRu3ZnaLKjsC2O7pw2DSpyAnyLl3jnw==","signatures":[{"sig":"MEQCIH9IsXlvUyCIMOQ11kKahBMpI9B3X0uAxVVjdirGLkV+AiBmFhYkPzf1Q5rglExePsZF1LDUxR8S4CuZGvio5mH/MA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3W5CRA9TVsSAnZWagAAWdkQAJNODqXtdRnVHTsDnNCt\namGd2VOwiBVQ4K8AF4nfYJEo1igL6E65jPfqcdnfnkYuikAg1K3DNATyHLT7\n0ys+2F27QgmCUXo9eggVi1f0ojJfZLox9LGozvWzjzBVnrVAfsLFfIipNuyL\nG/RPDqh+v+FbMHXEbc7qkdOEzy97+Uc7+G+TQOi1PliJrSx7RcLdRZZQYJQ/\nl2S5K0PNUSM4mQBjvUCocB8zHXuhkcgeSO7O6hDELH8UY/ALhBmzwzzxOIzI\nDY+0WOzpcO+av7lcg+A4pWt+O1vkJd5kjhoB3YvTssAsVVt0AqLtrnFucmj1\nR5rNXY9d7Y14EyMlJAT8aCtRC5p7BmUTIgMst6vvZseNZSZ1X308jBiytsco\n+r6NgSFpFtRA2XWDwatDcJiBmPCAsXXpnN9Dudv8uTtpUW65xgFIlrMFC5TW\nYXtsSUCHZULJ/B2ofzVkPcJoAB1UMnqTKZ/Sq4z5x+fBOo19TgGqbMoiYOI7\nhXdKzemAMlIrL3MjRPHY5qGr/yGb4GOA84sWZvTuC84X+T+QI3/AQsr+m3Tr\ntVL6pfxQr0Jk/+zkhtTgiDlEa4wrjEs4A135hxNINStA8b+l82Qx1K2+vgIG\naJrpr29TEVNsdcbGYpFF3auDwQNsB7VhPHXGsV5NYVsOD/5am1IzObbDF3M3\n76oF\r\n=PT7d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"15ff2ccef4cf94fbadfb06cb750ee6de035cdd19","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.3e435ba57.0_1600353720850_0.45719183763730564","host":"s3://npm-registry-packages"}},"8.0.0-canary.c250ec52a.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c250ec52a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c250ec52a.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a655fd419fa677a834044589f123b011beb03158","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c250ec52a.0.tgz","fileCount":12,"integrity":"sha512-StdkyHfVSyCCjv8S8ZRXGRT9zdb0pmUNF3ieuR5+dbHbAKIjD5REzUnBmHWm8jTf/YOTojqC+Fd2VmMT/jy7gg==","signatures":[{"sig":"MEQCIHZcHL9OohMDQsZIn/KEmcNKzHy/JE3dcnpcBSIWor2wAiA9GvNK2TcRkVtgxKGT4vUhMSIDOx/bnSGw6XFpCGKb/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8J9CRA9TVsSAnZWagAA0vcP/j7C1s04YAyFKbVXVedG\n0KkE0rTb3F7sMjNk3nFYGrUviCtPfXK4uWHgzCoq63UjVPvPdSgijLkKB/t9\n42NakBvA9PLF5+u2UTzKkFhMxBPYN1utkVaH15xXZNpJiIHhuAD6HXHkoRFE\n1hSSQsybm8Y+73gz9T+SwYdIqfZ3JZOcMdMPzu0A0lG24N303gGDWeKxZDkZ\nTFAPERyCxTYnfMzTFTJOLpC8HU7+LPLoetijtHduil+pHghL4VVlGcEw8L2V\nGDCmg51jh1ipKjovDg0rRLjJkPY8UfPbUFQ2Y1jGQpP+gOuE5vy0J0Pubd8e\nwmvzjwN5nMdZ8jDMgR4meRzU8te2GmyuV+oaBhCGYwZLkbxESGQsdGMe7osw\nI98udLjj0B/0Z6rvLn501um2RYZbgz3Mxdsch5jLuONydWG3Q4tDiTnqwRtY\n+N64eMfkd3b5LUJlgswFHs6lVyQBuCp6cW6hf5Y4qGFARdWpCWql5/lkcoBk\nwP3aX2jc7fJxAT9AHRRn2iK4iaVgNrvc8u+j/sYkkZbiSldu6H5FGUhTfiLR\n9vZ8B1/NHWXfPEM30Veu5i24o0zQ0JMEEmC0tGEfC8qEL5bf9KoLxQZZX4JL\nTn1HhGwFDm9m9FW/V6S2RyIkqV1LPd1yPS6723ZxVrzZHYxBz0hz0Zfl0ZBW\nSomu\r\n=eML/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e214ca7cd3c1a65ab89d2fe2b4fc899aca418adc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c250ec52a.0_1600373372576_0.5241656429913621","host":"s3://npm-registry-packages"}},"8.0.0-canary.e34e411b1.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.e34e411b1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.e34e411b1.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ad5dfdfa0c21a93a4bcbb1f15b173053111ed2a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.e34e411b1.0.tgz","fileCount":12,"integrity":"sha512-VS21skNRMUeqL9FTcAjdJE8+QkJsjFElRA5CtMNonOxRuofYJfCnfno7gC3Uw/6bPNfr00TgNUAI3389c3PSpA==","signatures":[{"sig":"MEUCIQCVshyx7nLdhIDQuGmdupmqcwtbqc0Ntxnp6WWhXqP1UwIgVkLq4r1AVaZH/pAlw1LUKzFqtfcnomNRFxLPn9EJpUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8Q5CRA9TVsSAnZWagAANgIQAJPgLvzNsrbv2x1iYeoe\nx+SRg2onuBhvM+aU8fy9KiHq7+aM8HsgRGQ+M48ZKay/EnyabvKMEzAFvMAL\nweySTGrzyavax4i2jcbaayqDP6ZaXd4JtkhfO9l6dG4zFWFs50jMaNEjUrAI\nl5tDZFw5LE0FjtWKycmgDeE0SvgPwZ1Fiu5iGH3r+jHGiPKdwhoc5twZm4qk\nktLBDNt4c1KSpyD9KFeBk16gcefjYRDQxFI8n3Y59tZE10+uRCTc5uX5O8FS\nAXJvdHfYGTU4PZ1+zpiFEu3OWHGlQvxXEl/8or32DB66DM0TKSoZGWlybA7O\nTkQ7d1+UKi/daWWTqtg0Qfvt3Mla7AmQTfx0Lw2omn8J0uQMWIljvSW0k2bk\nZ+e8rly0amf4rsp2G100p7oGU8NawEMugw6+TLMSojM7rdr39/GqDEQTEF0h\n4J6LoQIzXS/T+Hcvd41FfGR06JriaQT9L+n32+Lomxw4/+NBwoRWV+C5sufY\nchp3XMJApav9cBCzlNiL/g7WGPhq/4WZWpZgW2oPatewv4Qpc0s/KdSjSLQl\nv8wonzEZhgRIghV93NRU1jDQt3Ax+i9o0QV1bC5xPQedbjvkvBOuaHNGhtip\nZqnV0C4KNa4GMe7dX+x9JkyYoLoWthlFi9K33Eb6T20up6cme1oAJtLgAaQD\n4xxD\r\n=rFQ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"460337b237852aa88d59152c38df2b32b73792a0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.e34e411b1.0_1600373816633_0.33048714835791415","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e9343929.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4e9343929.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4e9343929.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8aa43f45839afeff6aef19ffee232d069f4b134a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4e9343929.0.tgz","fileCount":12,"integrity":"sha512-RrYVHHN5RQv6709PwzV7df0MJTC3W1k/mVdwgfvSg8XI9WEyLFGeoXpdWeeBaWQWSbLEzttajRBkaSlFslO8Ww==","signatures":[{"sig":"MEUCIQCTGD3xEDhKvzNMt6XeiTwG40uuCkk3uYagXTfPB2JkgAIgajK5zZgW9mJmlxoDs7GhBQx+g98HdWZm7SPPNd0c1r4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8oeCRA9TVsSAnZWagAAMfMQAJu+yJWhdvN/hNU6RHQV\n0J6rmi3IMuLHrMfZcwumbe2ivTnTQplvVEJBn1mtOViwXETTCD/aJpIbBiXJ\nuApBe/BGfFf4wq7CX2NJbBokEaBoD/bYVuw82xTUNgcubRNrXMxxsTClYxjw\n9NssmIqlvsaTr/pBQgSYH15Br8bWCXuwRNTAkKvn/KIHXnoqVmvHquaVz0dB\nyrbYzefMUaRLmw1Thq6hmfQwNCN2+Nvwwx14mYA71thfmNNhX9W3O472k/HT\na9Rcgra1uI3O+4CO2PUzV/dlnhixglwwRPPccNo6rY3r12ZnSR5gSBaz65nm\nQyj+hEprsVz4unv6CsRGvtVE9K9W6yq9JomWydYBDUpmCNa8YsSFLlsfJiKK\nfOWkrercbOaSMd83XhE3LnZOGS6fIUfauKMYW3i6nbbnqj7vcHBwxagfMTyb\nwmnjFpxIYwcpDC+jm8zs89iawrd1+NMueq1bMbEhkJ9XwtSkdZYerd05dmQF\nhj5AY27/YZfi7/J6Ht93ju1AU52i4NvEUQSfHdYSVMa+dus5an75tGxdn4jX\ncdtIlHcd1OtcAzW0orgR2g5mTnoJsTcxqp11WzM/jhaMXMqOKl6xf0K87gMf\nlntU9EpXDWjlKUVFvgLAFg8nJ22PR/36vDCqM5Eehk4VTR8+NTgj/lM9Z2n6\ne5hJ\r\n=qgsc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7bab75a521cc7f81a2f78587d2146ac140e3cfc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4e9343929.0_1600375326366_0.032803940755182115","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e5c350c2.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4e5c350c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4e5c350c2.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c179f63f966c1b111b56d4f33b11a129684dce4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4e5c350c2.0.tgz","fileCount":12,"integrity":"sha512-1AdvqQeDspSd610zHZmsmmDDvAxgWMBvHtxqdxLbkjrS1xPOZW2pL6T1gQ+KYiZ52saKNTIUJNJV4WDWVFPqrw==","signatures":[{"sig":"MEUCIACvKlSJC0ajiU9aScOLAqEBUmN7YVr1Cw0ZwS59Q1awAiEAuGFsKPcbVD+JOXlEs6ILepDwNCsJNitFenPwIuVc0tw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaRdmCRA9TVsSAnZWagAACQIP/1LkvZpcfzSdk+08tTw7\nD/GYfk8lJLjA/ZP/PXmJBzZ14DJNQnQFCs50UZsBNQs7z1VefJsU4f9IWr8y\nvuNDZcx7U2R0aqWCpDdOuLp5xJsJcHB3PtC4iaMTFrCPvWr0g0BAb/aT5lJS\na6P8r2MXvA22Gp4dKmiyciKR0MHwZDVALHV7BIWlgB/kA3oBDggscixFnK3t\natdN0s0mKtLvPbKeqlQ7JhlNbLCoxT5Y0FxMUTQzf4CuKSVGcROFNkjNISxL\n7oq9l+9OiBNFyG04XjWe+yrpI0CF10jhw3N9oKAk0Ma5W6Ch3v8XxI1nKeyA\nnyQGpdUDK4M6BCol8tJtMYxqeIG33dfSma+MeFbu8Vgg6QChGgfQEbdfPnjF\ncTYzbPVe0ICLseJjLVE/Nj2sAus4Wt1/UjJ6S/aHZaHKeHpgvYLaocqW/AhD\ndLZPitMpZAXvZlLSjgQ1rL/2C5KSK1y/4Pzyco5uYxMyu1L66mWJIedFfu02\nNYzI9JlRtNiwt11jegmFuP6Zdscw3Q5bSR5DascZ5wyfJzlC3L9jNiGrW8cr\nAIvpvqaHHj4+xtacAzeM+iMD5EOaRjBA/4Y3iGdkpF/MhXM6wVFDr4Vwvc+Q\nMBDZG4EDX44Jocnx2RCWW2ocWLEOnfH45qEaAPPcuAp0U7hb/s+7Gk3dlBMd\n/xAl\r\n=r7rs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c753481bcbad808064a366112868670fca5381f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4e5c350c2.0_1600722790526_0.3722867384576116","host":"s3://npm-registry-packages"}},"8.0.0-canary.16c563ef7.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.16c563ef7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.16c563ef7.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7b670e2578e1b3aa5f52fb48286e46f30b4e770","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.16c563ef7.0.tgz","fileCount":12,"integrity":"sha512-zY76ofFFS6Bt7dM6qoNks1i/8GcRDF1DcxuV9HE3xXOJxYSdrgZnUbIZe8e1MM/dGOCm4sGKfeOCNXKNSWe3Wg==","signatures":[{"sig":"MEUCIF7S3/i4S1si3ihJJ05oZbpcM0qNlaRRvKkTAvHziQVJAiEAqmnNRnbyUFJO+JuODK14HWqW5SwvOgWYUujvww0csko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfalRHCRA9TVsSAnZWagAAmKAP/0KSWdonxGreC8OAgw7P\ndqLGDrX+jMg1cABiM/uYkyWZKDddDTcuDeMRRIm8cseGXCcnQBxMOPIJ1WEZ\nBgBdCQxOHl9u+dRnCBQ5sUpB9v0Xp/69SSvIGwDbFN/x6nT9bO4eFcAq6mwc\nqSKlFOBUAaOjNbGQ0IboFiLWdzWPV3p7go0wDVcH8A0CEidjTPlhhEsxf+v8\n6WqnCOxq2Kox4owo3ntK2g6b1q6kgnkAvWKA/oYYne0hV6+p+jv2X2l+LJuT\nrwUviHmqWjsNJOKyG03nL01dyt9DkxeSiREoMyT2ohhzF2gRIYYEfn8xKmal\n2TYq18vcnTjle4MHrQyQjB4LxSAd+hpq9xJERGKHK5A5mtUlDXBF5UuojsMq\niYE95Lr/mHwU98x236p52/fZ4bU29RqnOyhjz0CGBY9eyaHg9t0DcO47+3f4\nv4c5KSt5Ns8qwqJgAcMnVWoyJIhMUSuFJUccALcYR73M+0U1GQ+tCI0ROgd/\ndR7GZfe3k6wTRc2qwMyfS4v5jIamqmnJp1Ph+PRiosKlwoGDGXT/EFuOscGc\nYinyfor8Hj+mNTG5HIWpbsEX5nD2xzDU4letBlMsad4UY7vLyUbXQL4RnZto\niclOU4/ZSSQ6KZJUrETO8+T7QdA4hKzIeEyR1EJjCwPBnJH6K+qiSq5qjx9C\na1le\r\n=iSbx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e3abdb235aa76184bd5171f68c237f58b8541f7a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.16c563ef7.0_1600803910764_0.3264320391275095","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd8af3d43.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.fd8af3d43.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.fd8af3d43.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8667a77bacd47b43d338bdcbc12c8e43bb9657c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.fd8af3d43.0.tgz","fileCount":12,"integrity":"sha512-iYU/lvUBhzpLlQVXL1CKK61AlDqDNqS0i2NEfwSU+CuQjtsSYb1t6fSmINaPNF8vp+cNTirGu73yObF3StWPhg==","signatures":[{"sig":"MEUCIQCUSBYIJt90lTm9cNBKfnufLZTBiEGTDjjY2YA9yw9GLAIgW/0WDEfioVAEwXuyzAr6IRVlwxHvl4xWIComNuAavBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa6KDCRA9TVsSAnZWagAAe+0P/01mOJPNEthVD8gM4HNS\nfaA9RBft+HGcnoJryaGdYEjOSeMWVKnColB3NtpPhNT1Dmb9U0NDwwNnOL2k\nqrCsUEZC98W3Swmg2zd2ZRL+7fNVYYy2rLJ+XRmXvnyvgFSkDwDwKVeT0wnK\nUak02pvngMOs+0IYgn3g7gTdG0f2lSciuH9aCApLX2uDXRbW4Ssja5aimVFI\n1lDpU5U5aobn/HkSy/9lmIZeknSfr6hj4K+U/r52Vd3qv4/r4LYwQiYgyq1G\n7U9HZv4t/UftLZDG8UIdOQ2DZ7qMZqJCPhw+Q1m5bzyniF8JwDxniVZ3/aR7\n8B4oYOZWx3CzYm8v17rOZtwLnhlWjCyaK+/qOdls+H0LcmfwWmwJfgHRRDZq\nriP7fJ32kzQoIpt/n3cpSAqPGFQAfaOlSi0GxU9rQNNEkCmlcMfB0LY9DYGU\nx5+ajkmOGRpHIbgJGDejnqkQ65KpeeB9uOpjDUHAVhaprs15lhTdUdWEoZO8\noXhVoXyd1CsnnokUqsNi92Zkj+i1HFZusPjrRXZYJz0LraZ732p4EGMxJB2r\nrpki5LnfbHiX2smBTMvJAYbxpgpr3JxQ0eQP8okKpCw9rFKHqRTVqUX2podM\n54BnbbzMToPtZelzSs2520aZm0BoqvmGmzT1JAoVbLV7+MY0RiDKzusLCCUb\neKEP\r\n=Vvy2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0f295a5eb9518e726dc271a945985bba278bf9e2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.fd8af3d43.0_1600889475252_0.9646639217658475","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4cd83a85.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d4cd83a85.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d4cd83a85.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25a384f8d905ab3c262674b63cb641af8d1b7f6a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d4cd83a85.0.tgz","fileCount":12,"integrity":"sha512-s3T5XMD5e5L6r9hD4iFrLiMcJmNK8pHAevW+UUy47wM/c9MEgYoAt5KPExibeZeLlMrkywtJew84csv8yi+H4w==","signatures":[{"sig":"MEUCIQDZ2c1k2NNHG320imPZIZs61DWx1eup6aXF+OV9C/0hRwIgS2Ypdf3NmGmmLFMjdf7Wn35zbsHhHVKtpz2n3eSrd5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbTr8CRA9TVsSAnZWagAAQGEP/iihHm+N+i8GiFWEpGv1\n63GGkZ08414aADtHbxgieD9nYf/F4ybPybSCMPUP/mm9QS0Fet8+QnKshNaP\nJP9oJSf/Jvqd3k/pBIGfrd/Nfb64r5GlS02SXMJKLLscU2iGmM6e7W5BBREV\nP7Aea1k4D8aBzVXTzaM8K6I1PluNruAoBnZDhFyJ/DHpdM11Cng0Yh0pedpm\nIBnpA3hUg8+itGor4aS6cQ1AqIam1uuJNPy6ZLd7rh78+4afVCGCgcZdOsKw\no2BHfvwpN3jiV+b9Zh2KowFt9yphlljUHUcqqGSU4jabR68gxc6Rka9PfxgU\nVbS+0+9XNa7mjNcRzooEHxjMTDxPBL6EUCPNHL6/e6ApEK1RMuEnB67uC5vB\ni1APfTezv5Go53+CcIS5mvrauleKJ79JOyToXcQKRouYRmOvzMoDhaL/FE1j\nMPO99VTQ1YK31FYNBe+kahJxVWXuwzZpBsN2NtU4qX3oPHaN52zVFmQ+iLRn\n4R9gLvY8GiqbwGw8OvxrkS0XX971aK5R0uZoNRvDBf/YbUlK8+0ru9Hkowsb\n/QYtH4p4F4/iXi0Ehc73c824PXvg7IOtd8T+IVltjai/GWj9eJO83XA8Bs5A\nFiy9z0/ummiIvA2hpbhIB4NnIQq+2F2JbeAVmXhoLS4rWJ1e/E0L43WNFon5\nTKj/\r\n=XSt8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"80cc7639dca83570a37de4bcf4d7501246ee8eee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d4cd83a85.0_1600994043601_0.6455819010485062","host":"s3://npm-registry-packages"}},"8.0.0-canary.199aecdfb.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.199aecdfb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.199aecdfb.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7287bfc386abcef112ebaa00a65336473ae4f17f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.199aecdfb.0.tgz","fileCount":12,"integrity":"sha512-gmT2f4ATSkdEkFxUU9vBkycu9h/Mndv7i5qmrEgexpQRZFT/+ML7S/VcPEd64zaPCaddJhT0B/jHJxQivc69/A==","signatures":[{"sig":"MEQCIBLZ6uJMnWK4ahvxGyP6B4g9lyaGj1UVJVMxxM3nECpXAiBOzL5g9dsRJwCNGh/AuDJlQ1S4t3JhJ5Pl1sXvxO3Z9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbhG6CRA9TVsSAnZWagAAbUUP/157PIBeLKqSMV9hBERc\nl3Z6yN2arKPhg4zldWauR0C7EZp+oqqCgQHXKcRwUcws8o4dsrusgmwREfCP\nRIb5xRCr9VDnDoyYQpiAtNdtcq16d9vwlkYh0QMmB+o4+6XQu1LrBmkjA5j5\nt05SsblMf3InV9NOU/wgbZr9yj2dJZN0O/wWJNvnnOEDjJPT7pT+RkYop0NH\nhqCLAo0snSc6wfU5BPIWn/1YqIRA+JNMPzTZy0QiQ4G33MjBneGDaqAdIo6n\n5wWOg2hoOQfEO0IxDD54mOR8II3qUckYQApP/os2gNvqfdbHME+85y2X4Q08\nw/yddruNZJy5OxG325EJS44VdjzbJTAJubuMqSt5i036gyJtZKvGcfMm/Mql\ngF+mv/p8xbKZmX3snRZRejfUr4iVevK6vM8tU9KFqHDafbqk9J1UtgJKC9/3\nQM6FBe8Vo9+UW54GPVEnXt+prEcvEUzsPjI1wR0ydUOHIhqojPFvxqzgPFKK\nBeofKYiNHXWzOTMGbYj0uPyB7UwJE020afAovRkwc9niD8hv7P2b3xw37MZD\nfScQf4ndqjMwgAW84IBIR9YP91i9Wzth+32PBsQP2Pn4XOhav5q4KgaycKms\n20ALthAfBfj31KrMGJnqip8Lie7kbbbxBQwIix9wOcXZNVICntBa/zICsO9j\nNWU7\r\n=tA+G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2ced06dc0aac728f58cce508c7393aec959895d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.199aecdfb.0_1601049018346_0.4557517285082695","host":"s3://npm-registry-packages"}},"8.0.0-canary.38ef4501f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.38ef4501f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.38ef4501f.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d69823ed4d35d96fbb0a8e86a3516119e80af343","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.38ef4501f.0.tgz","fileCount":12,"integrity":"sha512-j3UoMM3YXWFIf+EBGncbbGQ4AV9ZC4FP9JhJCbqvJTrJAeBAcPNCv7gPhmQCPm8PwDJOd6ZTfvwFhMCD2o6+nQ==","signatures":[{"sig":"MEQCIFGiYKeX7CXzUMmtD2eJhZgrnCVRtUAoaeuBQkNlHtbLAiBkjIe5RYvgJwolpuFr0Q8pR35Wbpbnsb7rNeh0SFNBpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdM0RCRA9TVsSAnZWagAAHGoP/1ay9+gquYOy+EN9BAFi\nWwZj3pRaZYVdpFGQ/Rocl7CbGRdtnC+7D+eH7KERjGjZjfCVcOfKtFz8A3XD\nDSr+UsNSTgDr107kIJrWc4Zr/T9zSZYlNzjhil37K9ARgX8QBplvNOdl5dun\nfE0taKgBRnmCye5rwOh7QHmKrVKzJZk1LJCZ5439nbD6tSJk1JEGG87vKyUs\nLw41DtTEXtaHGX7vlJr7qKs7u8H8PgpIcVjsUB4896KIgrEAY4/vR4fJU64Q\nJIPlELQYHREPQ0tZU7cEW8Qsk+4265Ul7VSUuAvnjsALR/8f09194zI8wqKS\n5dP3KiXbKYp+4SXkFCMKNwfAnu7gWS924oNbgu9GCvmdxgy7ac3XtfZAvAKS\ngEkFr9MpnQUBkEJkKKrd52oxDX3R1/pl3XKLT30M2I24gfNNTujr4KXxXpQu\nKJhRc5AQgccG3JDHo4EovHreX/mEZFeGxbboZ14IxLaw9PI7iT4JGjNwlWhr\ntJxR0GXuwk1TKyVkCqe5mtb5Dr8YXOmqNvmUdys1XazNyQqB6bXBmKrONYjY\nI1FgrXc15BovR8Q1HqlE1EvmJOlgK4Hg3LwzxdEu01ZEW8LJLvl+gkf8Sa9L\nmrGN7deUirnlDPIouHiSE17OtIqgcr1YJFnC0jWZnuvdAMR1PlAeK9OBZrZp\n6wPW\r\n=1Bgr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bace3094edebc680b12a257aebfe6170928076ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.38ef4501f.0_1601490193203_0.7389382180854867","host":"s3://npm-registry-packages"}},"8.0.0-canary.774dcfc8e.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.774dcfc8e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.774dcfc8e.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"417361ead5031e6bbd72b6ac2e85b786829ff6e1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.774dcfc8e.0.tgz","fileCount":12,"integrity":"sha512-XcCJOCZbk2kg41dTIvWd1iEJzl4rtGJ6ZK4o/FWQbczDJUcKN35je0+d/a/DvEh22t2Tj9M96n8HmTkS447Rhw==","signatures":[{"sig":"MEQCIBS78LgPeI5IzHRITHZYj0mFum3uAxt28lmr8dIywNqOAiAUY3bQoWdeL1xSCXykLkOQNFx9Ie78k70XA4yG81vY5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdab/CRA9TVsSAnZWagAAYO0QAJR2hMDyeCe6g/4VE3G4\nlS7xUZMlKxh1MmEf3145OEWCqqwOE7+cVp/t9OXRf7HQs9ExU2h+EBg1xziJ\ngEo257JK5fITp1CqkvBP0DYmEt+bcs6bj8Esjf06MZGBh7FXNeDA7t3HqBSf\nnDiictOiROMUESU+9cIxgDaTFTGMMwES5U4B7EdEIdjMcDroCYLaS30uUS3N\nb/hHSdr2RC/hMIvaNfO7PzSOTwknAY/nvxIIT4w9BI9gkXgvO2+7PBgEm9/Q\nb3LR0dGQSKi/zI2benIZWfAtaK4X/YTPuUZ7E0VZiLsIjV5EfhEztPVzcMYR\nyxGO9hLlOc+cCTJlsKDShuDm0r+0rcw5MH1T0rDko0iCcEw0Eq1y0bbikQx3\n7fZpi2RF4oGqMloOYDJihVIKJwrmsjyYxL03XsgMRYuKQa9sLHOZ2k4oRx9w\nP/gEQEQaVYdGU+ZMYTdlc/17t/aUuue913nieH6XkWPoPhHO1XyFeKRJlnnb\nrabvx+tKXFXjPiM9xthasadlxWnKGuJhcKUTJdxmO6rU5146LWtcu54RoVRQ\n4Csqa9DyAVrSQPhGlbox0+fDNVDhCmPVsqkYjTvJBtSpfY2FbCJQufK4fUT/\nY6lcbZ5MSGOWnCBdFEmSEgQRgZ6ra91RwrtwHZjBZQHu0nN6kr6ZmihNy6a7\np85r\r\n=U2xZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c37b80b059fbd4c815253f3a3868578afcc1afd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.774dcfc8e.0_1601545983491_0.8290506853417776","host":"s3://npm-registry-packages"}},"8.0.0-canary.0f60323a8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.0f60323a8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.0f60323a8.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65271f11f70937af25e31a4ed1b7f5507f746cb6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.0f60323a8.0.tgz","fileCount":12,"integrity":"sha512-Z8ZHUHrTK1Vgqj2eX38vXq9JsrV+reic/BnuBNOFIymTQ/ErUVv7gJtOz9v8f4ppOfBdXA8ORlE3/SFL0tHdzg==","signatures":[{"sig":"MEYCIQCWaaxWv1YNr0dqwPJg5jCJebM1SBEds6Ms+jxw2vmXbAIhAOi1qE7dVu1OzcQ+Is5Hualux0VwFD6RoY2KsRRTfRD2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff3/uCRA9TVsSAnZWagAAKYgQAIVKYe1cxM0+tZcZ8Gjc\nVsFr8SOkxBGYJcT3m/Yf5iUJmAo09EEuqoBZmR+uO31c8UfViENyFpSDBjL9\neZqAQ2gPD89F2Z+REFCsaNDC7kAC9tEvt65f1XkWZWXUYUIhu11mxgN2t03I\n85GAhJabqqjD4Aa5wCSGjya+1f2qorQPhZdUHeZggJW0T9s6uOHuuj5QcwVc\nDKSgmlR2KPYO0DrQ0IcSu+et0C8cEijWjg+Ainms7qgyG/ExKnWStr7QO9tS\ntWVgcePy2OKblIhD1PIyoPeoGg90+6LOGFtHSCtxh29VW3FNCvMHqXar54tF\n5xekx0io2oCgjuFxEtxPIvAM5ODf6GKJof5cT0BAiG6rtAVJ7gjSvwIhfmLi\nyeQkt+KGUFf7jW0/gqET9jl388GXt/VW5GyrfoWi3nfPWBy/hlrcilRIFm4h\nH2xIciV7kpFwsY0iDz1GZ3witai3wYYBfYH0mWEXsoBph/MuRO2BMmPm12q4\npg6wWRK0U7O0OL0i8wSiQNPTwmICSkHtT5wucS7f5maSpWiPVP+X9lie1Kv9\nMvLs81TdRKT1+2Eezb7fnV8hyvyAONrGNIOeNSmoo3syeujKPlr3MOT0KYIR\njG+7VYkm8jHoNgJNaYp7+XkgBVlcmmYF+M2ceqxLeYySMgzM1Xylcg3ZNqfc\nofzf\r\n=15iI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"edfdb55487a31cd5f5130aad32b3fa8f369e6d0b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.0f60323a8.0_1602191342528_0.6865360070199287","host":"s3://npm-registry-packages"}},"8.0.0-canary.d71622574.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.d71622574.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.d71622574.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c49311a24b7cc015b11c46da40b8c3b4fd0e002e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.d71622574.0.tgz","fileCount":12,"integrity":"sha512-0n+VBnGsFDoaScXiSt351tumtnMOTh2/lS+RylpAHkrR08gvhVxru98QBYXKXwdhwYb8EK8tEmyq4dzvHaGU6Q==","signatures":[{"sig":"MEUCIQDX55H21mm4oPMIj7oDxrUnxYrTgop93/1cyY2D4AiG9AIgPFM1RtOxQh2dkkq6LRnx2Zn/5UUyWVx9RZLOxkGYBLA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgJAnCRA9TVsSAnZWagAAPeMP/RiUAH4NskLDxAenJBN3\nMdmslDTkC671mymhE7a7LY/6xGiMw427hasdNWorTByVzQRB7BdgHL3+CRHh\nCoRRKjAd5whRLrv06LPYV4wx4On2sqduZIcpOq1yfwGsg1ee+XR5+phtPOOH\n+7ErMgLgOFG8KBprMH0B7OHKYSYThZQsoMmSwVJQaN/ZmLJL565x/YvCO/2X\nA9XRtF0UBY1Iy5v8UN8Wp3u6lVc7vG6Dz3x0NbGHE0zijGlFcHYGtzhdxZau\nu57wdbEzBSbTzF9o92gu9AyXs7Ayj1twsFG/9VDVMNAQ0WQr52nKVBHkiMN1\n/d+HSFwQ564G1jsmWqymJ+hrwBIqnQCkX4nphx2MI8QsxSaA6vioQHcLBZ7y\n8KAmjDc+uqEOGzhWcGUGf2x3cpnBJp4wr0d6mdBjQJRCF9jVl+uun4kg82ME\n2Il/phgaexhpSjmDxMS9uTzwsVjw61oos7EPMB/cOaQ79gkKQkZCZpol7k5o\nX7r57uIir0YvBpoiir7y6BKoGMFw0VV8hWcmyvmbA/PuyJELTX7Niezxf/XK\njDMZY6CUeUoeypaFi/3e+bnMmOqAu7jZBx7b5uqDy8ynBzvSR01Vgzdd3Ji+\n1hfT8xqjtk43Rsc8tpwbO26m42aNbxb+hph/vlmwLLHaVbSX95AoztHLpk41\n4pQb\r\n=Jhse\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"19a45f4824305f22d61cbf9deea0fef067dea3e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.d71622574.0_1602261030922_0.9548234671324811","host":"s3://npm-registry-packages"}},"8.0.0-canary.7a9afaf4b.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.7a9afaf4b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.7a9afaf4b.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ce51ce6e89d42204542b9619e78b82152954f83","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.7a9afaf4b.0.tgz","fileCount":12,"integrity":"sha512-uKoE/wr6bVQc2SGyBWYe86Zv5ltPHOCQgVly2p2Cukj5qtKCzPGqMr71n+/Xny6d6gNZQ2KMO0RVXgAHETagmg==","signatures":[{"sig":"MEUCIQDO3eKhmv3+wbffxsWZ84YYc+60tQhzLAkfscxkFVylWgIgcPqxOj8E5tHlt8v4dwqXzRleFpVKisxvnrNvnJUdit4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgOm9CRA9TVsSAnZWagAA34AQAKSyhHNjAd2OaxSlBdOf\nXc0En7R/plIe1wmlD8bgFXY91QJiV5hkJxLUQ9PmO4B2kJ9pYJhEskifas7t\n2QA2wn5AmY5GXcUE3b/5U71eLREvoeb3Mu1AKdn6uT58JcpDuIbufbzQcBa+\n03MZap4vPnvxO3Sy6LjG8gvMCDjpKxmYX7Y4TrTldT2AajoiIX8qyeQ67pNz\nqKrUhDlkzYDyoo/lgVNqDdvvghcnfg/qZm2pqQuUYCF6st4ThTyAzURxV9AJ\nHck17YkDN4t0rHU/E/WiNfJXmOumekzw5ng1dlLLpWRny2V2qZcX9btF2X6m\n2aC9JPu5cpBgvcM0qVBgyPZ3cu4nruQux4LPukXwbDPyZmoTzD0pVE9hhmnl\n8qtwLCI3phzPTse/Ci8SuIXBwJKVx6n7LzBwVkZWS8+dllu+8pPSRkwdgf6d\ndtQQIFlJoAdoCKprSN6kxXFdeV3d2cFJko+NvdbL0TBlMmnSOlO+u9tj4NTk\ngARnAcyDou0Ue/s6de+hZx4ywxyshG3u1lVtPajpxHIY3yGWPkcHm4btahdK\naMRYtFESd00YtnWEOM5LpZLjVUYtCYqQhfJ53MDiYdAk8KdWP9habhnS7C0w\nrIdzpg++eCDVDujIyp6OJGJzJt0xq/2ruBEtMBefoaqilX0n/3lqxPc8jY8w\nhlgG\r\n=kRDn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"137d6fb8ed93c50312981c75fb37199ad460dcf2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.7a9afaf4b.0_1602283965469_0.8540141594423318","host":"s3://npm-registry-packages"}},"8.0.0-canary.8a39352c8.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.8a39352c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.8a39352c8.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3916ff45cb8d89c13436ce34cc5b91262f97751","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.8a39352c8.0.tgz","fileCount":12,"integrity":"sha512-WUAvldzYUm0wp1fD8lLrzhtgL/MvQUdRmb2rOC03ZDjc83m1D8OA4o80rwS1iYbRWSmoDY8cQ9lemKP9Qh1wTw==","signatures":[{"sig":"MEUCIBEkVokTy1tbd4soF4qizXPvDtCoUDCyzU8kco/drhZ/AiEAiMNtCGA6pF/Ke8iVHjqmHKfHGAiuJX+eVn7+n48aaUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhJY2CRA9TVsSAnZWagAAUR8P/AtjEYTIGtle8bev/a4M\nGfVfYULkKwrWDNqYbKI2m8k7NB7kAxvl2hoHorw5hK9MwTVq3GH9Ld0Y0dRf\n5zoWZBiZjOXqb+nPZM9Bq714jzO4zVCnJ9nRK54wpc5xU/jXoiC9xsfFeod0\nOG6SNZxBzTlqDetHhM/iSD1USGSMCkwNB6KIf7b5YK/+F78XDn2soTO8zpXe\nZ4WQ2xXSDZw8klDg/wP7nTkTdau1b6kB6cvUA4PoC5LWkV4yqPqpKNl32cNs\ngcZvcnjEMW0Tq0lnqYyHxEuv0fs4TandFe5EECePSQS5LKEXGjEsdzgNEkrt\nbaqty7dmEnFGX4qh25ln38j40WCAQaF5jaLsXVvKbUqdQ9v8hujbB1RBzQI8\nFzQBGCH84fPEqg8I3CAeFFRFp9u3uTagi2uGtuBHXayiLTaoQCVHCAW/aLRy\nmAAQjmvLL2UVoGQDS88IJ61jWwXds//+QB9aEzSfeiSAgoc25W+/kgeDq5fI\ng7WsSVgUbfv1OFkhJitDwrsGyiFxP9W1pvbdU6+ARq/8l+hjlCu3r2ujJAOR\nokNGnMMSauKkx6OtKcu5pphm2jkJks7Bo1hxb3ZQtXvKIZXp8meW9FLyCPNb\nr8vtaB327bn/yZZb06z1xEFRXwvk+16XYiAPHl1YhUhb0qqeO1CG+hiQNsjt\n+HG+\r\n=tGtu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cedb8cd906516b8d460c813039351e951b960c50","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.8a39352c8.0_1602524726222_0.28717510266665003","host":"s3://npm-registry-packages"}},"8.0.0-canary.790ca85fd.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.790ca85fd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.790ca85fd.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4802281b75f6701bda714f59ec63ca5dae650477","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.790ca85fd.0.tgz","fileCount":12,"integrity":"sha512-oy+P527rkt03dojfygvnMX8b3MGaZArYdaYm+zYLtnzQYYX+qP9Y1URjsIB3eQTXs97ZRwJSA5WCqo6y6qSkcA==","signatures":[{"sig":"MEQCIG9+66/IieNt24QZZfYcG1ypi+tVFpHlsys1fmlOxc1hAiBqO2VrmOZrMon2V1Vchi8lE1SXS0XIODXRRPbbkDxynA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhNDhCRA9TVsSAnZWagAABvUQAJjOrl8+vWydENmHxUDz\nUU4PJr+q8QRvfk+sJ969HCuAu21tw5sKUaiU5Pwq2jY1HuXgMJdGluohb684\nMjpw70PAn+xK3S/96+OTsunvZ0dg6/ZewEfr1S3iPpWVFqaIiiDhER2Fm8cj\nMJoSNXv/i9CRuMFm0BbZDEuM4UrUWypXkf4CpOnL//FZlmIiEvNuChCGKxLB\n9xvkfGSgP1hh7ug/y8euGjjOwzi8CL41cArypKuZflp25kXMxQRhpmEeRzkv\nvrWlrXCRsY0LRjtz051Yx+4G4wwH4jGN24ZKqfi43q5SIW57A1k7om6MU0oS\nbh6QuqjOI30zHZmmUH/1KphrUrg68yl/ZvlKE7ErpqlrShKs/XwmSMolNaT0\nZUpXwnTzUNVqejjKSAOSKovHxuQ6Axj5J7r2my8exCe8/iZXo3eY5onq3eQc\nVr8b9agPQDsmZWS2CnvSDatEKGVWE4ohUdvhJF8C4H9jOK9rbRV5JzwlK1J/\nl71Lk8evxQAh20yPlo8RBQCNvPdZyA6vMSXpDmNP/5WGfdntLhYyhnLlRIlS\nXJd4bkU2CyJylCNDXJ9qjcOA4SCg5Pmn9IHLoKqaKgrVSGqPwAUnU2qfUPWz\n3SJcbMqY1u/tfmfB7d20YZ8ij9FG8EFCwWyI2os4iEB5BH1F8Oj/4slF9Qcy\n5Nmm\r\n=jP7j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8971e891898c4a8ca082beda756a7b93097f858e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.790ca85fd.0_1602539744661_0.9204696597157238","host":"s3://npm-registry-packages"}},"8.0.0-canary.174c0becf.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.174c0becf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.174c0becf.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8975af42d257bee23e893017125d94446102d3c8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.174c0becf.0.tgz","fileCount":12,"integrity":"sha512-FW+fKdFkYZN90gYhTZrxJAqh4jTkAMCDXgUn71Ao6A5kblAzYI+mIuJcHRSX7Svh1KzMicz8PP31+oD3zD5I4A==","signatures":[{"sig":"MEUCIQC0PdKAo8+fJ77h5Ma3m3/XJUIP1yfAyp4bCFW5Fk1dRgIgeiQllLEnvpdnQs1aBNRvqf9RjHyTYaTo+457Mog1/lc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhl8bCRA9TVsSAnZWagAAMbYP/3/C+Wukx+E+hRB1OifM\n2PkY+YvbxLAwjBpdwo+ciKAKv4sdH5q2DGSXeCqSUttmCiW4NAZUQ1TOp9iH\nX005dSZ5zVlEiYJJvFL1R053ievlGNKL+SH0B7Av1MTzWu3d1VSQR2C10+mW\n6djELVqHK7BRYqm33d3xXm77/X27dWjzra6QMp9tEIqk9UB7eIEPIbvIEQMe\naFBX6jal8BQtnqbDqI/1ZAln572q40bSOwBDL64dnTmhjddGflkUAyZW7Ez9\nVOOXv1yGQ1qnMcpH4RPQnfXOy6AFyHINzoniHCXQ5VLz5H72ftZ9k+MRt8zq\nbwa0Omwu2iWRbjfAvAAp3IGT+8L0eY3pVz8YBzDUwEtByocXfyPJ9jAmUOpY\ntPFIWfbJvvOEA18cwaPxsLRRvjYQiN21Jo0WOol2sCL3eLnDGV4kafJtMpI9\ngcPQB0582kiKW3YG4hP7JVVEZOjN0WYO6u9Ry8IqO8PwIdaxLDheA6uGIsEr\ngkIPOZ4WyG2jySSB9412NgjJyNhVy97re+LtNVbgGdmSekxKZl0uUgXaeXIv\nBIWBcjXeGB+ck05b/8drAM154mEf9mvymUrIDqZs92ThBMG7wGaWNTk+AjBo\nrRakDjcwOihnlcJ37LUIb+d4Win4O/ZKsFoPIMEVEy6oGquV9kw22FlwXvbF\ny9SB\r\n=LVke\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6dc7561b8695889178b3e884e84f5d9c3d59e100","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.174c0becf.0_1602641690774_0.1302051219424436","host":"s3://npm-registry-packages"}},"8.0.0-canary.c71ebfa02.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c71ebfa02.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c71ebfa02.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6a469d9581eb218b044191ae51f44f5c08614ce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c71ebfa02.0.tgz","fileCount":12,"integrity":"sha512-J/DGiiQp37ftEcISUzXqIy0Zafs/Ymng62RkPW4MYGts3+3dGW/dizD05oe+q2gylbsqz+fxuNImg2lkjrd14g==","signatures":[{"sig":"MEQCIH7GdeaWVOshdn6Fay2XCMV2QcRFGJEUlZi5yEfN8aRCAiBE17aXhpxSElR/c2BQvwI42kBHaL8IsArv+aoUru3brA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhnucCRA9TVsSAnZWagAAOnAP+wa7/Bgt68Vm8blrbuP0\nrvWKUMU8lTABsz2o896Li07s3lTemUmGdpBGjy0dV8m5NNU0oOIvV5pvIk1B\nSyemHNwpFAC0zu15s3FVgRdx3ZIO4Zgvu1D6eTuUrDniLqB4QI6ZKhsH9U9I\nJctfmR4iweNV2tvnyxAY/UuSi+2VWznQtdZZF9ww3ZzlH/6nFSN799Zo1vQw\n6xe0YLLvGALZlIVE2IsGIazVsOYqBBWCADIX2iNgjAhiUsU2Q22DaLI1meM3\nkKVRJGX2JuD/YzUTI3jJL5SnVYMwewQ5ArLUris180xbxt7F9BHIP5apl/n1\nfWwusDec+zz4tHPbRTgnCuYD0QmYKmlVvPYuFYuL/oDmFB4faHXcIkE3sYCD\nUIIjc7kY/1WEZEbO/5Hb2dX7xL6x1FoQa7PShmbux8r/LAbBPyDJbkLqs134\nD+5X+a2/GN5YqKW7axDEtK5zgB8HpiDxc05PdmwO3K8zGhuGv/yHQ8awAJOn\nVf4lWdAZsbKHx7KO+qq7sCPB3DGwYN5PFPjOvvQjN33QOudbAcOm5DnKG3CS\nazGZezEJxksXj9Zzw8Q4JJ/9KeTEOmO/w4lKmbxl5PzDaAG/ojuX1ogPL40A\nNFK4GCVzJwa83ewzcSMt41c2qFw7yhMBbcd7ozqF1IQppOryd5+1KoR/VTKU\nZkjX\r\n=afab\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d1158a184d234471c81501e838b409c54f591268","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c71ebfa02.0_1602648988304_0.0654799205069212","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ab716cbd.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.2ab716cbd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.2ab716cbd.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e14bc74424fc42eaf72c0242f5a8b46fb1167b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.2ab716cbd.0.tgz","fileCount":12,"integrity":"sha512-9Sy76F0vg+e6DP9VGF/9QaJh6FPp/Dn7LXiz61ArOMJAgyWL5b2xacZwbXJz8a35EP7Tpy39yVqsLHQplEyaew==","signatures":[{"sig":"MEYCIQCtkrF+gdELdIHYKUBli8256rAi2ZhqXBgeKms05HW/ZQIhAPzfMOV1qnsFAl7m69YiXpkSOvgjKFljXLWX8yz4R2at","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONJCRA9TVsSAnZWagAAynYP/1VWWooZbK4t43Ni5anJ\n4Fb0b7Ow+s4PFYVdaObLtzmxW4Iz8jGlahGZQoQEmPfgrdzSLh/BKunIkmLg\nbY8yA/nA0z71O0rq+Zf6lLGpB6NXJq4ySgjKs94Yl9ATirK2l12LIjUX8yxO\nXE+9Auw2OTAmqd1FpLx8ai3iBQ/+UqzfB84M5M1+HyNWqd4FCMIgCb6wDbPg\nXC5OLFInpxM9bz4vcyajRM5BQuaiGNVetVojQnOANWdlqlXQOL6HIOD+iC/+\nsnp7lv4irY6LSV+VhZsoTKS/Zix8SMq0nKV1z1r+9MDposENkdstps65b7vx\nHymro13RRhqvW86pyoBEqMVt6QYcgTfJyj2v4hWbEbLowOr0OD7v3vRnm0Xj\npzfR2H8JaoTtC5ha/2/uYda0YAYXvX8O6NsUCaE8wLQIPnVDvcb27VDCZExt\ndf/qCj6Iq+lx5Vh2bBQIxZI4DkRxGAKpBpNs5PKT0gaNZR+fugK/cikDp3zO\nsK6A5LKvr/THhUIM0kYcQ2VwEPG+WiA94eCdNA5n2iFs30oL2HJ3imIAi7Aq\nFYm95cQKekkX7SEjFFM/DFoGvFcj3ahGGTSK32RqbJ8v21Ui8bVmvfHUsKI4\nf+qSeuydpWWy+oxpGYHnB4jR9FW3DgL9dIBHTUAMcdXamlpHWLNH4sW+eSPo\nGq+s\r\n=aeop\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a3f41127e9d90f7e393ee6fa5e01829e52160131","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.2ab716cbd.0_1602806600612_0.1705550443828321","host":"s3://npm-registry-packages"}},"8.0.0-canary.43c1c5e2f.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.43c1c5e2f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.43c1c5e2f.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd4d18cce6ef8becf65c5ef16f63ea53bde7eafe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.43c1c5e2f.0.tgz","fileCount":12,"integrity":"sha512-O41AlebDpzNXSkXmbR5QmZhBNrs3eDVyttAk8/TtD7D7meFK2AGLgKFT3fuzhO68s9Sax5B4ytvaaoy17cTt6w==","signatures":[{"sig":"MEYCIQDk0VF80NqQR1+qoLAhj+BWyWA617O+JusISTF9FmYVtwIhAOwgsmwY+dNsU5T+wrSgfNVgdk9pBSAmXguTwuGlz/ef","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjZ2NCRA9TVsSAnZWagAAo2IQAJOL/3EWd35Fh2QAlzfp\nxnOLNFM2bk03g9nFROhUX6wXx16L74YhYATzFeyr0VZ9EU8NdZsnWhBkrEYw\nWjnD1JRbqHZ/CbYy4Yx+4tCaQGvTVIyCXu9wstfz1GXfWwUn85IabzcZEpk/\nIEU2lxNY1meXbiOIAfH50hEE+WnhYbHLMA8LgV+MGTYkP/BYKRF//8MfYZN/\nJKTnb/jCx17QOv/N8qV+gRrUdZfhte996gkLP0HRDSiE/B32mdhDihiJejNH\nSjcQz8HBELSq3isH87fd+7mVMooUg/XClAZemkdYqR3I7t9ejJDdWonlvMai\nhUUK19/yeXYbmcGe7PuTln0vE+Myh2aGfC/jRSnYviJRwceVcv0cBtQo1gKw\nMRFFq5Jc3Al1zzSHe+hC8wUZqvxLECQ88M2jZgcEXezGfOw4w4ChXpl/3ABt\nUbGH7017d8CV8XFA6rgSs3IYA2SioTBLFMzfzv2DaP/skj8TkoY9uAIqX5/j\nephQsAprWUYkxdzvE26404jET2e6Elp7vCH3L42SympT6219gwfnJtwD1j/k\nZybym1CsKuV4hUtubjeTcP6xK4RPeQClF7ZuoYZVRp0fTGM8gmVOt6/wtpAY\nh+0PaWXkpQHGRZiWPasXhy5r/bnCf9QqrJB7J3N311NwqBBiO2p2e3sop6DU\nYDdI\r\n=I2BJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bae89543d5336b4583fd1519cb63078d2a5c39f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.43c1c5e2f.0_1603116428565_0.8397754450402204","host":"s3://npm-registry-packages"}},"8.0.0-canary.ccc64eea3.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.ccc64eea3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.ccc64eea3.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1dc5d7bb4820570880a51c3d0830330c9bc93985","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.ccc64eea3.0.tgz","fileCount":12,"integrity":"sha512-W73XMXIjlMKihWQ427FmSCGCdVCdBnsULMZ2VTmt/1lY/L5ny7F6z2Yx/e4t7nD5xv9zsUS2lrvyp3DDH0k2dg==","signatures":[{"sig":"MEQCIAn+sDFOQPOVfnBoQV/uZXYqMMhQJVORCt1VOg9Cg5FtAiApD6651qzC7LBNcUCw4lKDOmmDtYHhpXPWxN6bqvRECA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl1K5CRA9TVsSAnZWagAAavAQAJqLwhr6jFo0cjEoWBvM\nLffceDNSaQNPJjW5D8/9LXAQkI2RbiiFdP3oXu7mjUz8O2p4KTxEU14QTTV5\nd35cktGM9yxgEXOO+MgSlMavvvN1qvM3f2C6IpPWYSbnOBiiHsnZmlWb9h+x\nRQBY81qRczqhVYwzhuQEq9YLzRV2SZDqtL22Kw/6+zUHhfwpipZIdWj9NEGv\nUHdnszlmzfWhVxE/1SmZcqpPDsRwbG9LpDtfqVWxHfny7V5cCDpWx2pxt/b6\nKz4TZQO8b5V6yEo7WMpBieshMwECmkZmbarddP0R6yvzCzFOLkODsqLfJjc/\nicWNb62jS0c2Bbjp8gtotrsoa21U+JLF34CdMlqM1UCZhoF6CDKujmquRAfw\nIyZaLXPDXdg4Nkeoh0y6PEDJpYsdXzxCXA5P7HGRJxMyytusX1W9jz7kxtFT\nWEmE7N/Poh/Sl7fmhOZNKK1FqImjn4mIB41ZkF1JYL9dxANXyc6+33ONeuit\n+iNFZj3c68W2l2U1fSDcczD6lX3IzAuGJSecWKc47RTogW475kdeNnGtXAPe\nY5P+9Uuphi/KPdsIo0mVtAILmdzVrhnONRNB/A76yVStK2NKQcTHx4qFpYbG\n7Nyqdf7448AhkhFShupi+JNus6S/5jBWNxcrBmVGf90ISOX7UoY2Wq90Hex2\ngQJF\r\n=8c/s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"26df299f75c86dada6da463cae5df1b0277d5c7f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.ccc64eea3.0_1603752632901_0.2169368142920396","host":"s3://npm-registry-packages"}},"8.0.0-canary.a79cdd019.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.a79cdd019.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.a79cdd019.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68f5d693fef3945af13570ecb38896d6fede207c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.a79cdd019.0.tgz","fileCount":12,"integrity":"sha512-i0RiEeU/u251kYMzqxuUV9M+KQEcFjRrmoRMd4eG3HvP3Ek4W3ljX5KqnCCr4UsCuMv7hCcBIq442J8wRMJZiQ==","signatures":[{"sig":"MEUCIEbNOe05TWAefUWTwght3cAVXzEso1/39d2+1xVMYS+zAiEAxLVyphO8HRq/FMY2LjdWlPYp3SLXr8RDOdzB2CJunhE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmEsWCRA9TVsSAnZWagAA/J8P/AxcyZhLGecMxRFUceuh\nD7V7pjcwbS5LwBO+nyhS+kz5oF1Zo4cY7nJ+JqeEbbb1JSI+Zq6VZ2bO4lLF\n2n2nbKiyUY55fYSeA74WN+gw5AceH5q0WdEEnfPYwqkxow06sBaOMLGw2Zfb\n43MKve4GDj1M4dkgGVSEyatgQ93GPPVpjOVXb2E3TjO4aEWbkKFkcz/M7B5N\nEr4YzM7F/4IpSEbN3V5xH4FwWMhsoX03xczAosmQtfA1/nmNggLQzMJruJPj\nl8sK3GZls6DdHyuOxMA1VVNszLX/acyPYhVtv+XdagJSnhDPwQUzeKvTv7as\nAustM1otFNuv7aWPlD89W5yOO4i9peYhc/7l2fW67lT0mmxhYUT70YJ9Tsx+\n0Gxeo2Vmg0t02G6fiTD5dYmIwbDzb/81OfLNP5YxgtwlgFCAcHIx55BZREqo\nKIA0zS3GTivjx37G/3W6TQWgh4/WIAsdYqVw2ak7BZFHpVy11yjt+ruQ+siT\n8Y/kAEihPhANZcH5HSHmYHPJz212yR4su0vanhaJycHV7u5nbvsEY/kmyq2X\nLjLQUDNIrB4ksbBt38+8DX2Bsgs8nAp3b8GxV7DpMZB5beuNjhbzEMDrNVpI\nkt/WLyQXuV3BQHfw2nIRjZxcHCIu6tqhBIvp++BIzqaDXHYg8yUyNgw9e3PU\nuraV\r\n=e6rT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c54ccf71e4018e84948fec32678595d974f80c67","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.a79cdd019.0_1603816214040_0.21205669664972016","host":"s3://npm-registry-packages"}},"8.0.0-canary.596e98424.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.596e98424.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.596e98424.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19091d0d60a8a6880fff5d27d05541d2da1e4205","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.596e98424.0.tgz","fileCount":12,"integrity":"sha512-yJP/IbO0jhZNIIOoUlIWKSwRoorqMa7PjcYpOD95BFjodmHFdD1VgUYlkVob0AHLEbOUAM2FCrZMHr+U25uF2w==","signatures":[{"sig":"MEUCIQDdJBHLI2JUhS8GtHtNWv5/gkHJ/Qo9gfIx7V5CsSGhKAIgYqM8nvZBFRHDBgMmfyE8GeeZepFMQyNoMa233C/xipA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZYXCRA9TVsSAnZWagAAfMoP/RYKItvcmf8EMZHZehBo\nbks7cWf18RZiwoWhNMJKlYmnEaYkWbGhqJ69W4CDyTr0t6azrFPp9yU0BaJ8\ngZsR0lTMuh6of2ha3whoTbyRe4LDWI9EyFP2TY6p89Gq+LCJZbESViTV6+/4\nepZ0fH+ZJpTolyvFwh+K+SB0K1GwNDlCh2SXuVN70asU5XBV1LvuK39x9EOo\nGRGX3p50MBldWeHUTRm1/ZR9Wd187cO90NJ9jR5c1+a6tgoyBZfGkvKgQrOD\nW5t70yt8LhrUxdfJeue/OqoH4xqusfCrJg6H5DTIzpvORV6wrCF5zJxQNhcI\n/gGRRxFm9MRwpkd5q3UIMrbg2xNykw6hpUzKCF6VULbxivzecloj1K76Kn38\nCCEPXEgjMia76l2A6nzkkE9G6lZh3BjFzAFOA+CCnWC5Esmaf8+rs4+dAhNs\nZKN7o5mdvcXH8DI2ElFixw9jYKwl55gnXkpPRb+NF5o0X/oJZ+LOTGK72/MM\n93dvMr88iKzNoxGZb1vLzgGM0mdR/uIlSj1sXZ3/m4efQQSDfJHpd3idKi1U\nYm2LIGNK009MotKxGj3EalFFoDUbcRmki9KgXBdAMSGlpeKKtxJv2HA6LDTX\nCqiZpybDf2JeNQOjfTfCTi2/pPaP4fIe9oSD/XGxNlUdxt5zvIJYPtGsWrDT\nhyb1\r\n=fcK5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8fdc1f444b4540a876847c7c3fb4a934e75fee2c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.596e98424.0_1603900950434_0.35011759984508073","host":"s3://npm-registry-packages"}},"8.0.0-canary.05d5facc2.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.05d5facc2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.05d5facc2.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7df3ba27e5f0f4d643fe8343927a373c40f49f37","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.05d5facc2.0.tgz","fileCount":12,"integrity":"sha512-IpYM9jCPPEOKzguQMNG9xPFgdEbNGoxBRwfIy8FphLeFhAj21s7DrecHQcJ5yv/fyLUfnJyo2Cxo0Q56LSIkfQ==","signatures":[{"sig":"MEUCIQDwM4snKNLWT5zUTAO2v6kRABsksbwdJbe/oYOb4ZwhUwIgLo59cEeM1RMz01L5nfPKH4urTAAinbKr4DAljCOavQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZgQCRA9TVsSAnZWagAA80EP/1Ca5AJEp94AO7e6jl8v\nXLtWWNnzH90g2NlHj0N1WWZLx6O1aQiYFdy7karXAI6mFk8kNKTLJKpNPnOF\nyNuixsfVMS3awx0wmlZujINkIubKpywXmDeXiCODiUKrpi9XMAAOhFFckDqG\nK6qSG0RZ2H85L2qyk30LlUghk28hOHSQxHkFubMysBoU9XGb23g7t5ilnNH3\niYjmpRQkz3EZ0NRUDzmo9y9XTWLJIfL0HrpKt9txnR3aG2ljzEo8Q3wXmjxB\nx3os+miIeRfm1sam+o5l/gu4WVcQDfpmk5CqhTikBr4Zft6FbsD8/cdtRP2m\nuL+LDuN5Bs30xLVicPa3fILdyEurCDkWdWIHgGlVT/B+SmKQPOUa3TqOJISO\nUz4qPOpK/W46AJ8X2g31Krut0rjMofSzKS/IR/cFQrLeUCaUxE920SfUVuuC\n3mGrLNB6RGKNQ+MzNPS/X25EX8bDnjq/MLpyKad7u9UiUQ8wBh/RDRBh5OHz\nz8u3FrUlukrJAEOib/Jw3NopZYDsvvSl6w2sM9EFfQbHrZVTEsN700gZm0bT\ntmcCGf+OZa8jBAz+LjQzlryeLVuH+ZIydqP1P66pgw1O23SK8N3ZKJSW55g6\nhpBVLkNMFicyQThVD3UPrYw+dGHUG/tc9ZQ/P2Edmp82+qXOCOObjaexXfNo\nzcby\r\n=GUTf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"db17092b19dabd6628edec5bf226f0b6a48e4f95","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.05d5facc2.0_1603901456156_0.5079476752193399","host":"s3://npm-registry-packages"}},"8.0.0-canary.291b3553d.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.291b3553d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.291b3553d.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23309ed3df467f2bd667ca78c48115e958fb5417","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.291b3553d.0.tgz","fileCount":12,"integrity":"sha512-kDSAfqT8I1bwKGLWt9NlCjYj5iYY22Trcry2H+jbr9PhLMKjiMo6hF/oE05G/C91TWlnBnqHUyF04ql2vQj4tA==","signatures":[{"sig":"MEUCIQDhhzuTntIlsF/l9qPEoLkQRsb4iTseD7yTDZZ+aTI0IAIgCHUoFUW+E4YCKMZHKKTEPhYQShc6S8mh4MUT4ubLAPA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfma3cCRA9TVsSAnZWagAAmsoP/iw+ggkSL3OHEOROJ/9e\nCQ5YW2ekNg2eCDbCaG+Qcb/jjvYXhX9icQNk4H7/J6z1mKEzDy4Oaj2hLNEc\nwX0c2gkC00uYlRbql1ly1qZTAuDm2dVUNbQOZrX7bIyXzMpDvY+jwB0IeKGh\nEpOzpxQo6TIUPSF8DkmGsqzo30fwPcguz8DTFqSmjm0obWxrnp4jEpqjSYXI\nfpRBY5UF3sl3KOhM/CaYIf667B1EuHYB3q+UCPMfG4uzg3U+n9pfMMHFRWpq\n7nyihVIKq+7S3BOVrKRqS4cVq5ivKKsf2elIcy/oZQdgMXWF6yauZEwSRd01\nQm46muuP76En/Tv8uoqt6a6avS2nsv1uIvqDEAMB84NoSNOW233/kQLIVifV\nhasYLqMVmdVBWnt5GSPEL3gm6A8lVlC9mg63kFvLLDG+Uehi5ATGhUewMcd8\nBp3Knd38pGbUUVhnKuz9dZIUrPpON9T5piyy9zAsxCS9PyDw282rzTocF6ay\nsw2zIcLKr+f5WILKxxT9xVpfhkKY6OjGB1uUuN0iz0g/EViAnephgOmATJiP\nT+WY6XGptIpWntWfq1b3x3Ud3HmlWoyoP0d+eoqGxPk0upBH9n5sO4kkd0vF\nnFJcsOn97QmN5Ugv/MnlZ3O4+AYyW8e3yuPbWCXZpEBpVY2mZpeoen12d1vp\nRm1v\r\n=hwJs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bbd141e6c5168a84cdf50ef1302c9f705f0eb283","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.291b3553d.0_1603907035853_0.10199310851139587","host":"s3://npm-registry-packages"}},"8.0.0-canary.dbc449b09.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.dbc449b09.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.dbc449b09.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"306b8da028572372d318b531a30ef03ba494494b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.dbc449b09.0.tgz","fileCount":12,"integrity":"sha512-I1tNk0pdPnn68Ox6fopbnChn4putKmvD+Qp1mz/OtQmTIYjbaXmAri7AOgAUa4yHMt0o6mZrApJ+YweoDHPDqw==","signatures":[{"sig":"MEYCIQCiTZBN9HCvoFop/CY7I5V5YVtCFIZujkOyRFq4lMr9TAIhAKYEuwjKs2SNzYp5QNZKekSecrDaN3nhHgNzfO31xqMi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbRdCRA9TVsSAnZWagAAy3kP/RVgasgRGM7eaJWoE1Dy\n62INz9Rd0YbXIR9FKYS3cR8PKBmbzF6putzD1wkZQCJTkrDVCQWOunQhuLGH\nZo+gXDx6ToH1rimTcWOs+OcvtopqTxk492dElPRMBWUVoNgiGxfh3A/qddmD\nxs29oAruxMOlQ8kriCcAkxqePAPs8UC8fRYGObuokdWKY5jFcHDosB+tXumh\nH/bbYIyCjVimNc9EMvEueiiCiGCwX9MwbVdpypvcQbpe9JEfw9VdqZlqj+20\nX238qj3IWdZMb7RuRVOJ9xehbLgpWW07srwHGPjGqCIEXpu7sriSBBy02hPw\n+k2LYfwywPANmLsapPFw/kmPSZqWMkjJTjo8HN3z9EvLEE+05cYP3DxMrFOs\nxRDfi9vM+DvlL/r8o8M+NTqDni4mYMaOXA6lFY8BzYpjxA39v9H8+6a9xygM\n7k5VXZUrZb8fcEvQqg2atpt7pAHD9ePnD5VFAVmEIhWYUfPz80JEJfmtYClx\nMlNtrdEI57MatKYSu0xGAN8i+45fKYnEBHU/ZlHFmOk/Ho242tLVAMK9IZvz\naD1YvUonni/NGvBd2CfUMO+jFbHzFg2uq4PIXhEdwKJ4DDZwioml8E9kH/vG\nO4xhhHfh1Rbej7v8jspatWwdRS76xIjJkeAsT9+7gPEOjmHmk4MeFOYmhMMp\n1xhS\r\n=7s64\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7888f3b13baccffea8b2b02ef5c25e264ae321e4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.dbc449b09.0_1603908700701_0.04585659350659399","host":"s3://npm-registry-packages"}},"8.0.0-canary.4794b25da.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.4794b25da.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.4794b25da.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f9a69389941ff871e9501ad96444c8a24de765a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.4794b25da.0.tgz","fileCount":12,"integrity":"sha512-EAZgWxMh4XIkw+IXGbBesaxN0QdeDAEPbsh8lYZpLnQXqeOjseyaWKirs8PZGzlqaJmXOQMLHEVSb3l0uVfWVg==","signatures":[{"sig":"MEYCIQCn34OhL4JpsKkP9f6Cpdki7kXR0Ay1c0NcS/OwYyz+4QIhAI3e9H9BPHhj3HHFAojiOGXAF6e17at6BUSbJ8zG2wQw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbsSCRA9TVsSAnZWagAAj24P/jEm0BgDoQEj53T2zUV5\n1mTXFm4BSzfFC1fKhRevnkvOM/OYD8K4Ewp8TIMWd8PUbGo+QjLeltvtyqE5\n2G6nqhrScYnEy0eI3Pjufx/2IHKWVIohqoZZBAPIYG4qnUN3pjSWhBVeRMrY\nFLcgSjRnRUi7N4dbG7PFIkzDVrLXhbL1Y/M3DKvf+rD0G02X7Ntpf5Jnacdr\n1Rfvh4Z37mLu6F52FlH8FHBSD/Eo3lP7Ue45vJ5bL2M97yy/DRMTzQ5YrqiH\nHumhP84qhF7EIgf5rRes0Mdwjilg08Vmm7Sg9YGmSOJIMsuK7eGigVKV3LBL\nzp7ZViGvB/RWROtBDVWRfBm7MCdMBGsd0ncA9vTOrTXPH9XBm3L0qKiSA8/L\n+AquZ5PSmL/HvXaI6m0sx0CYlh12OsEgGN9o9XiUYPCSdqOe8ap9hCVoNkfG\nk/+BbSly5EiF2GdNlNh4XWwGHJCuXOqOgco2yuBAjeG2goENPJeET4HIXwl/\nJ5+4lkS2A3PS2vfwZf7blndxjQHvt2BCNc4+pBZnvVRyDXv9dIZM5xR3umNG\neNQNfOaeqWCUxilQmtQ6oIuFNl5S00ZG6ONvgUh+JJ5CtrdS6PpsotM18Q0a\nn0Nmp8IcqQ/fEOXS3/5qJgxfQNxseEgNyiLYRMslYF/wGI9CT6UwEo9niLAj\n/7aJ\r\n=uydy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0c2eec6be7b76adae9376847043bcde093f59d3d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.4794b25da.0_1603910418103_0.18532604288925536","host":"s3://npm-registry-packages"}},"8.0.0-canary.c61db90a5.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.c61db90a5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.c61db90a5.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15a606ffa381f0a5854965b13521813544d5fa7b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.c61db90a5.0.tgz","fileCount":12,"integrity":"sha512-Jw5BwtiSLmZGjAL8QWALxGaVXl5TG+kVR1JTrtkkQruBMwzdXEHETcziGsKUftPGNCg7NOFvn/KMJKAUE6Ryvw==","signatures":[{"sig":"MEYCIQCLh1bMdvpwUcHx6/aeciTOCiSW2emHIMM3YwA1gX4nBgIhAKhp5Vr+jV+m1GX0hH6Exp3qaQxlf093TKd/zvPeEQ9F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmb9aCRA9TVsSAnZWagAAZhcP/itCY9wdyDHjAhazuRk4\nAOJvU4s+ZI5i4HJeb6b+zx7y+KcTX/O3aOPMO18olyrvToxQeyZGQ1XOWpjA\nGuA9GfqmAPXpDF5wBZNZiVafg2MVq98u96urSSPKVTR6PkuUl+gEhnX/hU0m\nMiOdJnu3hFT0ug0nvXI9gWoCST3EyEZvZ/yKSB/jOxnVV0kOWGYRucjQaoiK\naz9fV8Ih1oUqlE2/HrcGW83uldR4V9StXY80PepTebzLKRCxVaGk0kNcI6Si\nqjUM9XHoGTFzuISwsN4zrdUq8rhOWnNtwXzgqGOjElEQK3WjjzfIJAjJq3mn\nv43qOiv2zaM2RXRE4698G8wDO14a5P3XvopsAtSbFoDZgX1TLgrd4ghpofaZ\nSYzM8g5NRPyusYtV29EUgB4cdkvLvapb1TSbSdOK3T6MGQXB6KjvqQTDfxK/\nfIVD5hjUgXeQs+qBIkwsQSkyTncpLMgDZlFKAl6djbV1fgIQKKemVHx0GQVF\nETr17o+OIsk8NDhYIqJZporZsako/y3i5sP9sk9MQhZWJSQo/utcZMdG7uuG\nSSC+D4V9U6+jTlat+PsrJetXxY2iEiw6+pRuLrF2VgzQOEI5XM3844ZtPFe9\nTV8nu6It89csJofcxxSneUfVQyW7c1qZva6JpQ6CGzQTWZtANH+Nt7jTzJ1V\nnY55\r\n=fpNo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"695570eb7478c283510b9174ac7c4911866e0868","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.c61db90a5.0_1603911514033_0.4697774711928753","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d9648ab2.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.6d9648ab2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.6d9648ab2.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e116123e4908acef5fff6f430986b250c2059ed2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.6d9648ab2.0.tgz","fileCount":12,"integrity":"sha512-PVmh6sQfykhQgCy7ik3+ldyh5yR2RthBzO3zcXghb7ocC+lvtqPX5EJVvFeDKw8I7XnRnMupuIWkDBkJEUig5w==","signatures":[{"sig":"MEQCIC/kVQe3gGrdY1TVpkH73bh0RmoukXhZzHVyWzG7sJj8AiAED1SIg/3zvfjGmNNMgXGrVN4yp9woaXKN+rBOdG8sZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyahCRA9TVsSAnZWagAAM84P/3GKNN78VA91B4hyUw5E\nWHr7N9LRjvE3cuWbR/0QSaFI6OeZNjwIEDY6qSxYNNaf0UHvT6CfchwvTbFq\nHCCfm80p/f+PGh80NoJJme7fH9XFcjS0rcutGuYug6bP2iKiIyFGTTCEhyoA\nfmqDCd4eNJss1tpZbj4Bi6ey1GF2BC1CBLAdUg7QeSxQ9nLZFbAbqUQXp5go\n4n8XAd+ACS2NAyfJUu01bYCjGUMzCreGYRn0YxyWUMoF37TZdvlNuGEBLLuV\n+8Cij3PI7hJ9eHpMiEtZLpkW2lnExEwEe3SmM+F8O7miTamFCL0uWzSQdY8a\nfnq35Ctqi4ucOip4laMzJN1apXnNnNd6ufAHHm65KOIcPyeYMR0rm+Gu+E/L\nENxspC0vfj+eRis43AjQJNupRL2k7U82y9Lc82FXHYsrjG1e3OwBu7HsxeHZ\nGDTVUPvVxBZrzgBZgNP2A2AlhQVlhIuRPXgghTMMShZH/Cok3vYTVd4GKE6q\nE9ulzgVIdPk3hUmGgcEEtdpdkF9LwzgsE7M/tgSwD6lKXEeaZdZXR9pYBaHe\nNmcqw/phdI0QqTDhksqTnoF97FDIH199exKkc9avdAxV+FyzJbAWi6QY0XAE\nX1/NYsUOEPTZE4N+/BPghskMGVbpMyhVd4D9b/HjZKBQ9dnaalVO7AMvLqjK\nP/yJ\r\n=LIrB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5de6a39d4b70a98beb71cf8243a219f454b11aa3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.6d9648ab2.0_1604003489066_0.4605050457799482","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511c5254.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.5511c5254.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.5511c5254.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91a1816518def893f9af30ee8f9acdbf0a400703","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.5511c5254.0.tgz","fileCount":12,"integrity":"sha512-sBgm24PUipHSU2VBpJNfYc8wrGLJ+Sk302nRoWWNFqH6lIF5hj3KBNoigDCOZOumgVSoorkdvFJjGdKTDh5YoA==","signatures":[{"sig":"MEUCIFUIJKgNVyaQL6j5wJI34Wjl2QS4uf6RIuKyZT2Wz+0DAiEAogwMfiz30qpxuL6KDtHWDtBT7wusUMRxFOj3ZL4QL8E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnFR0CRA9TVsSAnZWagAATdIP/jSr7DQI6PP9ot3EhhJs\noPuJEyNW40kNiRu9Pg3agRsOkKmAjOy6iTHbvOOb6Zc8Gwmp09EY+OFDU0hg\nH+B1CauNFdTjKgeJt2t/KiP33FppKp9pF2lxw3e9m7m2dFQ5N1rb+nA27dF2\n3U4tj/ZjG6ZjmjbAfGjYT9xKvAlXRNgjuo0FxBYkxxh8tSNNQipb7rSid1tZ\nYns8jfXr2fJ4JxmXPKW+lddwe5DyRDcF8s5JobeAsX4wuaUDZ0wibegg/OgH\n/RBd9ziw73/N/orW5bGKSvZyKB/YCSZDoLDK4H5eDUGOuoqN/KPvvGhuMeOc\n/bpOeVGtZQbQxB4vsjs/4Wv0gEYdMpppwNIoK2LiOgS18jPMWxnBPUGTBx0H\nR78qyPF0sk4EW5BonNp+yE9KxoKtOwaw1DoKjXggOPuES67JwzAAmdTm2ngC\nOpd5uN/rOq1s54RubavFJ9iZAYASQ6icGSDftY7OmGz9ewSmfu0EHa+nGo57\nDtI3aIyOuHETmc1hzMJp8sRdqxLUN0q1gqBmoTLOKhTbq1/nojKZy48YDdct\ndejD1IReZ5HoKbRB8m6aYz7CnKOL6ICGxS+9M/rPtHyBWLLrwoV5/Ikdwzd6\nvXQpcdx36fcTkUGtoBuIAUISRVuMUAlkDXikgQoTIouAZ0KoGpgsqUHh045p\nHEPZ\r\n=MNfy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e847a627e044cecc475be1f0140e17a4e2a68dbc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.5511c5254.0_1604080755577_0.605216034847027","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd6e302a4.0":{"name":"@material/feature-targeting","version":"8.0.0-canary.bd6e302a4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0-canary.bd6e302a4.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d44a65a1984d3ac65d317552bc36fa3a5976c95","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0-canary.bd6e302a4.0.tgz","fileCount":12,"integrity":"sha512-Ysj4DF9NyEAFL2tZC0zshi76xqrOlSZlrFCP9sLAJ0yrB3t57SAHiVW5P2uH9ZYTLPeoDguToVBL+j+REaUauA==","signatures":[{"sig":"MEUCIDeX5ekZqbfx1ZS3fkvJRyhO3MhEOQvSVQTKHsrO2QJzAiEA8i4R+kE3wROhxFttxY1JQcwgKHwLaTonXr6mi+0LFZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDvsCRA9TVsSAnZWagAAXF8QAI2KgoIkOWqpB5HRObme\nT1E3QmzyTX3NL94uaxXg1VxUA+VqxG8UJtCQ8YxCwfk8yiqR91zwDQtRadBP\nVLSietN9s0pdchkKtNJDXciD7/i9QIUyaMjb5AkjgbUQSjDrh54EXi4EkGV8\n/poY3JYhqCnmI3j4mVkPIxUoPiKt8y6HuaDotRVQIlVwwReP061qQlVBtHza\noTCUChaBMQfPw0hm4db2LWXbU9XZtltlUX/seBckgagB3KN9IbQp2xW13JMU\n4uozsD7z8d/v6bjMME8l+jmhNqdrfOg7C7Upo66rAqk6mE84WGTuiibUAkwD\nXCtjflNmXuIOvUkdRUCS9kJFSQzjQR81OTfS+FlPUUobhqfk7pEDlDIWI9uF\nmKxj1CWJ+3ed9/PAMXG+z/5WTvBa9ZQaHh2/1Pcp0hsYwIvB3OpUlrobZ9GL\nEmk6l4mHeRYNPHyKfgUIth30+N10VKC+31m4NDcinN03IX6xQ/KDR9EeCnC7\nels4CO28ZUuvdaZu/Px/zhkAnxNUn1tLJwsJlb7Ga4a/vL+vqt80wwXCX2eN\nGcGJbe7gog056uyHreaU/dJ0gpb+jNR7zvgmmrZGqNLUWrwtJTHsOYB3ot4S\noz8dIC0OjQqmXCU+jAYyTKXss4uNxE3rmUG0tZK4FID/tc/6zfPjllyjE/+J\nQQtB\r\n=4uce\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b48f791b92804fe77eeba96f057b1baa89c48e3f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0-canary.bd6e302a4.0_1604336620254_0.15542902388000912","host":"s3://npm-registry-packages"}},"9.0.0-canary.d6b5cd418.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.d6b5cd418.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.d6b5cd418.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7fe1975bd2051263ff24c71136cb953540e00a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.d6b5cd418.0.tgz","fileCount":12,"integrity":"sha512-5RwyN9FDPPCyNjgfN35K34Q9I/OK8Aa5payUXrQBHeGt+E90ulKRGzjyRG1cGXM0kSFHk9KylKzCCVD1JUtFQg==","signatures":[{"sig":"MEUCIAHqZnf299FYbkUl1uDUv42FM+j7wLxvesnkHHu/XESzAiEAoIQzxiOjYYbmpGymiQquRCIGUCAcNYadUpVX2z0W1cg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI76CRA9TVsSAnZWagAAW+4P+gLb6i1izx+JzooL2XCN\nXK4iP+dfH8DQQxHHgU5DFGxjkVLJfsqSl7GEqUZtkIq8ERHA/wAyCPPahd9O\n1Oih0dGnNgnQyi9INiH5pLbMlriTq+ELoTo6qX530chqCjUJ5NiBxekluPJ0\nVhs3UTJScWp734fD/A2VHNuYa/hQNdVTTIsXYygKPIqZ6hn9ZlZVSmfqLota\nfaVWdJ+Wmvz9GvxcLV5bY1mgXvbayuOtS7gHnQVlvx22qsylISFfOXXf1rcB\nVWEdwCIs74oju3prU4z1KDzg4bnob2OnBXXBJ9d0wCnYMD2ZEY/iMgEVy7bW\n/45VcaJ1U0u+mUs2Gbg9JtOBFNr5GtvyeOzDaumYOONwHVd5IRS+GKHtqheU\n6Y+owvzTdKVCV58FDLKu0yxUHRcG6q80GcOlVGA30BzwMRkHGalew7lWiu1a\n9/QvM66nUz7aHCbLr4XRGy97NpoDbrZOL/DFsISLoaC6Jy6qW7IoTJiBUQbV\nEwe0hlYHX97Yj7rAA6dDUa5FrbfkcKHRz9DhzZrCNBp3Q81VrMGjWMhji8BM\nvjSiD6Yr++rdXI1dyDlU5fXpF3yTA+s2ztK9jzUXrDa2xK1pefX8gECPVhIw\nK3Cqh56KPhVD9EQI7e/ULOuW2mjUXopYgYV8n3ino+b3sYXZSQVb7AItF8B/\ndJC5\r\n=lGdz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4fd5e4f9dda92417995fcc822b1d02016642b511","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.d6b5cd418.0_1604357882178_0.41246218141831914","host":"s3://npm-registry-packages"}},"8.0.0":{"name":"@material/feature-targeting","version":"8.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@8.0.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf01d08157a87c3900f66c493f616e81e9017ebd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-8.0.0.tgz","fileCount":11,"integrity":"sha512-xMJ9RmnOQCLPB6bD0xS0p6NF36vKNkjoPQt8aOoimtBlhSOba68+5jeX/qEQYZgOG4jf0SnWq833gAxx61Ni6g==","signatures":[{"sig":"MEQCIF1F7tId5ONSK3KxcrpZnKq6kqoTJBMcQOwTgXMRDOf/AiAclige3AxnrQJnqVqsDgn3PgkTfGhiOxxdSfvI8O8S/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI8QCRA9TVsSAnZWagAARv4QAIgdh/Ls4VAQwFq0mxI+\ne8dYEoQTFnmskqLSNHxyftEZpUsgIK+rL6nUiNc3wOmXJnMIH9dpirB8orB1\n9RzYElqRcaXAX4UchzUKnMXt3EpiRblj7WSvWceZQlyHHPNStXLjl5nqPepV\nGWFYCxjjzVWZCqUTHUeHlwPuo1DejJXnMOTjM1FwnDrICMwjaBFbI37KOoQW\nJwp4AktKXoSQGpT36Ysl+JTGpoXljMCql2kaItvX4MZcRAVPOKlCXssme6J6\noxrPErw51bC5sXFxTW6rO3tbt/KmtmGC9c+E61psQwVH5k1TV1/gj9OrDpH6\nffgVajOq+gJ6WqVlK8tdLXgdWRk32gGdK9Kyic0A9ybF/+sSxZ/DLs+DacwM\nTeWihiy4uEL6IjJxCYg0lg6QnNpoAT+M/coSxRz9sZRVQvrXj0WRFntUrKxp\nLocy0JgT4IueunXFVx7lORTVzMCtSEP55PZK+Bia7l3r+wMWLY0T8fm3Qkv2\nDgvuMgnMMeAAxRmWZtdax3sDLD8dpLaAX9mpg8ZlJNHslve7HQMxzq6CZsqU\nmvVyfHzmWFuP8gS3oA1w/cHwOxSI2BNs7xIJxn5v8iJgheuJaD6PvcwyPTLD\nhloshvW40XD9nj0zmNwxX7Y2d7EIhM52kgkCPrXCfz5a9P1737kvKhdfkWuB\nqcDy\r\n=Tu30\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"d6b5cd4181d0bf11b598b5ca142343fbc87976b9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_8.0.0_1604357903952_0.01701390261347635","host":"s3://npm-registry-packages"}},"9.0.0-canary.fdf9a2634.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.fdf9a2634.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.fdf9a2634.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03a7e0540feac238367a0f1765203b260b912073","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.fdf9a2634.0.tgz","fileCount":12,"integrity":"sha512-rXY6B6+Tpx8+DHU3u/cO8RSEJ0HggJQ8en/AKrSwVSafWigIJDD25ah7X9aBeZBz+IQgYA8YrsWy390KCTCUYQ==","signatures":[{"sig":"MEUCIQC45Y9qY1DByd4rrywu1jTVfnqW5rGT/oAPEgHWLJ8kqQIgEoptOydOSsMGx8tsbpaDvG087Scvu1grELJD7dB6ZkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoeW0CRA9TVsSAnZWagAAyacP/0FxY2QOZuCFtkheY9WA\nWXicpP6Eu2h6gfxarsJgcDodO9sT8e6p3qNegc0K0PaKlLC7yngwFr2u4C4y\n7LCuBO/rOVJXfaGBbr7xFXdJHwe5WsmiTEwChJZxFWdf3kzOQTkF9iTyIJim\npeh1hdQmB+BQ2qUoj7qhpn337UL2JAX4IRKFfz5ovDzX8pzj2e0ezjJi8mwC\nKL/Y0MgZaKu4ViMBCoyibGfUnagY8VgPLbVDjJ+G4aY086oDRuKXYYMtZp/Z\nLSjrAv7U9PxKMC+aiZhF5/ieQ6nJWoC11BO4ShE8GBkYzHIiTDpB3l9WsfcM\n942dczNPYYL3kkYkvLBrEJJoB9LOX7clRiOntfqsvr4316LzsxKS4XDRXj37\n3O4f9I7NhB3HO900pV12SWYRDdy6Ely5bu/b1rfq2+3CZzCH76FCC4JmPHSB\nud8D3DENnKmrKUFDOzUbVfalZDgkShnple5YciIn+q+TfzYfMSgzXLbvmatV\nXv3tyzd4NvYieTAMqi1mCLAr358E+B+pTh+9/2l+RBpMi1/KFjyTgN+yA3Im\nOFOMzPj/Y3rGflo6gv5ifquJ5SzwjK+K7QY5MbRYy6V9vk7vm7QUX9l32Ys2\nIwNVAv31CKvADQ/YfwlvHOH4ukyqT4gzzbGqMGe7wHWLG7T4P9em7+F5aH6D\nVIeh\r\n=XE/Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7d38b3b1a677a24d709697b68fb697f1367fb5d0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.fdf9a2634.0_1604445619968_0.9058101006046722","host":"s3://npm-registry-packages"}},"9.0.0-canary.4a86f30a0.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.4a86f30a0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.4a86f30a0.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cd45fdcb090b4e23989066ee0dcd3b55823769c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.4a86f30a0.0.tgz","fileCount":12,"integrity":"sha512-uHFjdxzIGWcUfQ2idOhOmHzkad1C7rSwDTxEJxz4lYYGbLZNKpH8fy5JQX7le/V+VJZs8Xkv4RO0WPD86WW++A==","signatures":[{"sig":"MEQCID9lMZYj9q829tQKMJNQkwlve3oafkd9uS/uBzTAswztAiBVLXsUln7ypLwiLd690vOpv+A5ze/PTmToFbCGpadg4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoecyCRA9TVsSAnZWagAAOWYQAJ7MCtHP0txgmbOcPDDN\nimHRE5CvmfU1Ms6GFejG69AXTC27R0mHHWq2NXM62LDLdd6fRa6nZYYSIdLA\ngsmbN1T4sHt+qAVyxzkIPVk5dIdDlp1UZnByka0GaqfD0CEniCY+ltVz0SyK\n+sc4rKndS5rMHI59rwrxuw/kjJ/ws5Xg0HiEHSupv3ru5lMINJU4VCezm4CC\n8sr3jYfhuEw5fuRt6ug3iB87SyanBA2gN/3TiB1z9W0gZxfx/6gMx7uStxNj\nZTVoKj8DJtFWcAS0yNfdL1RA0cU353DkQzi+R+y/nuJzdBhwvUDq+wO1gwfl\nV/kxEypBh+Mr1he6B89HxHv+ZV9pbJxiaMyberwIiqJrNU1NL7aklRf/I2WZ\nGFFx05KrfhbPJgHBpETxLD5NuJGPMMTrjqEmZDCE26cR+VN7QxXIYWILoY84\nRWtOa/jfSw8bYmFNynBCbTMQwl8cB0kQ+/vJZTakELUJTT7ovNhjPe4edYLf\nZohwqJfU3zBkDiqwsxDcRp4ZL3+HEDLNIbl7YBOEfcxu8xJ86VjjJViV/sZY\nYRXNudY+LGtt7NJenKZbg4akQBwa5MEQvU0nCFJXUtdVM5kVdN7oQ4AVX/kA\nIzedF5FkXvuARbxuDZPsXP9SwlIS9Js0OREqGCmeM1BGNQ4+OUBS490meJDC\nLoV3\r\n=FneS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ae1cc15cda11f90ef629a1f536e69a9648db906a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.4a86f30a0.0_1604446002004_0.4387331007739037","host":"s3://npm-registry-packages"}},"9.0.0-canary.fc8b045f1.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.fc8b045f1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.fc8b045f1.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e30609ec78cb73c6609e70dfdf83f1b11dc20836","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.fc8b045f1.0.tgz","fileCount":12,"integrity":"sha512-QcVH1Wb+iISoCu5MyEISmkln2EvepvCOtROiK8iByHIN1PRHRafyq5MFlFvFlYr1/9lqxRFxTmxJK7t8KiItgg==","signatures":[{"sig":"MEUCIAS7zIWRgBXzwoUEKlXwQ5nILLPU60/bf7fzjgd1jV8iAiEA69dX2rlkxrTblnK4CA3Lch+2slO+PQoYIM9ONphOQUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoelsCRA9TVsSAnZWagAAAf8QAIjcMMeyLMugrgZsd5xa\nustZKF4aIYo1PnqvhU8qMGzrk2znnnIDmoBTGvCW3oK3MmmrwzgGmnzozs83\n73/8hSYDZt17NQSQvspwStXo4izty1yyVB88qSom3YLWr2wXwua6mI/oJDw0\nMBTWxG+EWpkOymqqrQrdGgOTEuyVcgwl/rPMXIqJSCn5QowchGRft7VCz7dh\nWslW3eA0bnmsYSB1/jm0eKEjEKS7z5gaSJ6Mz01u0wCZtXhNIW/fLWvDjMyk\nkP3euIkEnUmCJv4UgQVw50TNPitFPd/zUPNSmPFjqq9A8EtpmWnzVVSahCMJ\nFrZemgeLVnG1CatESxHBwSXslsvOlCtv5PLm1aDSPkrcI3Ooo9dkUjCXuKkh\nZD2XI9smHxYYPq+mDbYceYMkdrHVckuKAyxLqsr8lni3m3b7RHjWBJl84eXP\nwLmLlkfAEr7wUBYoD5JGo8nglwpL9geFwpJscsVZJWIbPkGRQshxzSFTDcoO\nPI1btcuaoQ2aeT4Sm56I89fVgsuq2VuSZEQKVXwFzziYsgCMm7nFahJuJVFt\nLjkr9hRnq3Y9zRtAB7a6+wXRuMoO9xWLiUgD+Vjgea0JUAjw+EQxft8BpgDz\nwK/UdRksJlrXs33F2lAeex/BpRrqNl/aumxsnU5M28f8Qlzku8wrt4JAx50z\nwTKK\r\n=XrW6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7df7659dcee84f0af6a1e7d8617abb4056acceb2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.fc8b045f1.0_1604446571974_0.32693685061765376","host":"s3://npm-registry-packages"}},"9.0.0-canary.a0b2db26b.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.a0b2db26b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.a0b2db26b.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"afd70a8e73f7f81b167aca5d64b687fa832472fc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.a0b2db26b.0.tgz","fileCount":12,"integrity":"sha512-NXCBhD2m3/dM833uWFAWoAD9uGv1qJuHTlXGijUoMc/5jqNOw+pRxqrYzXSXm7DB60brJ/K8B4CxSQAASBuCrA==","signatures":[{"sig":"MEYCIQDzAFgiP+fnS1avZmRX45144sMR4aSjfD4FAjvphVp6eQIhAOC/PYUXLx/ts+15tgFLxD9S7eDd78fdGv+cBvJarV7j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfofDVCRA9TVsSAnZWagAAbjUQAILRceGh7uKbs5yoBvbZ\nx02yrbHrCMKWsSOH7QGzQcME6H7POngRqFvTMM7ks/yCXNSX5hGDDmzF+kN1\ngkXp/Vt1eOoMC+OTx0F9QXZBMN713N6gldfQo9YM2oR+RcZfumkxOPSTLHZ/\n0mKOffkD3Fo2hi7E7ZMxlB+fGbDmNWX2TfjZXWub9lefv7+j6nb4SMW0JUXc\np6Yn3kXHlMe+PUVIw0NUJPM8nboQ3AMy6bRVF+UAml9dWWPvEgkHGGk6NCQY\nNa1C2C/6Y2ltIi2PxWOD5F8uvBL+uU4goQ16TEsLm92N5H/YQDM+npUuW4oA\no+XmMdj23o9CFnRcEpZpQroGSkY2DcTFbBgIT/o5Ha57PGsp8pmlyOTW+NiM\n2f1jSNGk12kGJivMRCJu99BMt+EUsw+tDnz6WTEPioTEbhJ0el7wQVdlJ086\nlQ4HO8qyzE5OZPt6z7KeevKMrCQUo635YBqdB3xoPO1QU1XSun7q4r2mFSKF\n+MaXSU8OiY/ed916iO6mBLnQvkFoap7aj86zlsFaDr8bffm7WbApOikPCUHc\nJyv3WsjU3UB1ZtdpSXEKVNB8yTO1rEZgQF3YINoE3cSyYh/ivEDPi12qlYtQ\niKqFGY7LD/EuAizCINhBDjkxZ+SPfQz7S+lKNP8FCGPrRU+4UB/bFZWqXY8K\n71K+\r\n=9nCi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"885abc8ece3b0c3cab58996fab25be733f65b5c2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.a0b2db26b.0_1604448468893_0.943279489334085","host":"s3://npm-registry-packages"}},"9.0.0-canary.419e03572.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.419e03572.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.419e03572.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6df2497883420c274c031b56d8cc4e3b6f9ef6bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.419e03572.0.tgz","fileCount":12,"integrity":"sha512-0zCzzslCK81U5ErdAvwFWimUf7yvx7OzJU8DBa+boxWgDQvJ+iCV4YL8Nh8mTJRXTN4kiiV5pQUO+VuIH8GRVQ==","signatures":[{"sig":"MEUCIQC5ck+f91EMjyH6s9ijN2J4xoKzIuDTR3UMPr+R4uiwLwIgLyj1jjweEC2HvO3jO7BjYr9AD8Jkj4pT5MylvDIkpW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfogSZCRA9TVsSAnZWagAAYakP/RGg0vo8FbSq4A89eACO\nb14AjwWcHtJfK3xfZYXIjaJC+Dk9tmsspFywvg43zmyQ5EG46EAPgUtcYlxu\njwRSzPgeqIPcgiLMTetC2GRz5+Rg6o8JnlvZhk6yNg/hjWpF6BW3OZaW0hED\nwIB2YpQwU06EidDA5vSXdRijLMk51JJJdwaU+rGGRYSZ2lsjTXO+ZdjShJOv\nT62uLMcqCKRwION8F07JcqoFUrel3D6C067mAZ1ScnGln1YaflV+sItlz8Gf\nLUHAVZlaIsEuyjebbDV/WdmVTtS3BdIJxsjBIclZOJ4HzscKJYJgPEuNfSqP\nBhqQeiHFxeZHqcl+mRMkXEF1a2+7y5P1eSEzaYX2s+xDOejV0nNU5qaiQQtb\naLM8X6Bl7nFaz+EOIksxzUKSVjo85yxLt7sZDzGNiP20mUlZF+xIbIypYw92\n/bjqUOO9wiDyeLjmsUm2r5+UFbR9gDzepe01JY8GCmKfoN6xgFp7sGUIPoKR\newhzMmxr7jBFD79Eg2HNpYx0uA+LnJNsE8Ow6KV9jAw6fbRIpGme1KxG6+dy\nOedUsFgOfWvG6pdILvUTUGzT/wz5lGpBfGQeNdTzseUsbwLrSXjYQfjEMT0S\nyt9c+579QFm+PSZpNtG8qXbssIedI6g/Fs9Y3wvBLgRunM1fEQBV2PjP1dBT\n9IT2\r\n=wuez\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9528e0a61f88c4fa2a5bcc6a5e406ccf027d7d4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.419e03572.0_1604453529324_0.9099944445460924","host":"s3://npm-registry-packages"}},"9.0.0-canary.a432ad542.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.a432ad542.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.a432ad542.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8897f48c643532dace4e90fcc72185a9495daa67","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.a432ad542.0.tgz","fileCount":12,"integrity":"sha512-BGLRZO376sHiut77/+NPLNtsJN42cqcgaGjWgXQIdIDIcSDcgNdaON+S9CDUYIjfPU8PZIG5yKzrLtk72mjjiA==","signatures":[{"sig":"MEYCIQChTDLqQHSfPqg/Pgr77aFjiSGyIG2ZXdT2+XGkjj6qawIhAMAjYNcAV2NTevoEmJtpgKr0BL4cRwMxx3dMEjjOaicw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpKqbCRA9TVsSAnZWagAAsm8P/Rxu1nZg5Kg5ghGR72CD\nxLr2SDI8H818cQvhoe2FOfCeH5jRa7BQvpPjZKvXSptbiz1+3nkx0LwftxQX\niaWp4OnHbImYjIFgk3nEayLpBbSmnz2l/hC4KxKiEIYkAkr10fKpiQ9V2CQn\n7PU5OJn+gRWPXLRPhxzxbAvHsVVOxtl7DyL49d0mA+T3HJq+psUwRItl23G/\nYC8fp0K4DQyeBSY3kTy54pPCyr3gggPq4o2Vt6FmqM+70xYvC9GBbetVFFnW\n/91gmXbibCb3jg/TrZtvh0TkRtagmMPd+D8yXcV6nhsCBSFVmwxASrAqG1tJ\n9R6afnxDx5Ep+CDTHtP0G/bkZ57i2bCnUwK/Hd4QAmRc0if942qxraJeYCDy\nMK1ZhdCtNXD8lTYjxRmK3ZXf/5zkYG144qp9J8AUYMhKZaZBS5eWfj6rie3m\ncGjCQMe/cfQ6fz37cvEgWr6fkVE5vjqt2Z7HZBvDS4/2av4YRpQo08Fc4Oh0\nIZ38PEx9nZ1Aj56UB/XfW97OtgtHDtEarnyjPKuXISeJo6lr8hP7pFHY6sUM\nwbVH+5wCbnPVdb7SxBoO98SZ+eMHVsVu4haflIM78wJamO4HhXpUox1Yy3iq\nnPLruYwkuJ0GtrDw8vYVZl/P+SUvPzyIPJRijvZyrNm8uOOJ2QahWOkiDrn3\n7jhw\r\n=F1Xu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b873a7878b871d2ced45e7f04055b3d4ef0c7af1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.a432ad542.0_1604627099302_0.6457208301930655","host":"s3://npm-registry-packages"}},"9.0.0-canary.e2e8aef1e.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.e2e8aef1e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.e2e8aef1e.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"722d51129ebc2237fd9c9bc3ecca9ee03438205e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.e2e8aef1e.0.tgz","fileCount":12,"integrity":"sha512-izDTqVMhAQl6SvSVNiv4dxPmel2gY/L+Iae9xx+dIGeeVw9+6vnp6IqpZ/CYsymxPHTWuiSfpHkSRT8OMV5BtQ==","signatures":[{"sig":"MEQCIDtVDm4T289tkNz3yUm6ze4Sre5rwWSPrfKl4Uz9OfRDAiAnUlkX6+do+Fq6fm6ZrtX/2NFsYFltSsEbqVnC1ZniDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpK8hCRA9TVsSAnZWagAAJPcP/3R1FsolXI2brCjRGTAo\nPkuqP9KKIsLw9vjjwlKW06sIS7u+ePR675VtwGIU/ujzozmdyXbaclX67Mmu\nEYyMU+a6wMk3nGERlOgBmNPHv5Ol9WhudOMxjiA8Xx4DY7FEG7PTZI1z13Ih\nIR4Wg5mXYjCaNROLYCz+I4248UPxIF31jkgL+Al0Ia+D5NiodvYF7hEW1eoE\nzJxr6ul3EykB7BpQt1rlNMle4w4hgywAUc4stIIfKMmEKVPcSY3Ki4280zjc\nGgF39tKylcUfI+2m4YP7Firaa68OFd9VjBxHGpeTii7FsdKtmfWz4NKooq2m\nyKSEtU0wYxbtkkyhJxRhWJP2a24U+oifJ4ZisdsJkqnTnJu0ctrT59QkmfSw\nk4C//gikypY3ZpdS/+yruXXfudehtxzALDzxpvPyC60NR0IPkQarDd87Dfg5\nb+JiRcTcJcxpPYj0Y7kIxJLtGcicjgXNNrGUXd0buTkdkIAkGwsIp2PyN0uN\nR7Lu1k2/UlZd/klexWnGMgvYEvzvTXHx5sIK7Kiil4jt5VIJESZnu3j5bYhK\nqfELZE4IgRlDL+7Gh3e2Q6CZ52fMRdNeghp2rzs0j87oYjtvx3u8M59Eks4S\nvkpRtn281Ao/A2uU7EmBIOZppo3UIeFdBAzl9bGR4G13CIpwXiUDbVod/qi6\nItkF\r\n=fMbj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"59b208be2f946b47ab6905d82c0135e81316f2a3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.e2e8aef1e.0_1604628257209_0.23075793858689742","host":"s3://npm-registry-packages"}},"9.0.0-canary.ec6b68b34.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.ec6b68b34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.ec6b68b34.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"82d1af92458207f916cf89fdae9fc0588542b895","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.ec6b68b34.0.tgz","fileCount":12,"integrity":"sha512-jK9Fu4/wwxh5MCq1DYOvhKDwCYbrCFcB3wJpmhOzxpvyJThsLg6IpHl+xpo/yT13LWC/NM/fcLN0+g/yqBB5Ig==","signatures":[{"sig":"MEYCIQD90kL2d8ug1iFuKj3d4utd6UYwbJrmAANZFnH85O2ZAgIhAIm4rLR5qtgZk4PzAub6oLcCEIIT8RExLRS6n42w0+AK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpZwmCRA9TVsSAnZWagAAbzsQAKQjlqScGg8yqVuOuBMK\nRnhKWfz3YOyq7D2Mg5UiR0Yp+znd+ICUaFQLy085XXGSdj1GN4yYAN85E3aU\nBPk3a8VdoY0AFdgx3KlO+AD/J7E//ZeQy+pgdJdMY4CQEe3fiNOpdTu2h8sa\nO9QA9XpdMorK1FV2lNeSfv5iYSjHmRrppVbPhhFyI5wJhYSQo3U7q9WKuCn0\ncw/UNFBuO7+rVNvhZCFOI2vNG+H4CPi3dJFCkTYcJoshAue22SrCsmFxEC2Q\n6bmG3VI/lGz2RHS14tSHu02qelmZLxOz/L5lRkpBY3KeTVn4u0gNMhIhsyqH\n3WXZFhzQ7PMb8qabbEVV7yf2DI3rUkI41mRxBu+GE/oI3ZVPJDU/nHJB5+lT\nZfOHAKWBD4mPs/xUXQnL0LF1lhWUHOslxT6i89+/3rlslOoOUqCUMn+uoR4J\nwsqRRa0kDC/Ic0OIlBVgUpZrjozm4NVdTpjHHo426ArjGkM431k5QqvhpKtf\nWvxHIby7c4f0wy6f+7Mo9/BOHcUWaqnELZI3/CtpT/y00PNb0TjAtTNgPoh2\n7zDGXgEguvEC5IP7A/3a8WRL0yyDNbNdamBolLEn5ZfzWoCWPjnxKxVNwAXH\ncWOtpJWbhrGoUelIuN9wbiWV/NRt73+AdLHVUVSP+VcB21FzRFbPyldZ0dwO\nSwsn\r\n=0cB6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a5005840630991931dd5d6aed79aa4986773a5a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.ec6b68b34.0_1604688934063_0.7691754190369966","host":"s3://npm-registry-packages"}},"9.0.0-canary.b39094d14.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.b39094d14.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.b39094d14.0","maintainers":[{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1beb883c6a9f840a0c4452c5453cb0637cd09a91","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.b39094d14.0.tgz","fileCount":12,"integrity":"sha512-ETeG9V5hAkBRt2KGF5WqFlrhiITfaYq5h0X//7uoi5C7SrRJwo05BSW47phfZ+JoYiF+qEBXeDv5j8xIRGs+JQ==","signatures":[{"sig":"MEUCIQCDWgZjDhV1XLBkrIHDbjJeK0qVQRfZY9lwDq+ejOPwmQIgP4wnaPLoXR97dLJlgbhzy+KpgLtLpk4EGMDJwyX562M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpbzZCRA9TVsSAnZWagAA3hwP+gLYdwA8D9/XCSSxDNJ4\nZ5GVBftrKMnOXM3x1KgZoZRgtKrIg45nH12EyKr77OFOtwV4YQOp37DBEpx8\nkDZie4Ez2knN98TKe3tmXixPhnqmZbAgqKxObwpG6YvIv4ZPEHex8lbGswRX\n63vxtYHkVSjkOM8y869ADrUi+2WqEfdfmduSWJ8zhQkouBDUtOPZcbHFkRlw\nqFu9zQpr2gdI367O82S2cc3LI3XwJqGyJPBHTGwCTOEmdrC2g4wPrpCUzaiQ\n6dcH/2uN1nQboW+5EyxB6/t6hPqPAuh4PpmRE9Un4fkaqC7Z7OASxIRarWHd\nhEYzRdBqGZn7kM2DUSK3539bU29hvaZUKpZ/oGAx2LltEvD8M4t29Gr+kviv\nn0NO3jRACa/nzWx1WQiJHkx0+VQbY5/6nA/r0rSeE4lGhAJMSk0ejoemnrQk\n5yjh76VlV40aF2NuCnVFq7qgKb//bj1IH/RBNEHIklxkIYCHexdP1UotDilD\nRZxvbEZGE3SZ5Y1WJW/KsYlm5W430K86i5rs9Yv48sUOuFcviggtHg9k84Wq\nD7Y3+D76IhwUzU3/DnwSB98j5ZzoGOFAcHBgmS7cSJBL595gXRrKoCEIwVo4\nCxPtR2HaQG9auU4SlN8N+y+SPf1q9KKCQWDAI97B0LivLGhxAo94jMwgaGnn\nN3tj\r\n=ily8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f8c5ef7d8cee2d0a63421ee4afe42e4e9260cd47","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.b39094d14.0_1604697304654_0.853563980237376","host":"s3://npm-registry-packages"}},"9.0.0-canary.8648b8258.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.8648b8258.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.8648b8258.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfec9016ba58a7dc0ffc9fe93a80ceb26b33c754","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.8648b8258.0.tgz","fileCount":12,"integrity":"sha512-PCRsZ0onZmaEwgul//wjN9+d76PdDbtRcB44jHETUAR40H/stjTVHzhTPIGKF3xrP4uTllundrpw8VoGm2t77A==","signatures":[{"sig":"MEUCIDftIMUNlT/W1RXnBn1+93rvzfJ10AwCOSvjkab9mMJwAiEA8Z1OE+HbCup20/fnz3xcGbVjQeOiW7GN8IYuTz2S01Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRHfCRA9TVsSAnZWagAAjNoP/1ElQGXhmIkz49BGgwgs\nwFZsCjQUSiy80394hIh6ghmDKRJaQWOk/gyPxzAK+JHeraUcsP+8VOWK89Qk\nZwrUUDa6kfaaabhr05BPx5enScv/3IpoAigcNG92zKRSzu0IKzchZJEj4VQ0\npg7PvCwnpTLUU4Ds/a5hXrP/M3vMZF3orRrulRBtCPBZo9W66Nvk4YhR/eAp\nSMcaOfUXjgIi+nLePJtB0+Q7Yxn3GfjuItg1HxeIcaOq8VpZbXUM/QjiHqFw\nQLYT6aAYJbjgrjx/xayjlZHHY2NwknjV5xc0+VUu1NncFRbLG3Dgxc+HuGa0\nuCXfXUSxyOHoQmdpO49wYIy1K9/d4sNwTr15Ly9gIlrB8nX1U96dCf8I1D6K\nDELoh7gnmyircjnXOHuqO8ZYpulU0alkuMjchE19hYtjw96nZLYSeXgx1LQj\n+ItKmIwOpEUP6dPAXYtiQn4bgE2lnWx89fQeHqgoKNNDZIM3Zp2vIycsPCCg\nhUhDGcaNC5GPW5/6Z65Hf6XSLXE7I4UG47KHKixT1dGHeXZ15G7EWcNa9bxc\nk5+2KMWFnRxVPOqeRcsaY+gT3GoDyBri81RuuZxDYdVAKnEFj4HnsQL8Z9q8\nAPuxjPHcYpLGZSD11b7YzDS3R0QSe7gpt9pZ2eCco1cIcE7RRWIkLGCzdnTM\nhQcx\r\n=Kwa5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d98de60dd3d91dc14a84abb664678188ae936030","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.8648b8258.0_1605177823061_0.6941492411867705","host":"s3://npm-registry-packages"}},"9.0.0-canary.240c5f74f.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.240c5f74f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.240c5f74f.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9dd5777b5dd14a93be1aec68d88352d34087ec1e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.240c5f74f.0.tgz","fileCount":12,"integrity":"sha512-Q0eOtxtyzPD8DRs9eoTnjU+KfxZoLT5F8IGIs9sQKFEMXbTr/2uTutWRRZNZo53dm82WcycFAuv+vdHMIpOI6g==","signatures":[{"sig":"MEUCIQDQjGekl07y2FN9F1BEkVFKpv3zlc/VdvPa+PA9Oxi0MAIgN+1Xvpw3rg3bYSPKI97QoyAjRRaosSeXyx8BXPvPFlw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrZjaCRA9TVsSAnZWagAANGAP/2sRMqMDNfHQnYxPkbm6\n2mgYvb4dJNszHy0mPJbPWIO3vVJP6GhtBmmjZkYne8KnK52Mnp0WwL9V7Syv\nl0lB39oh2lXB1Ykm/GZAsneycAjZstmb6rvs8d2ca22iriRkJ8bAiGps8aky\nPoTsm/A07qZ0B8jkuOLs74rQyZmIHvSFtBCGi9x17zwzIShcJXVSZEABp+3s\n1aulVWuZ2fPNs2vyLrKOr2Jy+RDUYn5L070fDhVoOj3LqBUe/D4hm/bSK/s7\nBugCrCxkoAwWtHuEeu31+2LOi05uKzuNPPFVfeTwG5lgXAmF7ZZS3FkKTuHn\nQxopdS+m5puSbK6mDKVMr6KGSvfV493LCGH1q/lELlLM0h0/j2TcGG8ZXhXx\nmqZ/LAXBqr5XA+JlYkGrBkRm/zYV0uIQne8sSptdhhusTrT9QECYm92LzKzZ\nAvTvqCsfuG/+XNVyX3VFd3wIb+1mlnkCCCj6aXHFbNMT4YucZdbqvmTs6ZoG\nXcZ/vkV+VXh1HjAPd0UnXQRU6MhrxpG1cf1HYDI7ZantvR24HYy5S1rpo88U\n9nCh/qqsyUH/41PNIRZXkYfes6YVKnPlsyrqF+cxt00XI3Kl5JP8xXFYV1Pu\nMdHHc5rADUPPs0XzrJFehYBt5aFty1rCycGN43mQ9OH8N7zbiJ4Wr+bthnjj\nkxfD\r\n=MtwZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"33b77622681b24909d892ec906f608e75f5e9809","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.240c5f74f.0_1605212377544_0.34423224996106017","host":"s3://npm-registry-packages"}},"9.0.0-canary.6cf6ba4f4.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.6cf6ba4f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.6cf6ba4f4.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f23a437cdeb1ef1988c0830cccee39ebccb0d12","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.6cf6ba4f4.0.tgz","fileCount":12,"integrity":"sha512-Tyn4tO8/ol2eQte91OPx+nZFilFi7sPMnAVgLl3thWOYBsnBcHbYQeT3No/X3nCLl3OOi15sozVtHVjU3n+DkQ==","signatures":[{"sig":"MEQCIAN+ivlQG1VXC5S9CmwHI6dXwC9Psr3JXy/ec4XlrNmFAiB/eu+jDk7fJLQB62HMOrNeC6b6c9s/kqAO6Ox6CHNelA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfssmbCRA9TVsSAnZWagAA0o8P/02P96S7aNAh8+khGJWb\nDDKoxYBhI48ouVXI21/prbAqmH9+V0qW8bhr4p5DtKSV1zZV5UxPART6q4n9\nB35ive7o9beLKGWnSUEMbeVdx8UP4lK1drP43XjWYuyQy1Rd5+1NKc77chiO\noYmXgIYVB3wbewr45K4agoHunDghzFxbz/z64boCqekoM+3hbCxnSqGWMSbW\nn3ayjn/Oo7FuHzKb11QHXP4RfPJa3uCPkIQylCtgP8xLOWcupB9Kb2JWdvI4\n7jJf75Woygrp3F618xoe/iWvfCTyPp7QBiey7UMu5bxSPn6lKZ7INQsqy4+T\nnfvOXhg+LGwxI4/X5XEFaVIHFjcLKcgDx2QIoseG5LON1VBJ1iYQ/f2bx18m\n5Z69d/EQil+Bw2A94QLp8BuGnGjxKDqW3xVOnqRHapy0P1XU1q+WSa/sT0Dx\nhPj73yC1PySp8PISo+2wNNp2jxJGyHKhPQK2bUCYXXCTrBVwySNJc0WGgRO1\nj4Ga88pHhoie8iIm3fy92zxtWOwvrCHUQBnCXJvuD8e+x45LXbqvTvvHuBbO\nf3s7cvpgMybA45U+nlShcX7Pu5HMb2US2KYKUXJPTXV9mJvJixaVLJTYj3iT\nFbK7YZzIr6R/c4CYX+/EEKk/XIg3HjY3KjyGMpSLPQJYgXbu3jyB+KNzFWaM\nERxo\r\n=0oCt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d2d4890ac5812ec797b5f621137f4e8a077c3c0c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.6cf6ba4f4.0_1605552539249_0.8989059126910008","host":"s3://npm-registry-packages"}},"9.0.0-canary.07f3e01b7.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.07f3e01b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.07f3e01b7.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fabab0d0f243490931b5aecb7240ec9bb2e092c5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.07f3e01b7.0.tgz","fileCount":12,"integrity":"sha512-BbssDmheZU/p8V7yJRE7nH/r3MEZ/fFU4fAu8N2kjqk3BjeiEAdUFiK7rHOPqFV2A+ZkUr4Ilc0Hkx6HSAjSTg==","signatures":[{"sig":"MEQCIFmnB8P9HgnRygG9g84OxfLn0VWE4vpouKv9xK+IRr31AiA8s4tkjCTQqZcnaF/rsIqHQjYoYgVgT4IkqI9N9Vm9Cg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsvLECRA9TVsSAnZWagAAulAP/iUun3q5PNlU5ghOyCks\nK63jPXImKLDMABsa70IQyLSgA4jxuMAZ6JU9nIIwn0nPI7/13VWwDssJWvT5\nFfIC7sx1hyGWib/AV9d5eOfMlOMOwhTcJzrGTIs7QgqhmLAf2aM1Zq7b6WZk\n+xTHjtTzdIr229W6om6OEmPhM1aR5wtpuaJwlIXtebKh4+swbuKu/tQkAyky\nVgViEub5ZK62xU6cz574gQrqR2yvLPppUDJH1dVOz4GXfofKuG+lm3MpnVqK\n/FFq33PTTltz+rT7Y4mI+uSHvJhoGR8kEXuW1dJ6Mo0CEVM/HKOMOsNsqz+t\nxLltFh8+p7V5MbvLpIAL/myJ8KPAMwnTS1Fr2Fsof4Y/RBxJpNoMcKB+ZTCf\npnUKXWq9eCiqscTcK4VcLLwNfao//rI7G5rfRLkxyHqJYF+sUljCZ7Q3XtL/\nMBa4xpJURwrorteWRGG68k0WV7gS+ZcZINkbBa+XXy8UDCZulNBNn/wP0AY6\nSiZL2Iqdirq7bZicn4hxqrvMUQbjA9x70o7MePqc+SKfV/PUUkCLW8DSJCEC\n5gYuX0sYhbZq/b6vMREW8NK7zAM7ELOGjk4QnyhQNu3/uylXtI+IeqPajn6u\n46FA2NrH24nqddQuWYpFgJtTJ3T5gu0y1ie+iJhM4zk0N+c9HSPpX9WgmeYC\nQB2r\r\n=FsP8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"39f1e043d0db0c6881d84b3d7b54423f64cc8c0b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.07f3e01b7.0_1605563075964_0.6509982000499632","host":"s3://npm-registry-packages"}},"9.0.0-canary.23491cf85.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.23491cf85.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.23491cf85.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bc1cce20abb309d06fcb59e696b559dc9c3bc27","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.23491cf85.0.tgz","fileCount":12,"integrity":"sha512-QznpoHAvL+qkd+8P1PANm5Ss+fYQabiZnjdnKHAkMP6+GF2X5ZwjDMBA6cGuuxfarNwOen34Qw0Bcpxul5Va+Q==","signatures":[{"sig":"MEYCIQD0HnFe+VXDloe5thdd8eJS1ZXm036mdfeXL74aSasawQIhAP0R87EtR6KPJmA4w82mphGZdsEJlTfuxS3apUhdGoww","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxZMCRA9TVsSAnZWagAAn/wP/3yCLYUtbseiIXtmWV8b\nEmqQU7Urh+cJgy4Xnm/RGy3dSR4I8qtlhXpfcJ06HcVx2GkqHxRKvhbzGGhO\nHvycKso/Ms97jNScMsd6c3FjqV9tDp/BKci95Js+X+p/e7ecofzMgayOz62V\nMwa+ggIOWere4WmAYMiQ/ACEUgQASWcYMV1XQci/9y3Z7aGyLIIaK8CzeuEG\nn4R12df88tiaKF6mGYOInJmW+//FJvleWLMzzIiE7Y9TEDm+xihgvxib98fx\nO+OC6020HIJoWKUuWBLuwuWzUn1BafXEtlVoH6xj6IlXuSAgwu3oghgyvklo\n5L4RWqNaCmOfleK+YebXabYbLy/VyVPoy8sueKL12mih2kYqS7SU3xOBayXY\n8CJLasx/goQwo+MhyqeDSliIqAKMjzZgTOqlut71S8rqPq34X6v98yNKo113\nUNrQejZmiOnntfqHEr7RK7t9I4pFQ21WL5Ki+m8pL/TijMUrAnug80vc0RWe\nQdPCsOc+2I3TB80e/Spty8hTOeSaoUZ68kB0WPAl6eBwAz8wbLiX+/R2yxUz\njEnidOfSvpho6Rha969juX+SXNXRGO5tBoGW77NU6oagTmP4o1hxiVNu8Vas\nECfwxEgfy6e5QYFcZjynFx9+awO7gklXclEUM54ttucIgegM0u6DschWElDM\nXqjP\r\n=usDZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc2535ba5f66f73426d236b8a85291d7395ce589","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.23491cf85.0_1605572172007_0.2878422335974615","host":"s3://npm-registry-packages"}},"9.0.0-canary.b659d4fc3.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.b659d4fc3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.b659d4fc3.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f4479f8dbbae324f05a69baba66aaa658ebccf4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.b659d4fc3.0.tgz","fileCount":12,"integrity":"sha512-j8svw1uV0QcDJNTeljzO9hWnu1AiTcGy6gnpeUcWzmBwHcXdkhBPl7VrJnX8PLk7tqpgiyZb7AAtqpU7eiANpQ==","signatures":[{"sig":"MEUCICAbEyNKcZ5iesZppEWU+3ClcD0TRcQoUcx5LTiTeEaYAiEAlXMHwMKdAdOOu0hLUZDTjrgKK/e4wpPj3P922EoK8dI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxgiCRA9TVsSAnZWagAAWP8QAJ6XPLNuSiQKmBE5AmgL\nO+b37IeuoMsHdbi9S3In/1G/C+hMD+AlOBRd3nWReN/7vkQEvaRHaAiP0sZE\nhRAnn2bdPz0PepGQ0FP20Neka4+bAXhEbk8UNusEmPgGFgmjeOgbxXOTsvKv\n0s0lbjxnB+dydfC+zEn56aVN8BXZ/uOlhYJQmjPcXlnDU3TH1XNykzLojP5V\niVhMF4tPq1Xj7eGwXJRzCFFNqRPfOGff9F8o1n/uQ/x7502G54N8WIjZgWXp\n3mqRyhLmkBLF6S+o4lYKCl2b2b4D9r+yY8u32qkGF+qttcbyXG+oN4LpflEh\n5WQ0JmHwRJYp035xqbarCbmy9dhqB3gARoQCbkRj0hCa6rXiLsae2Cz7PKBm\nlt61eBEh1ey61pqfMIE4DLLmab6LddbdDK8B5EGNYY+Epr1WPLR3e4i6p7Fq\niCteyHPlh9Lfv0AzqRB+uVoC93pv9IGrLidW9YtfNhX7xJU8+L30WOmZXgz7\ncTASzUJtYHf2O5VDgqWuWS4Q2wCKynmqH2wUrko6GAM71CdkOYHSD/nDw/sl\nO59CsDcUMQiLopyYOQdja6vwkjH7OdtoEN7rbYffQo9U2L5+TK5YgfU32CXp\nCsrC/IHqKAikNrW5Ty9ECGrK7wFepCUZto3vIzWUSg2AzG8h+/glj9fcdIrD\nYKJ7\r\n=pOuX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"da948526208886bd05bb015d249db8d19d4b3f05","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.b659d4fc3.0_1605572641659_0.09773688560750493","host":"s3://npm-registry-packages"}},"9.0.0-canary.d8a3aed67.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.d8a3aed67.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.d8a3aed67.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"941059f680baa047c463bb91cd30f31a325ed906","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.d8a3aed67.0.tgz","fileCount":12,"integrity":"sha512-EWkCUE3XXTB2Q4ZwlUA2001e7KLZ8fpVhF9ZMI7rBEoiajNlmG/9WCxvYiwFup8f4ZH9vgStviomV7C6J73RNQ==","signatures":[{"sig":"MEQCICNnzhJz8L/Aby5zKUXnPv/INHUQOgn4DY1v4B67Yq2DAiBwa2wuyruLidE/Zaihs17rHhLjTTBC8fowqrV4nzcZbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+uQCRA9TVsSAnZWagAAb+wP/3eVozJmhdjFvfm35Hyp\nVr1/tH89teWXmU3GDz0drtMMghyRV7C5cvyJTOS8pSgjOd7yjQ2MSUfVw82Z\nZOgLCz1Ze6aMuRJLMSxLieFDY38aqhkKbsfBzN7ZCi12WSMvSQGQw+tOHSOm\nXbfJLUcxQDqj/X67pYv+6lo/DAHgdYIgsBcZqXd98SAJW+iN+zNSULV0j/CO\n6uOdN25NMurs2Lby861RTN0WVcussBj5IGYNpdyd2VrTYW4kULrs0KpOnobH\nuY0a4PvglTDwZoaQLh5ICOLF7K1BP0WgaN+49vGX02Us9sWoEUT59dux762g\nd2ST6hXWCsClUEHk1QdGLO9lIQFxyqW4Wu11kLzvkKgvIyz6Ypt0bIeahrGt\n5GltNXsnSKmqH8Oe6riyPAJEhyX2CEYZl7c9tWuG26Wfw/WEgYlNWd6tQsRc\nZ69I+bF/AZ/R5aGzCF9SLgMeXDC6f3IPPOnifAbeOgdtrdxklDJndauxtNKj\neUMIgR8IXvRt7OuFgmgfpHOaMz/1cZPDG6R2eKQTI5P8wWMMQraf+Two5y7g\nB7dpgsjFlAK+LMVloE1ZdOD9uZVX+PWToUD/VIE11V1IECyt7te73DMIHOnj\n96K0xma0pD5Ty2pQoy8I02t2qkEQrMvHJllf/QtWC4FTBeB8DTeFBLzLq4C6\ndFYl\r\n=31dr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e70765503f122fcb3d748ffd41882655d9d4035e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.d8a3aed67.0_1605626768131_0.8076834648424902","host":"s3://npm-registry-packages"}},"9.0.0-canary.482ff9091.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.482ff9091.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.482ff9091.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52533b850efa0854c2f511cd138f32c660c048d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.482ff9091.0.tgz","fileCount":12,"integrity":"sha512-PU85doNKs7IDABqbMzdZ91/5g+tmQXPDDpHFlcG6uFhkCGYSLKQx4jczBkr2RQ7s4W5qwDbX+YgpSYh0Ozz6gw==","signatures":[{"sig":"MEQCHzkEH+F8F1kP0Pu6OCFNORYupkLZp6myYvaK+ZnsbMkCIQDIYTJrqxFw1ffU9liK0CkEkSfZkW5XZDXyZUroj876wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftA7oCRA9TVsSAnZWagAAMdQP/3YF83eMPhU084mQeeLb\nJEqxmHbvQWgB/vvqm7Hh4W2Dz10mD0CDLH8NiFmdLdDUMH0xCVLou9tIyf99\nBYAOj2zjvI6WbreQ2QMg3ALFGJPAL7ICwHSJA3/X48qbYFur2jHx2FHDPbm5\nzVFf/cIidWVYI4R6oOoBbgRdR1gYFipUQNRiq/E72soY7lpcfBaLWPvyRdCg\nskcwl0TLWncRajI60/VvMEeDvQNa9Kcuh0cbuCPsKIURUPPay8yAP+EIMXB1\noepYm7mUPJVX7RDcd62Z0Ee+oivuV1oDzS/qOK5CGmz5FD8RXhyaXfsN36YY\nbQ4CcJSXkaQL1odqTH7+VZLskX3i+gZeoeBBGPPSycNwwoS4OpCp3kMEq9lT\nwVWHFdivJdE3v2IIcAbSXy274rMq/ZcqnPsrdf7hgdhe/oij7lb/rkPvvoM2\nhlaDjBUocrHT3uN7ImG/Xd4BO7R+zjk0msGs2j6qxxSqiB63HtWfdVZbqpCR\nW7hCK9rNtD7rk8noRB8q6bRtKoo/EJoQd8VmAl6p41K8cOqo9RvY4peX8p7c\nfA33ZqDQpUmIXD8UgzrqnpFAXCaNUwUqJjxWVHW7SBvV2727Yx82j4pwVgIT\nVK+2YL16IQ6Fczecy8reRe6wD2xM4vTpx2MBcsXZXXheu8s8r4Nz5vG152LW\nCi7O\r\n=Kh7d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5b4b306ef0e5d1d3654252169bb9fb9d75490dc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.482ff9091.0_1605635816092_0.9068128382869158","host":"s3://npm-registry-packages"}},"9.0.0-canary.99cfb6bd5.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.99cfb6bd5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.99cfb6bd5.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f82f4a362146358070c014e7cd5c41b85a23c51","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.99cfb6bd5.0.tgz","fileCount":12,"integrity":"sha512-nDYY8idKDtUrdi4mWquNyXfPE5iCKUdrtOqjf/w/JMnwW7UL3dpkmf6FO8AVMYvQo9Vipqdw3nem8ijZVPRiyQ==","signatures":[{"sig":"MEUCIQDAzexViyu+p27KAvMVI7S7pqL7PsU9c70Tq0/QaI9aAgIge/lYnKUre4ZEHmlq7LOD4324AaQP5GAPKcyvCfPliuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftWsjCRA9TVsSAnZWagAA/jAQAI2MuJcMXwlVrfKnh3Rf\nwOIHc6G0udHMBar4kZEW2wqP5sX9VjjFJckv3HRdSBrqT+nwodYg49Xq0ux6\n5S1H9EGRDa8aEvlW5b8VggzIKYKZFHEPy7g+8UsQdYXGVRcbNICgj432h4zJ\nnPrUMOHjWyJfEpDU+ntHovj5KQ/T9/PujTm7VC3KoedoIfsb566Nr66kGKIk\nt8WWcb9I18gReksuzAm9ddFXfjwPBlH/1m3ukneqwiUw9eUvBGb225oclrKT\nzZIcEQlCqXI6W50TS+ggYzPt7qibsZ6B5MwZtfrUuui4NAGps01DIzQiqLT1\n+92uiJJyL9mkwB7plMvvvnf79YMM+0zgK+J+5TuKnwRPPeBRT8fdmWmbcUg0\nGzAb5ze8KsMm5yEErM2e4YvrgoW7EsvQiNwvNIinahEOD7AVcfpdFGBjnLMY\nV2+2uC6z3fp+e0KPwvvfB/VarXzpWMT9el0Xj9odXCulcVzOCoRuCLmuGrSA\n8bAG3O2pMe6faLMM7/VlQvePFIFvSO3Gx0rf+6i8pcqD9mcDjisSiv8JV0Ve\nJhWr4HYwAL/nA4o9GQlKPV+31mWGKuzVuzK7G4x7AumK2t4+46RSI15dkmPd\n3Q4B+WtvZrgmXu570F5qfxZzuhtcP5QQpNlszPmf5z4elmsx1cmkZoPrOPak\nboRs\r\n=WnCQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"97b5b434f189a370838c9b867dfe1b766ae52fde","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.99cfb6bd5.0_1605724959714_0.8738912833786856","host":"s3://npm-registry-packages"}},"9.0.0-canary.b98d15d90.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.b98d15d90.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.b98d15d90.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c5b26ed5bc761199f6fbc3423d5b1c572364536","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.b98d15d90.0.tgz","fileCount":12,"integrity":"sha512-bI9CMQ7ZxhnjrvpnAAOLvTfWxscOExac5gbs2TqXA3LmM0SPrcV5ksYBWDUVazj3HlzXcN9TvN+7Lb/f87GjlQ==","signatures":[{"sig":"MEYCIQD2oUQykRPh577NtL5c5heoAKxGC7cX1RBf6zfkrrgM5gIhALm9zI6craz1o0QmBd+oYMfhksyuRndqYmGLDFMID0Ah","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftaFXCRA9TVsSAnZWagAAIeUQAKPbRtmsIT60SVSoEUbh\n8+MYfeeREHYS2EbIffKiBEJWxyBdTk9urJlohmbI6OIv9qLFzgJj0U1pvEcC\ntwqDCl+vyFfDw3aTs8eefa224QyqCSJMsdhfSF3+yVlHrgcBad7TvyBHnic7\nZlosiHBuJ9VI91+IBwuNsGSnWPJpj3R/c+scZ6XzpamPr21WRiA22TnI5pYg\n3OxdvxOhzgR7PcfjqSMQksTHgzdzgfxKYxkPL+OPoTKCoNn0SQk9LEKAbLln\n0NTSsK1oegj3795hrZ0oAhmw8t8Eks7a9kZcSJMegUzG6YgHBLbcoNeL8EIq\ng/Jmg2/70MPEHA37ufGkFWLEiE4v/rcgpuTVdCM/AFfIJRRzYoG+lwoBV9Ig\n2hoDqilh8YlkbQWAc/czu5vD/stY7YT5mIrDI86pDEmKo2f4a1gZp8Je3uUb\nX6A35PPtrMKW8VaXYgeRHe6aPsJ03cKH3inMJ3Hcn5HL/rQ8rl9uhDDzurLX\nrAY+ut+lRd9IaAPwswjTL5GxSGsxr8lr54RG/srscfPcQLOmxf9gRDgd394u\n6iyRXJxj195gUXL+rnR3Ctcs+HacAyEW9gycNWLdA3HvMaeJ1G2A1onQdGf3\nq3pjxGMXF+SRHEPijQ1tkIG99nkzQED5nfSGjYSf2wnu+fiNiFT1+AJiI8wR\nhj8p\r\n=vmDR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"abbd2c5bad9fedd634d7a0c98bb8e4a8b0bf3439","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.b98d15d90.0_1605738839233_0.2171856467752713","host":"s3://npm-registry-packages"}},"9.0.0-canary.30c11bfc2.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.30c11bfc2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.30c11bfc2.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50c5a9b533a43e64468191d822cce19929bb643c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.30c11bfc2.0.tgz","fileCount":12,"integrity":"sha512-dPKMHks+cj5MnPb60FOze/HQ2vLpAKVOHsSmykxDBNkiC8rcH11IOWOIqCSge/S887aZptX+S3gJ4RDA+kQMJw==","signatures":[{"sig":"MEUCICXyZ4+39bdobQsf/TPQwdMS/FqaBqIYy+oZGI6DeD/gAiEAsbuz+ZqWig+Blgl265trF2fcfW1gcyHOYtT5yLHCiPw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftcl0CRA9TVsSAnZWagAA7Q0P/iQUrmCp3zmouIV9D9pS\nbw0pkSPEbyeW25HVCCOIibRaHtNJ8Tf/eTLi7URnOehIqeEYKf+X42JFNIfR\nBZb3K8Zv0dFQfjES5pqvokvLt15TPLJtHz0NZjLsB+3VaGruth04NnqiVx+X\nGzXIo3LI9vWSd7HHAgOL+kDq4Gcv1mOOel6KeQlFCNYrpkRlzRUh1inP9285\nYD2tExNGEhnOboefPMKDkHEiaVdg/PbQcFdBkLLU2IDsNcuDJejTJ+OMpWg+\no+Wtlq1nNiMVE9GmWe15wJ0EDVt5XaNART7zbbn2uNZzFF33XBegvpUX09tl\nuYAwKsNKzrJ9Y7M0nb5vDOX8dcxy8iXB0oL/Nhp/z7dzacn/ID6oN57mUObO\n4gAmJgs4EBuEaMA4kiVoSuzLIHWdJJD1NVXhjmrthVqdF3AucnLet07KBZrx\nhhoCzfEARlU+RyafDiJDXP4jRq/cEPODVv8I/9WQE3dPbKDWaKrSJ8DZfelx\nPEN3gXWpvGmu1W0fklwRzADqlls84gwoxf1bOL3Z9m3jsBQ/ogLCB1KpGqeu\nzqsVnZmP3mbKeUM1mQbDD3ET0gnb1BvEhYMnMXoqeURm1OA0BQsB/0+RJhgc\ncb4AnRoy5DWq37JTXbNHmR28P5ivFTpLSX3OPZ1+ZIpbuzcA2dOTYzk1HjUL\nNJf7\r\n=GKPc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bde404a844a4528a097cb2c90d03c4ce8bba9d74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.30c11bfc2.0_1605749107541_0.25160633766879115","host":"s3://npm-registry-packages"}},"9.0.0-canary.1b731d51b.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.1b731d51b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.1b731d51b.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97bdd6cb3f8bcc579db5c44185bc5b98afd67b54","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.1b731d51b.0.tgz","fileCount":12,"integrity":"sha512-UUQfKnkdQFN279u4P7Cb/ef6lt5/h8TH6I1wJmyn9a6x+Vcch+QfHruOyMYXlrEIYzxAmarSMD9z3WAr6fD+ow==","signatures":[{"sig":"MEQCIBS8imIwEzPlHwpTxrvK98ZEC37G6OHpBjjapOZqRMTLAiBDr3wEJCg7uyNO0diX3f95gn9X7svkimQsX0YqgP3PdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr6kCRA9TVsSAnZWagAAffMQAJdl8iTm4oxhlWt3SB2E\n822kr+BCW/jTW7d1NScnqZn5p1UJUpsc3WOn86nUtDv05IOBMdzWS/0XiluQ\nYp6cvvW1Y9gc8OnxqvCUsCfkrFtOwcdIhAFrt7TchWgxrLjaXuEufc9LoumQ\nIAjyjQ1yYZ0hwvsdZSKp5R/IKeoXGSP/tdhr+F+n/zXnwk0E5dGtQkvjKBhM\n4rraXDP6nrWhF5ScRQScG54aE2/lXUdXX8OER1Djh2YfYzo+wRxK/JY4ddCQ\nn1P3b2InqctyCCdt+en34gOi/T1Sccl7KUuAtDQYkC9MtU3izRjRNGucSbr/\nd92gDSQxWyqF2Pv/t2/ruU9ro8sidDxR9f58vpN8Egh4toHcu0qHzU8DObLz\niMvgRg6ZyRXpKTzpS6wV1YXrjgiyuBO4B6oLchiehR7E4ZyRQlPUju4UeSXa\navXYzE3NytFffWdJC/XQz/MwvF68SRHM+qe02wUmgaQD25MGOpvPt4taJ66N\nphG2GNknTGxMKNyR5WauXnZ7n/NkM+86dEITlLUd7Api9MbtAPUioyvBiUI0\nHDme0bVPlbpumI4BD/W7doMe0NbxJv1TTK+8KZ78mIKYFFQgjLu7syxdUZlp\nV+gA2Vl0YMxznlz83b3TPYcFINqLkDw4gJ4PBfjAlmgbZXf5uSj3YlAsVPJn\nM8x2\r\n=z43O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"22fd036a79b754fbad742c64041cedbac73ce410","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.1b731d51b.0_1605811876299_0.9939905646556815","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ae94ff78.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.4ae94ff78.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.4ae94ff78.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14f6f5b3772a593354f2e995302791c464719f71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.4ae94ff78.0.tgz","fileCount":12,"integrity":"sha512-3Qfh5eQulcm8MdldYciPV5jun64xdicxH6QJOPePewVtB8/tM7BLPRKYEdXR5R+KpBiXC9cndo7VkqWI32kNPg==","signatures":[{"sig":"MEUCIQCbWVIoV+1WfQ+ssiUMSYl2A9/XZau+B32/QpeeWFYHqQIgdmrNNEuUt/AnIFY7u4rKn06Wqh0iXdvKYiBQHGzU1vY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr9UCRA9TVsSAnZWagAAP1AQAIDXkNmPrjTcajaMHLga\n+7WyEsExX0NDFXDOpVK3/bfDPYzI8Z7BoX/0vZyRqmzhis4JhqD14nmKUmic\nT+FxDd+n/csNw/fIQSYYpUBzwtG+q+1OXeqJzPcODxgqOxn7ppcGs8/YY4cF\nNwCPR+7+nUCwfAkyYHYC5NX6/LTnXS9Tp/pvyn2l5Jcert3o5CF1QV1J4vOC\npPuysQGU39clHDROAaOF+YOylxyI8T5gIlAmiX8SDFteEXUlSG6IZyLVxmh4\nser4xwWSC2V0Azh2W0M2Emwl0tHNpTKAGF2nRQevuusxksYXAemIlqtHQ2Vb\nE56u86f9HF443JrbJ+w3SqM8ZiS3iH4/5H4oZoadm66kwuIIZHF2aRSbG4Lv\nYK5ikMkMrKHw8IYZIZKrMCz3FV5nQpDs/gbNTLc+0c4Z1qn1Plo9lN1+r9ap\ndDK7FNEw5N9yIDQhzPgjMedLjTo4UyqKeaqPCtL/WKrnBGg1+2gmQDIyUmAD\nmN1wMyRiw2brzQgJo5bVH3GnqeaTc9Zu1I/qqE9THzlCZEXDTvzsuLJRdmfU\nkU5qDSbgkx2IAgnI5i4qQTK+ONkb3ioSNgOSTxaouG/ged3EwvLGWThrYgMM\n4aLR94gjc/FfkL2Ra6OLzuD45uAJrPsCTqByeemMogO2fDXNWYqRQ+i7ejQS\nztuz\r\n=iDme\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34c69ebecd44026cff9ea0d681fc2be3de9900b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.4ae94ff78.0_1605812051880_0.26559334104216714","host":"s3://npm-registry-packages"}},"9.0.0-canary.7ad038e1d.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.7ad038e1d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.7ad038e1d.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d371fc0f772579fa707e8ff1bd46cadfdffca025","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.7ad038e1d.0.tgz","fileCount":12,"integrity":"sha512-7HgsMYNFh6wxVlsR7wD4uggZwB/nPyObE9AptJYz/laD1oH72RyZS672gh4s1QqxbHYeiUTt+Lt5dr3Eu2RCeA==","signatures":[{"sig":"MEUCIQCC7YZMv4ttMi6t2LQ0HtXdSPEhM1OBvQTmqM78Er8wKwIgUhXESY/nTfaKak/bS4q8vQIN66W0luQ9nLga8ZfLDSs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsTHCRA9TVsSAnZWagAAM4AP/34iSPjmfyNpB7NsPwPh\norGHHEORYc77Y9a38aHQo3tZ6uZueAFpGl3r5SesDxlWzuW8cl6lPaKJ9i86\np3edOjBQgw/i4DaQ08lSd7id2iLkBB+i3kHfVujVYIDK44DEnohb1gpEjxT4\n+qXnvkmyFFuVIJ5gojXrVmVGFUSmcB9jshN8XFemjM9SvXPcJsyx6mKLSKM9\ncCKIGBdGDMMtyHt5IPjPgD/Q3T4HCLtaFlMkBmI4SUBuawWavmM/InZFe7W3\ncC7HL7QcoOriw61P3ct61aww2iWpPexuGl6bGFU8NArmDBW63czdjTrwvoAp\nlEfloQzcYVPszrs02YblqkYb39fta24HgK3HdvPVSR6lI+Ruhqez27/eAkOl\nYasQtjQU5q6zXrFzQpDUA9YkVi/ZGJ3u6sKAdfKBa7rBjTKuGod/kjKMhDE2\nf8ZhaJ6Hh2CNYCT7HY4lQd2IXHFO9avj/fZlu4S8bHCqJyoD82hbrGTJDOMK\nprBjvrKYjQzLgxdJh43O9dhVFFDqORONWxTixwoi/nkLtRdD1oLDDnKoe91t\nG3rtOzfxppjhdkOtkXoejWyXjWfgQuPEWaTLRmpxxCgP90Qdx31vJusUQAO0\nj/AJQ+Zwf/xjH50OIYFQjdywuEjbnwRmPYMEoPXN+10++uAZr0aikXCmpaSo\nyUSj\r\n=IwfL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ae5e88e00f948f916eeb8f578dc80b6aa2084116","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.7ad038e1d.0_1605813446650_0.5292919806965615","host":"s3://npm-registry-packages"}},"9.0.0-canary.a41527604.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.a41527604.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.a41527604.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22aa2f1c5efd78e1b6c3b4ca711d7b34306e8863","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.a41527604.0.tgz","fileCount":12,"integrity":"sha512-TQWWGp5U46jHWpF+wsuiii23MQWFghojWxz8ahn/2UE6qwJXqV30VMjeJVDyUx3uiLiQNV4jixh27YS7xeJKog==","signatures":[{"sig":"MEUCIBaKxB/B2kgBNXnFu/Pf2eH7D5WgrNuCZK3+21TPORMQAiEA6WsUbMRHgg9REKotwWgUTp1eXqdvtHRHpBqe0y20g5I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfts6ACRA9TVsSAnZWagAAdTsP+wQvk7tasCP7nZ3AIsPF\nETRp8aU2q1+2rPiVWLLm9kXpib7VIjqa06Ul/SP+a6fD9iDlevzeTt3PcVcA\n/OTnqKBJ4sf6ZY+qPNW64Vxga+alfsjDn4lHCNDiWxMh2yi35tXdtGJiZqeY\nR5g5F/Xsv+nlsP61+LumOdihbWm01tndeW9R4l2t7eNzGTMrinoT352J78C+\nc83nAHqGjrrorrsGN0qEfOqnHPAlRFmqGwPS2MydvYfIFneLPjT0xMFcVgbM\nVLWa7g2aPVIHNXQNX8Eo7eHqQvouNhYrn0TD/4q+7QSk8E7Bi37DIXUBh3Ir\nCXDd9ejWXsGZyz6CIMvfDiAA9HRKJbSCbGZQucIViRYDHGFE/JWbYTHUtmdY\nfRuWGiKKfI2CVFjyZHS6IQEwswm9kfEX31WEf2YH5XKQ22Hk3XnzL2q8Xsz7\nReDn1fZ9y9qV6XagnFrLMN6cPvInYRWNQKyEf0tCSzKZ/3iH/brewRAsEY0f\nIf6KQE+he9VD14VqFajm/uquPJqPUxdDZsKKDZVVWTyTZZKVdDnmh5S6fWL8\n+wgSUYf1Z4NFtLhpWWHztd+5LXuHZaHt0iol2b6FjQ5EpZKGHXpF3KCFkH24\nHbCzXUDauMx3A9sEYzCnNsIrfQGbBc8sDhehc1KvC96/VOnDWIHWDslhJlhV\nLvqY\r\n=oXoA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4419897c2a5ae382f471047e38ac619bef815058","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.a41527604.0_1605815936364_0.9671014141920389","host":"s3://npm-registry-packages"}},"9.0.0-canary.7b0e2b377.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.7b0e2b377.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.7b0e2b377.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d095364ecf1c49bf05da9e7d38afa1777a7a0735","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.7b0e2b377.0.tgz","fileCount":12,"integrity":"sha512-5r/fCckvJPpq3jBCubgF7Jv2rojU8CtEe5uAxoyD2ygjxFBUO+GSCmjhulvrG6ljxsqFQ5oakMjKALgrAYQE7g==","signatures":[{"sig":"MEUCIDcjxwtTgMZnyM6rqE1pMJLykq+E1ReNJ03srcyBL1uMAiEA6vTxXXjq7699NsrbTbUU6p00rfOetnh/Eg0Vh0TR1+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuEkpCRA9TVsSAnZWagAAMUAP/2nF53NS8bUsUVkJ9hxQ\nSQMOPvDHC1GlYXpHVPTLkxGe8cf3Oetc4KXiLaK72GdK18H8mJax0I4StKNV\ngoCh3LRk1G0m92MAUfx9GHmwSVu+BAnmUE4fnKwEVn2gIKvOr67bk3YMWfD6\nvGNJcvOQFjqPCR4qxBz5rvIGACWoO9HBtct6qFvKJ0383+w1PGBhU0yMcJwe\nmzUdQLo1j3V9VDT7sXke6o3HLi1ENuD0u9H5Npoxnm7Xr7ZFXxyy9VemAhpo\nirtJYu7qKTHS3mxpbYs/DX3tHBzpce5uRadvwYzF0Ta30Tt6ZFhIrbctM6Z2\nyn8lvUJ5XOOExHvw+PdYWB85PVHaZjf7kmmGrAViCRH9PGi3CE0UMx1J6VAL\nw0IQlRaqRh3W8IYpBhpKFLMmv0MyOY6UdnZ0bVkb1x/K4B0dm6zMyUb6ccJY\n3VikMYET4S4YdgwB40jW5ckBWxbf7m4sfJ78lFxsMbWKHzo+TnLCdaJwTJ55\nq9gg9m0rAdlB+DhOXrYje2TAupOrMTRO2Lxi21g5wq1M61eTLSfIZ+wWVCoI\na99kYdg/NQlIS31Nq4ttD68f7/nueZ2GxzBYl2ASYYXn7JV4Rp2V7LmSw9DZ\nm3ZDAaO5OpAafjTjz+3dy05T4GcinvMjIC613Na6w3dUcbCHEwdcrw0ROjPh\ntLdO\r\n=JbtO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"51086f360a63319c786c7b166e515a34aa76c112","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.7b0e2b377.0_1605912873478_0.17084682817846142","host":"s3://npm-registry-packages"}},"9.0.0-canary.c927a5d05.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.c927a5d05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.c927a5d05.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"533f2e62cd31689fc2d9e90c571852bfc62c9bff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.c927a5d05.0.tgz","fileCount":12,"integrity":"sha512-1GfodAMVMHnJh8PbtExa33HGkeuH19QVvAoO4WppAZu4wsDp/+8GCTtutWvuiJ7FgXc2fP/Nz8Yp5awSe+SvZg==","signatures":[{"sig":"MEUCIEmiMbGmg8jIbAeiohgpjkEbAjzLOix5r2woS1ia2fgtAiEA1yVdI8vlJYfd28/5oqjPgXlj+VlIR4qbV5LddqVpy3w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvBGBCRA9TVsSAnZWagAAkaQP/1wtz81MJ4ifu0ieiUzP\nhe7g5MtWNEFAIp+He7NpqZ4cKkGqHuMTesRe8ANgCDULfyDpL/LORRItFDxj\npDO4kqN6MRaXR4x8F1jNJi885DnbB2QAW5noo31Kj/FuKHsOlClBi73VFbfG\nY6sFsPId3HglNGwuMNbw7IUcT67foJVw4mTJlEGhlYE03vdJb1u9ouFqmy7E\nl/O1N7NTim1mu6r6iJt+UfgsJMeG9rVq02+wyvYLkakWjG4wRJwvLAztLzKA\nXeQser+OaAKuswZ9w9EpWdeJnRIvnRwDAgLDxB9Px6qisTR2iiKsGRas6Am2\nlb06tQLO3I1f+rdeRoMCrI7yQ4qikqiJCBrj3QPnHXk36U8XZMXgSaTxnVF8\nV1mzRE+Gf1e9T4ZQ40pkQ5ORgFZjbYAd4qMh8OUt0BMNK/UmCehA3DxbvfYp\nZv/iPRN1BlYzAoE5SPRl6T7zKbm+cQ/NOOqU6dcGtUxF8plR4MAturcgVKYp\n7RbXXCZL3oClXni0zxwYztoWzluHek4t+EPJmiqfhXQIdYnzxrJ4HXpVimYT\nMjG5RVDanTriNe8VEMztzDd+jCItiKMcLxRN24jgwiyCU1h/vBm7YPfNRmkL\neMCHyDIGMKNPf73HEJdZccI7qI6eDBOu//Zff58Yx1bcwlJFH1a5xLwxthRF\nnz0p\r\n=9H1r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1e41eddb7d951c0eeca983e08e3fbb7b21cc3776","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.c927a5d05.0_1606160764607_0.675292414114891","host":"s3://npm-registry-packages"}},"9.0.0-canary.b349b5185.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.b349b5185.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.b349b5185.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e1b623f0e41835c3fa729eef1f4e588d05e0346","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.b349b5185.0.tgz","fileCount":12,"integrity":"sha512-5KIRy2DxoBxZ5dA141PPPCMp7zFnY4g5w6u2nPzqEf7OaaRXsDER1nSypakISgJJPJv0jY1LqJc9ZdbF2SjDXA==","signatures":[{"sig":"MEUCIQCf+NvyclzbQo4fF/6LzFvmuxZdHpnII/cOGtS/pRN0MAIgI96NcYETecoY0Qs2h4v7FPcpyFJkESvOFWMSk9i0ItE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvT3fCRA9TVsSAnZWagAAzHwP/2Em0U71fQAvR7d1dOLV\ndhceyapzu8JzlOr8S/Gk6TtqLum5w4K06+vm3/AvX6aFqaMLLMJexvfenQaX\nP5XAwPkKtEqtAJVrZ9WRc7RcPMxiPJzO6SMAsyIgD/JnD9McjclxRAbE2Jp1\nylV9MKBNd7K/bfQb6GwLg6oN+cixJ4BxSHZUfExfaGk21IBNXnwe6gpccdBs\nXFanTG4IknhOqkMmxR7yrrk0aMczUWzRXAOCWwNFMv6S0DPB86hBUynpA2bF\ntJR3oEpgBnzKy8GHEfkrEL63GvOMb81JWHj8tC923S/HlGVqBEhYmgXalnJ4\n9dvxGdwa7ohuX7VYjlMhwdPgsqaYn+zIH491fRpjfUuBxh1efQ2TBc4acE8p\nUajQdQsu+VMGIwlMC/DgxFB9m7psG5a5TKTy/MDQ80Frs638AB4UcN9cdKA0\nUr9q2oeFkz5eelzzq67xUpz0mKCLw3Y+SBK7ViwaziQUkWd80fqXeeDcoV75\nM9mbWG2a0iWsIanhNOePRdeoNO1/c+aOA9V/dFeSffP0t7UehwQL9SFxvPq5\nzdp3/STJxw8fagrZ80C05yj/ccpv0tFpmYnw65rl0HMn8kC8T4S+veiCRm0j\nh1Enj4q/EJl/eYNzomiEVxR24jMtlhbWWeGlOjho1srSnIVItaBgvhBgdRoQ\no8x0\r\n=fBEk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92e0cccba580778200706f15aef4e667fc007066","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.b349b5185.0_1606237662546_0.7519625744267786","host":"s3://npm-registry-packages"}},"9.0.0-canary.9083b7d61.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.9083b7d61.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.9083b7d61.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e39a62945aa80652f69a998349115e413a1517e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.9083b7d61.0.tgz","fileCount":12,"integrity":"sha512-q/MOSOPaAQY+Teq7/Yv70YzLDpppqA+39WO7KXv7zaxF0T8PyI1W5ZIN694fARyyr8XFO5RULkpgAI7E4OH1jA==","signatures":[{"sig":"MEYCIQCdViHC0LSwvXqeCyrHFjJtAeFLooZQI19rxst6U4hCJwIhAJt6qTxqa6SgA7jQh8HGOG+KuF9apzYWJMCrbfiAjQPc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvXe+CRA9TVsSAnZWagAANWEQAIeHOL4k0z8t7EcnqG6/\nM/kyIz1uCrUgSJeJFPtOLYSlDfLch5WgAj7njSUp53Q7CuFHFP1QWqeoYnA2\nGnpUqfHGoXV0KJrHYWxaD7x4ZYHSKkJamY9iChWwJUviUMFJ9GZ/yWGIWaPK\nmLV+n0DkL9Ws+MVOqI8kxpwcaSdMmyjxaicQu8FXP6cBGzsWl3IHWM7fzA46\nFaTTbue5VPZ2o4mBCNX+at0kv/EjpOQGgyaLOUR0yyiQCT1jNBSnk7YAhMAo\n72iXiiI7pMfJohp23W9+J8jqtR8Qk67e3lwUMkPcLxk4ukwxO0Fx5mEC4fLb\nyzBTL5iijDHzgZ45lmdTdtxyXnpK1NEKQRNiIAUrHrnoy0e5/fs34Un1zinC\n3kM0uZXcM7NW3n1o+S1jFI1bsvNhKD3ri0Ij4TtQJe0pahxDbqAfcy/Lrvcw\n/8rlBjuk22/StP9GlTu1GAW/qoQ3xXgPgVyIxusyZE+IcAcP9IYuq9aFgCM5\nM+2glLXFD5qLVnmf+M3nhgrE/jIS32Sn36LTTpc3I/PL8BPhkhKW/r3RqHrg\n6BirM1gBXnWEUWJmfEyrP4QfEJof03m5ZVAVcH7Pu6XzVqKqX8EIYNaFDMWG\nC2Imumml6Oz9RFVgWXwqAqn5/Wp78zdUypr93GrjDQBiYMiOlRs27W9FOoAl\n+tfY\r\n=pyiG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6192773b6d2ce6a74a5b464d7df3e9b57b238d4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.9083b7d61.0_1606252478449_0.16458776174376344","host":"s3://npm-registry-packages"}},"9.0.0-canary.eff7b46ac.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.eff7b46ac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.eff7b46ac.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"244f19de95f0b75783e71de8a15207713871bee6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.eff7b46ac.0.tgz","fileCount":12,"integrity":"sha512-l2NArlLF6FNd92CJJ/gk9BXJav4omTiPvdNTqSfzexEL5lTWqdGbhWQDmZbNXvC2nxkTkeWZpqRpbKm5RGXE2g==","signatures":[{"sig":"MEYCIQChcr9uP4vmQ5eE6NOkTnwM9YkgQl1sPKjoSMqvJ7w/CwIhAJi0HdqpkabnVbompJp6EvVaEZHyWxvubLE8STGePSjj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvZd3CRA9TVsSAnZWagAA/hgP/jnWKbOPFPrRxsmE1dL4\nrAoJirPWP24YVEAdwIN1ri8gvUyx+RA6sSTt5LO10bDw2rO5/bnV7bQz1eoI\n5lw0L3VIYiCQUYNNqKzRxwrS6WfEs4cvXT4S3zLKXZPC3X5UwBKOGydZ7HkN\ng90sCAoZkhtpvFn5A/4aB0Vg1ZeRawNKmqm+P27TBVigNPg0Gk3k24OYwTyr\nMp1gW7VGMadWnCAn759OMSernjyCmWwLSXBZUwV23MN+1Pc5tzzYPcTDpRsJ\nJyp/Dj6uTOoWTZ0ihffIlt0xYz2K9YHUXqN67nodzTa3do81T85ofKhQrnhd\nxrUyxmLliiMS0YGu+ZyDnNca5fuGpNuwlv5MUtAbpVk8iLPvFSm3yi8lsprz\nrbc55oHvmdR0BFR/UjvZLpwe1yu8cMGieNjnOBm/bnQK+Vzda3IRbc+QQGS6\n4j4gaoKQLicZolY/QVDN/nafzv0WbwkpFWN7f+RPqwEw1pwUQchjJJhzphjt\nK1sWp+SNGVqHbdXxZin0sNjacEJNo07HfQPfOVtAM4AwDn0XwBhzAQrK+v6B\nChAMo9EVWunrYMpYUDmZbobCJDrRcs3yb46b2RzQTJyN0z5q76L3kQvR1KwH\nDblKQHU/dgbS1Wm+DDWCBQk14HklMMIEbsauVbVdj5QY7l/bXwEUeInhi5WA\nVQnn\r\n=cUMg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b8790bb41654e5c7f7a7725e8e58c9dd08551129","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.eff7b46ac.0_1606260598765_0.6675877639275398","host":"s3://npm-registry-packages"}},"9.0.0-canary.ae27b44b0.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.ae27b44b0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.ae27b44b0.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8647a3607ccfe76e2a7a2a8ff5e41240376ed219","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.ae27b44b0.0.tgz","fileCount":12,"integrity":"sha512-+4p5uldfQQ6UVXoM2rJrKfa6R6frj8s9hOQINSlWShdUN5ziLDf4xUSmU8nc55qGXV39bT1eon9T0W6vv9X+zg==","signatures":[{"sig":"MEYCIQC0mRK2ufnunniZDLmsyeQrQ4eWMSg51dvKbiRQ9SSpAgIhAPP3me3ofkMAszmEww7f4r7FEMxJH7+doOLcoYHSbaO1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvnjdCRA9TVsSAnZWagAABWkP/jDQFQK4H34/uirLA8bL\nesidMI8c6XJpudplans6D8aXz6DpYsZfUblRijuK9MPRf6D7Q5YsiEHf8onF\nUQN5uJBbk5boU101a1kuPS8uRWuGDtqCEn7CLlEGc+diFPSwj7URz4zM365+\nVHzWSeq1iZ4qU/JSWbLyqhAS4NgasHj1M/+P5CVJrCGmiQf9LMMBt+LlT+VK\ntcwtuYw+UwDjAAp2cnqupgfzxAUjib8nDgYsXj5pFNrJquGXa9uYOJdhiQfx\na0+k+KeSr6ZzXOk+BXLfpgFmz4LG7f/U0g/SNp8/F9193BjUxjJ0u5Ac5s6J\n/gqKrrGXhCBn8LgUZAdNxunflkBXxg5RbZUcb+Jj7Mgj6L+HOgIfLB/TvfvX\nomu6D78rvbeVbtnTygM2R80w6UUZ2YN4KnYlfaQi2XZJ12ORx3mtF3CFkOTN\nd9ZlK3ENSVXWbJPLFWmsR3J2lFrTGFdmWPL7f8XkWaSN+niUciAiy1QwvGwx\n/XHgGmez6WIrT8QKAeIK7PjQRuHgov9AoIYhChCXrzqn30l158Dx8CQ6/eaD\n9BVVD5DYmbfNKBLl9tMHNioxLaR2ftHERb98oJ6QrUD3FePN92a/4/MzFE9S\nwYvPMomtsPXbabcamycpzKkKN962nzBbboA04UrrE95LEab5PannrAOzc60/\ngSLJ\r\n=tVjw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eb690fa0e9558b61ded00dc6e4b467cbeaed4c4b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.ae27b44b0.0_1606318301387_0.449860801863754","host":"s3://npm-registry-packages"}},"9.0.0-canary.2fbba2554.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.2fbba2554.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.2fbba2554.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1004b739fe4aa842235c78ec332cdd1c24adb8aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.2fbba2554.0.tgz","fileCount":12,"integrity":"sha512-3b8JPcq2G69wpuPxPsn0XT/+VJdRV96TL75XlwFBYw/EOZZgloq6v6DV9LKH/PiNv/DpAaonIENzJscF8h0wSA==","signatures":[{"sig":"MEUCIBRydUy+YeiHSqWpRYtGUJwGeylrsAtKI0EtU7/e2K0WAiEAr6neWL0pagwU8wibv3xYD/jYfLnzksGWvK0rX292RnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxS5KCRA9TVsSAnZWagAAmiYQAIc8MfxcFsCB47jVYYic\nipUds6ZmEphxW1EAacckSLg8bj9/6AyALrhwwB2Tb86Ce+PymQ0Fsmk5MHEP\nXF5B9C/SXmLXfbiXLWsPtn/BYIfzgQnGkhMRkEMpDd7IDE+/7sg0MeKpj6JC\nyBPHHovo0T2TqvZb+pWePCNbf3RTDEVCYaN2fktLOb6yMkkD6smosqlvIUsT\nbQMjqws6EP/5nuQwFf58pUZ7xIieEnMjci/ip4Obe2EGM6zbhX7dQGX2eFKp\nbl/AIbxXJWfkhibqQHvV5JKT/6Wt/kS11JdaWTAYZVli7o/YgNUnhXrdcou9\nwCoOxh9LB/S7OPQy8shwvSQFZzuGd22uwR268/c30tgpS5sgISZC4O3Pvlkr\nKKDmlIuN2nlhpDMANlLQ1LUQnMwGxSa+MWqQn/aFmPvjUC/URsXtYxt7ZP/j\n7JdA8EZI4CXpeu28lV+SbDxeUq8eyMMgBwAFTH4OaI4INctnujF0CuWBgH6M\ncQ1meEl+24YZ7SW/L8O1ruYWA7IJF0e0nR0kUuWQSwkJERYyLZQlIlMWr996\nIjmoKMxkENiGsnCAnJw6sLKOgO44BV5c8UH3xhLrBxOCKN43irno4AlqQW/r\nVg3Cmh71lXTXewq9M4xOJoZiMpM+Gca+OIzOHU8PqRu3R1Fr+JIqpcpZhB2v\nLvYY\r\n=wiax\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"93356628825eb23bea706adfd527933f0c5e430d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.2fbba2554.0_1606757961707_0.318543359116392","host":"s3://npm-registry-packages"}},"9.0.0-canary.6d8574fe1.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.6d8574fe1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.6d8574fe1.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36e095221014606341933b38a6de5f44b4407a54","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.6d8574fe1.0.tgz","fileCount":12,"integrity":"sha512-ygNbxGJimOUX0e7UQOQYxeck7+750H5rzGyygyw+D2dsMpnoPKc9DJpufLxBxlaCDEm1011jxUHquNf9zKeWfQ==","signatures":[{"sig":"MEUCIQDq06mVsSA7IveHdlqG4TM4IN7TtVTm0ME4KbDYd4ZfrwIgb4SMqgPrsXTwowrsCK12xJ7sbNgb0ayhDlSSx6s4UIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxTDlCRA9TVsSAnZWagAAtisP/ApJ2pSMJ5JrjqPIzh01\nknnY8RFLNJ0olWQbUpOn+BSEkA4IvvrImdCpIRtJWa3S/YwgVd/d9/Sc39ER\nNpmpAPA4LKNou4Hk6lDXDdOkJWLMembAQYPxiph6U/qZ5FHE9ZBaMarxIDIw\nAtBuXClvkeUyYptBRxNnliYDjBZoTFnmFhDaWVxC+ujNdi+VQXgFkZ4QLyIF\nsmNt/Wqhs58r4J5nhvtOOXPsUvOGaCeyekLJ6bQ9rRgbT0jvuW0MpRqD0ejz\ni0ZeNomqfZErvhbaxhWoSUSWmhLlqCdeOxSS2KF//zQE4nttuKDGQ9EU/pam\noqJxsBiL7DO4Dyvowm0bfQ3Ti1XklXdAbV7riwZBZyJaRceN65anpnmSE4qt\ney4WFDFcZx0NoTBhsjBa+bImGzF4bBDR7ewRYFpM19caA/7n9c74Pg7uDiu7\ns3ascJbbZQlPPlrKZW8DEKU2BX6u4lfWPDEwv1/4MaXDVwJXFpfcMVfCh4pE\n04yQUsXgI6MbIL3dMXJcyOlNaA1EbcAjVndXApn/H7pELhWTSlSdcIyG4Mb1\nRVpBpCTzXtG/CXzwFCbydF5ZmEo+rDXeCe1YZR03qwPLRMYexWRuyVBZQN0o\nncqlpSqVFMOfnV7BwYMsS6Jkro7reQiprcCXL8hVv/lxVOV1Y8OzHCHhCVjH\n3P6i\r\n=jSai\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b98a165c81d2497f6c0e8e5652743d71d87029e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.6d8574fe1.0_1606758629313_0.8027042493708128","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd22355f7.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.fd22355f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.fd22355f7.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb13d27c612825962bacf11c7f45e7d17d18b926","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.fd22355f7.0.tgz","fileCount":12,"integrity":"sha512-R2wKzMDIIpo20Z5AWlayRHonmhBNApjf629ir/wRSy31RXGYdO33NMqHbVc7L8kEtx57HTWqFdbBdE1Pcg9X1A==","signatures":[{"sig":"MEYCIQD961ccsrFzo1IxrW2msDLCHiVTO8av2+AlGFE9Bo8V6wIhAKUVU/7b6iKhoOZ/gRyMUhlijAKFsr39z+IIyJ1Ncwjk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxXkbCRA9TVsSAnZWagAAzT4QAIAxXEQZzf7uHCQ2LZje\nsgdy5S9ttHSpJfPrvSWlAweylELbZ91+PFZtkTlgtVbLtxsTRMkwc8hZS83Z\nW0kB6iRVeXmKg4CW/KnZ87Fj84gXHuWJXvNVUWPrsnw/QeIZnQtBp44YX3sP\nP7vLIsWuTmJX6roRCLhn0kvhVblZL6jDeePVNWlbd6cFwB4d5Bf5zbwIslnC\nCV2WVjF1UIzA9rOUgGPjWGLDR01r6bR66/HkZwv7W9CDpynOFQcDyEIRDCKB\nhjQnfz8ewa73B2+ILXhikcVmKpMBfI118YxAS/24+HO6qS8gw4mbJl+FViUG\niKvagMmBC06WRAbA72L4n0pZ1dRD3r4sFDD0/BtP/AgwnlBjIA+PxNQczDSH\nua7QfBEKq6iBPW2qeOdo0hyi0fqh6/FvvjTB9MG6CGDiNEKEWpb8mZ8XH8JP\n8+8XaopVk2NZywdCDzP2JtgkD5aAopXLZkmDp+n16q+7eBYIfPM4UdLXtvCc\nMK6igK/kDqLAcSfw5Zbt+F7dWp+HaoQhaT6G4nFSDyw6adl1UdayDSwAQaPk\n5GMYN6V6PAhCnlZlGuPFiue91ODAdowkIaUJQ2toUhuBd+UwciG+OJfYL3TU\nVpt/238c2A2u3xWqXIBXr7YLlDLiRStxOaV7ijExrnyYTfWUrUF78js8GSTj\nhhgD\r\n=/L2T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"86a40292baea3adb58a6c26ed8c68a9a425cef18","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.fd22355f7.0_1606777115249_0.9499613018083575","host":"s3://npm-registry-packages"}},"9.0.0-canary.c4ab98722.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.c4ab98722.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.c4ab98722.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf2a095f06b49ea8d15253c9364393366106e9fd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.c4ab98722.0.tgz","fileCount":12,"integrity":"sha512-StqHvV1K1fgJ2eYhRazRMAUJp9mAmhFIOvOBmZK91d5A8JpB4xvtVgb3EtDI+ocHGq47XTUQk9FZ9o+1FlAZmA==","signatures":[{"sig":"MEUCICoFFrgq678zgFAENMHOdfrUEIu3xHSrgfxBDQwUMP0DAiEA96jieecdJjqmLH0DF/2ya5EXuC6/vHIpGdD2Jm0zGCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxuYFCRA9TVsSAnZWagAAnrcP/RlABxzgwlJ3pDoeOpps\nup3oT88o0PnljfslU7iewUolEsYetgSQIrislUPiSZoSjQ1WGSciG0TZ+64F\nyzsTWsOV916BMEd6FMsxnwWdjCDFk98p4tPcKvE9jxE6+N8T0W0ZOoh03zMs\nUzuUBj9mEIyTNTBEgx9NLkNpuwSgLYG5Sa7VHHHfoBPyr6fDF113wcN1x66R\nu+xEyfSPyYokO5wD9nQkZEDlRUZAw/tVD2VeGWNNTsBFuvOO8ivoK+/VUgMK\nLhdAo69U9y5CfiDPQ/c0qbAkS36bi3bcPPtYPTrrFif1afCbRr8/xfoieV6A\nlg/vx+UtjaYrkPfeRehrSt+v2P1NyxZK9QdcNj9OAkbCDyYXPiYpxlXIJvTG\n6YZzVXhwFFQNtDuJZwnj9343eVK1uO1W2ULBc4ByJigfttH1RDxd52uHQioG\nYgXxfV5a0IJ2k8Cj9pxVlLKC3WFuvRRcSKnAk3QKdghuvnLaVBabIXTLipA8\nT7oSP9yNHUhkJXKhlgVQdXJJBJ1MWd6Ku2yXVcn0MCYJ2mJY8TXdcjf19Jhm\nZaGnBvT+PfCOpeRz1CBfhvesXMtxPxIOjX+X9MOAeSye5HEe8B4ixN/fDg9j\nCcSvnRPsXXo6mkHubl3Lpxvzyh2WJYT9d7rMv1B02Or9wqvfAmCBfaVYpmvk\nYAYT\r\n=+hUy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e6187eb74996c124e1abdcea72dfb697bdb1820f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.c4ab98722.0_1606870532845_0.7953969847268854","host":"s3://npm-registry-packages"}},"9.0.0-canary.977585650.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.977585650.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.977585650.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe007762432e52ed67a76af2c407ba987dbeabbc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.977585650.0.tgz","fileCount":12,"integrity":"sha512-W5iAQPyCIYsHVAV03zuEttVCOpBVb/SgomIs5rUIAWu3YtNmLmYAjD43wWWUb/uuaihnexZoUvYuUJ55xdlNpw==","signatures":[{"sig":"MEQCIHixxgQsziwsPG97SiN75wmdHtibhiLZIp9Pn+qUJopcAiAFas/hA8SVY9yHzm28uj8p2WA5BIrasaWLSQ9A37SMoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6d6CRA9TVsSAnZWagAAdcoP/iS4WDcKRMUplZrb/daJ\n3LYNHoiI1mR5hmC3AiOChHIXsnZ8a6ez+yCcF89wnhWYCV6Q/Smg6N1Vg03U\nxMPGP1Y0V7yiqPPsoM5x4k3mRfpQczdFfROsA0+E8Pldoh0ipsnz6t5dWJb4\neWUaqkAJFotNC2p7HmJuXQjhvcHOxWjBj/OgoHTUfGJqPhK1aaR3VQkgXJXO\nzmRjtMOhE7Xq4/gbNprOaWdFoMR2em7zbZLwbs1RBizcF6qjywUrMXdAklRd\nY2cgwA4+zwbB07oabKBui4owdyT8fvC16An8owj0ZxnvqQa9W0Bh1hrQHFog\nU/j8B8kMAaJoKMbRU4j/QdEJBBbfTbmZwbPeNQSTzR81+TC6gwicQ0O4/bhi\nGad2wfSagfIIVxnswdonAFmho8I5Swr78ToUFZRBaZmlRx3Q6myPya2G2D/K\nZiJoX4PB0s/jKgTH9b8SzCUfF2kh4W4UghpyiExOvairhy2XWaahKapGIJBY\nSv0wDff2aBrs7ilNqDk0mvf2Bk9AyAYiLIPy4hSol6xx0sCeDl3CJKuAPFlQ\n2sveIE8QDh9GYkWmSe6T9jez9AoaltpEL+ExyCSGVBQncMF8tWmBb3NZbzo6\nf3jb1YKBGE+URPu6eNnnzerDF6raCpVokRj7PqAu/LuTu6Tqw/ICTN0UHM9P\n8q1S\r\n=nvYQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b008ede8c0d581314d3b967bd295990ca8eee38e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.977585650.0_1606920057776_0.7249566615632563","host":"s3://npm-registry-packages"}},"9.0.0-canary.c7edfc7b6.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.c7edfc7b6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.c7edfc7b6.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f3071fca6d4392df45ed13e38881d5cb39b83ab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.c7edfc7b6.0.tgz","fileCount":12,"integrity":"sha512-HF+10vbc9sUfQuwW/AED8tuQ2/KiEVA8HsKDYrXP+qsSxij9pIfx3+awl5ByWURCsO/kzRzpthO7F+/Z9y0f/g==","signatures":[{"sig":"MEUCIQCvuKMLGUEdHMN9dKUCrXB7cw6JVt8uLYL/HLAHoad3JwIgEZ7F/MQ8IhsWLWN+Mdw2jD4Lzs/9TOeM9/CbbrEodzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6lBCRA9TVsSAnZWagAAKCYP/2cqWimSpD+nf7W2AAwc\nldcq437TPB7dvK01i8oFwKgK37DPqtt0mYG4FVpljx+UIfmysdATpzaQrsq+\nk4IGdjeEj479rrBe3IZqZx7rKJitgcYDBFcikbKu19Et9HGZr8hS2KHNrDqG\nm+zc7Z7+szjnsL6Qg24cGF5ebypa1EJ5IlVPnnHFq4fk6luXjZhrFYkybUtY\nuArV0YG0h3Icsh+0HIg89Qd0Hy4MoD3gP22+jBRNaMXRt5VQkw4kSLbFU6F8\nwcc6JWJwjiJyzrff8Y+D8AhI2MrNd3YO1kCQiX4fVcK14d572YwwV1w5+DJ2\n1OSkhjQnYScNzN9m5PbjNFSd59r0YiW6DmATMpS1Km/jcXheRLyLxnAa/hFs\nFug69OkEzONrg4LahYvMDXdWF2y0A36LbPXxjk3nnaBeUg0/WtojYzRChKtW\nOmdM+8b5KvmplAmQboGyYkJ9Sm8aqqS3n9zLIUADREmHufq2gGtVF3gBLAf5\n2vNcRqON4mWKg1DukU00MgEPaosB/cH6QDKJcxXZPZHLnkRj55pCpMupfovu\nIsjKhQfCiJn2WUf5mTx93FKjyJ2V12nKMqAG1PbtZThh5qAy6RaHuHu169Km\n6j/RlBTYUtYlN9nBQ9TYTI8SJpVkQrxrVSOf4u0GinC00yumiC8p5K10QjGg\nRn6V\r\n=insH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"791973660a1d63a77aa10d2bd0df7c0e6ea94698","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.c7edfc7b6.0_1606920513417_0.9279161875101978","host":"s3://npm-registry-packages"}},"9.0.0-canary.4f3347306.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.4f3347306.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.4f3347306.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d809b25e2c683372659530b964e7001459d2b87f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.4f3347306.0.tgz","fileCount":12,"integrity":"sha512-1qVOH23MYXuIAzMvgt02pviBpOklQegMmCqP25/XEL9QRUkC80IJ40NIF3Ylf4NbE2QQTwT2YQ4VXBVXro+xEw==","signatures":[{"sig":"MEQCIEnOfIXFasBMHCdPLRT5uNsACQ2G3XxK25t/DyNREvvwAiBcOFvmd9YqE5/KuxBP2eWf2C4e/kOi7GpbvCtJljMlYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx613CRA9TVsSAnZWagAAMLQP/iAsUPdeupdzPmWJ0n1l\nsr9/yRfHBbHGmPwj5POfZykvoAzCWmPCQqFG2ntNo8CbNM1AaznKrUDUyFBZ\ncKbTHnUfZEgvUn2HrgyqfUpsmQwEXh35Cl0/CfokwqBU6xuUAHLHg8TxJZBe\nlhrQ3NLZ2O6F+fM0i6h1w7ULUtPLnpPVXG3uwxUsQ62VBVzHvYf6WLtFscz1\nAIZVsuisQEPtxYobMDbhzYrz0Pzr6krHwWIHU5hIrhwCwWUQbhWquR6BPODX\nd0vnfr2Vi49QD54xPBRoxPtkeE3AQt7B7fbIDenuYA0EtlPtTIqpxjkpHPbo\nm9neCCF/MKr76wXqwA2mv9m4GoRo8d2jOvEPzk6dntREwOkWsD7lB43ypcDv\nUDzX/M4jE6WNNqLS28cxLketQ509YoY7tyn0GxMIrtuuF8kPHbWBQYTBk5FZ\nX9X32+KtD1DcP4ygD/AXhBXf/EnP9pyqEK8zar9MHeJnBHcyy7GvMJWUYj78\nDC+M2RfsGtkhBkmK5UYxUq3QWVP+ZdFMsIVjMYeOeDtEYD7jHKxKcC2fv4eu\ncm5ToNekeyavYleJHoJ48QI9DYYIgnZF7jk9+ymZ8zek1DRfCHSWJbGmbJsb\nxoK6s+Kt64zAmAmZ4kqpQ3YLCixCsx1TtVUufprr7dwDbgW4WeA1lGkpDgzQ\nP7D8\r\n=CtHg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"31d08595c0470096709a4d5518ba7444313882e7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.4f3347306.0_1606921591490_0.3985442390391687","host":"s3://npm-registry-packages"}},"9.0.0-canary.37fbae10d.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.37fbae10d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.37fbae10d.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f6917526c02906caf83acf257ccb04317032de2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.37fbae10d.0.tgz","fileCount":12,"integrity":"sha512-UUIoXOyrvt7qcke5nljxLMJEVCZnuqqVC42pXVapU1HR+7cug4hkYqWz1qplSrBQLiyec/PneSg2KM6DWzxf1g==","signatures":[{"sig":"MEQCIE/bIeeCyF3GO6orOE9YS1Ze+A9Vz+90FO7K3Qun/JgvAiBq/09hyP0HWIsZHrDzEgOBtg7f0I5OhGsDxDTY39JIeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9m7CRA9TVsSAnZWagAAvCwP/RBRqiB9pSgOE+skcYcc\n8hCs+nYyj947u/ldxN7wX4I0e/DZHTDr6dEAYe4VU2oW1VycKwdEameoKsQe\nKW5GWwQCUGyZ4IKV5q60/ex5Cn6VYmqCIrtPBMaaquUQsOi9Sga8avkaNiTe\npYP8k309zzdRXAh2hbPs45aQDJfYhQdpl9RjLyid5os+PXQhS9apHGii/FuV\nzQVl8me8MEJR4IvzBSPX6cRXmcXSW1/azZ/FRZtEBWyNqbK9Ax1tkewUpx0e\n1xEPfgTfa5WA1chnWQnHg1r+TFhVtjcUoohgQSgj7b8g7WCTwOF6nBeKINsf\n5Oz+7mLLXkNJv0wvMrsBHfETsKV7gVUJDPyhH7sBCEpofJtyb3deGgC4xXWC\nbRhK9w+sQq6H07fx6tfItfQ9LE/axseNC1KS1XAMkLE8TwEORu9XqyFRZY4L\nW+lu3RApPAst+vIVdWqnncCeYUvQPEhBDryoSQgKqfnvfXNJbdZrYfhrHFpF\nsOK94Y89PuKBIur8fjakzPRLAmPJaKenSDgLBIK6mJfS893OTzC3VPjMMB2e\nuzgnq4AHB2LNA5jq7HGIrvlioC/12z3IZ81pk7lahDJIKJhKpT6CNTW36nbU\nK6O8S3kmzoddnCKZ9eg62JtN71NGBqT2y4aytd4j84rxbffmgzq66KX9vxmr\nSCiT\r\n=dhVu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"104ddf5dd99e7bc09a57e2cae74614b7726fa235","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.37fbae10d.0_1606932922473_0.0014818117836010725","host":"s3://npm-registry-packages"}},"9.0.0-canary.11da3c0db.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.11da3c0db.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.11da3c0db.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a9040f6bb9df7d21cc6d8167928cdec23543ffd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.11da3c0db.0.tgz","fileCount":12,"integrity":"sha512-4cJKGgz2imCzBiobOHz4/ZNKIpl6Y/6/X34vs72jwEfO7vnR/Ti2o7MMduVJ++7kVWBisuMaXyRxrZBB5EJQjg==","signatures":[{"sig":"MEQCIAdEM111nzzHbNjbd60Sa/4kplKkEVSLmGMgdsFROt1IAiBi4vDwMbvYd3rD6OML/xWP29x4EV2tFR8GQvnjyU0BPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx/dCCRA9TVsSAnZWagAAhDYQAKMFYsZFJNyd0o1Qq9l1\nyVLYPyXmhDggHyf/mr1hE6O9NtBBTm+XqQKhcPer7lXZq4priCMPkjLWPMTo\nyBWuFL+4oCDbRybhNFN9Ieeh/LgbyQD80PD5bHx9LoL0Za78v/XGdFEunJag\ndmpHgchfF3ReDh+vCSbm1nDoXzbPv+iuKTEyi9LFH1SOTgL3OUwP0hlBfyDe\njoMPaJZo3kMAq7IZQxQTn5ZJY9dY2B96TSlgmkfbHFelMMUsh42qDgVeJqKL\nsTzG7zok9Xnso5iX4dkk/Bv3KVaD0MunfNQ2iWkHpn9PLMbdm3SH+ttOIwIi\njzu/+Hy2DiKVPnYKGlxgb7yJLf8SF12WaQYHtlA2pkamDXFxUkUHXEVPE2Ve\nyt4TKzkUhmoWweLMdbFtCFas4CYhfV1wrDxs08iNqD0tM/sbaNacXw+B/Fly\nulVXE55rCfSE3ImmzcqRgD/zj8q8jCkY/Wm5k3KjiCMN6GgiQrLgtohuE5oE\ngqxbIunOs8A4JWIb9MZ5nbEZOErlpS0+0dc1ggQVxdvPUEZ9nB7ObAWRZywT\nSlEE2cnCbBapetIBO8SH8J5S25a3EbVoxl2fJNtwrOMB2Cn8H+TH67U7e9HM\n2bLNCHd3EndvxrtvI9wHrW2Q5tP/J+s3AoYTqV0PJToijjdZI6FonKoDHTG6\nlkia\r\n=+cTD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"db8b5af79bc8221682000a74eab75c30395590f1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.11da3c0db.0_1606940481766_0.16985669894208333","host":"s3://npm-registry-packages"}},"9.0.0-canary.489d4c219.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.489d4c219.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.489d4c219.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fddec1658d27a9712b326fa93fc0665cca23da05","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.489d4c219.0.tgz","fileCount":12,"integrity":"sha512-PnvSrhj24g8+IE8IflRLeGp+eobeyRBJmFlBk7oDyhvGBT44encUINDqb1q2hTflU9g9whU2VWHmj93HL+t0MA==","signatures":[{"sig":"MEYCIQD6oDY8EwQbUqR8J+ukmstQtYMu6XZMvvaP0C0dm1YhWQIhAITLJJ1Q8fD2F9EeoonVX9pOrOwRpYilICaamqW23tWb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQQpCRA9TVsSAnZWagAAu98P/A+c0f6zewy/TtxIWYoF\n4f0Q44vJVSw55BIFXWvTCKXQ0O9Ug4zwqkeX/aui54CwlCV1f574dRbZgrJs\niK6a672ydVbyCavhRltBZOZhVzbspq7HoDoCG6y5mhRNyEH5S9o2ImZa7SKS\n5Ss+4/bON02174aWsECskQhedbYa9wa8fn+X/HCIx4qa9ufm5ej2uIMC2Yvx\nDQ6C7TCLJCb1VqxZyf6tGTQ/DGEy9Ht/TWItvCyolLyqspvxmJn9n5aypXuV\nCSseDIamsLhlsmh/B71GKk50iS4H2YeSJ2P5oFsA1rAjBGh07kMZNM9UIAhc\npxwqLVJvubI7YXcUJTrpycTvtevbpHnalwpeOmiaRTwaInE5YegnPGCmuabD\nMIN/nTN+MDUzMQ9k54Z7CaFihHELs0/M4jOgs+7Y1aOPEM2U9A8gzHFKArm4\nymaPDGnXJwiWsyO/mQ24ySyQv99x2vinJ4rsHDkYjMLNLZENzX+LvSREZwXs\nWG/XpTu5HcCgLS0ytGbFQKGdnHVM3tY/r4YG8G1PhkGAes+Oxj8Nc4lbQ5aG\nap9SkN0W0q1SvFD51qsqezuZNkscqVD45mbcQZwS84gMPBAlOzrpCU7VjadH\nL/VH/hJox/tYcUKFwcaWlft9bShoeUl1btszFZvS4oLiFIt1k8WtHdiO4OG6\nxpfb\r\n=DkCp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1c4ecae655bd87a48f6065e7c292d4b30cda43b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.489d4c219.0_1607009320855_0.9638818624133543","host":"s3://npm-registry-packages"}},"9.0.0-canary.6557a69d9.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.6557a69d9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.6557a69d9.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf6bf5b73915e38fd8e913d602133dcaefc4aff8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.6557a69d9.0.tgz","fileCount":12,"integrity":"sha512-CdBIjxVfOS1aIn8Oh6RIQOFPz7BwSuRN1IUBd2Vm79iKbjvdvGvn2wOIfK/aQAaSHZwxYnPYbAHXo7GRNZIfWg==","signatures":[{"sig":"MEUCIFMOjrSNS9xOdWMF0SUMOUFe5qpk5BcTuLbHnZzHFJwoAiEAv6Oa9JtvxB3Aa5QyXJKeOPNbV5jd/xzcMiirLxUbmT4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQbvCRA9TVsSAnZWagAAFQEQAJxVxQq+emZfyMaVxzzU\nrsr+q5APwf+tfSYNg/d2/PewPEva5Y9IDfMBD52bxkQVR10EkeZTKLcIYzYu\njRKZ0lepQXeBB418gFOkPDNSyGptHKXvniNXm7IUbD4Kg2JSM057HGVkzuDb\ndaRY2zQDh6czcMHxxLqcCAjOO6T37Z/T9AaxawCstv02I7rEA+qQW7C3b9qp\nty5/QPN8pNl0Rt9WDdxXfCHvcek5/kvdxOLP1t2S3GRGs7T52ANkwJBAIBAL\nRkafq0nZy1U8/d9L65eGwltCZte17FzjifFmLJPDioJxWz+zGImcvUzPSAX9\nC3jdrDry78nKv/8FYy66+lkSD7BzgnTC4va20W+Mv+AZbms2z+FlCXP/xGWh\n5Jkq11qG4u0zxk7MjOlkU7/0tXheJ4EeFpZi7TkfoaWDnHsApLw/tjTNCtLm\nETrZaMRJ3xJbyEymD3IuM2N1yB2AFDTQWkRhS2QX7b4VyzL6iNNslrF9l1mF\nEECiCZ1tMQcifdvEwCwD6lf5XYmhpYlqWHJy/v7A7DzC0nt0fE4kUh7voWHh\n87PomPBYGBOJhBIHrc/TeGRI66bZ/0NypkgWlfqTAZvfmdo+/z+C7aDGX1KC\nw9a6MqRsPh9ucyktEh2E1xHrQFw7KtuvD8yOzVuuxIaMAJuRfnYCWhjgwTyF\nFkt4\r\n=lrQm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"55ff05f1fcd2efe299d07cfd81279127a6fcaa5f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.6557a69d9.0_1607010030878_0.7276036525685226","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ea1b7c69.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.4ea1b7c69.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.4ea1b7c69.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da73b5609fa356c1c2fd0a43e8ec267742ad0c06","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.4ea1b7c69.0.tgz","fileCount":12,"integrity":"sha512-2CD6CDjb7ucFSnwghDxZppJpdarrw5kgJvgCUVfWswt71M7aGkEVNwh4v1z0TVVcT0txYOe0nkHUL05XuY1I5g==","signatures":[{"sig":"MEUCIQCtC4VYUuopHNkc4ufowBJ9FUK8144LgeCfrTGwdHCEMAIgAlAfaUTRqQRT3wgEU3/jY5Mybe6fk1RAbtb2as94PVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQrZCRA9TVsSAnZWagAAVBYP/3F9q30H2nLWNNqw8K7t\n+38DfrAkQ1xCWBGMBuoua7RRdbKszSg6B/IIU0lw/VU/jecUvEcPraNYLvja\nZE/fYrz7cMTWaH+kF2ZlVWqAc7EISq0qvjZjay/4/vkjOjOTb9N7ZgvlTQQd\nas3J5RcdIkI2VODb8b9l0aWdYSJli/8jj1A/qQw+sRLwO6q6dbXUHC5kTaVw\n8dA+VxdpmmYShQd+IFO/Gsoc05Jwry6lluoRNYEgoVUKwLZFU/N8ZgdA7mZH\nceu1gleve1Fu7B3Z6IzL2mh4FeDJn1cwSmb/w/CuM3Nq+wL5c+yYAc+c2NTw\nOl2PJEHHMBzAAK1gHNRsYaCdXVJ0JMP2yZAYWAmsGmPjedzWGZpz69uJWUXO\nrmt0XNkCbhB0l2KcvtgRhTx7EK70jdgD5xgB4vzhEenkDt7K08Nq0nfZQy25\ngRpgRN/Yo9O3PcApQtTT2QZEsLBAvkYwYM2aLXn6XkOODKweAeU7tVz+Nzp/\nqTUIlp532/T7Un3ySCUq+VUNhZSrtegQnu8f+0P2t4KYpgzGrdy3MaQ5Wgxs\n542nw+zi6ThnvyXkspfR4YLWJy6tlsYEr9SGo3DuUAWuW5SG25wwKgXDUe9H\nscxH8Xmb5C3esjongiCo+VyBhG1nDOLuTMp5I8pYoJ3Ytyd3SS4KuWhtm+a1\nDQz3\r\n=7eUn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7307ed831dded5d9e22a8faf595a7411258793f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.4ea1b7c69.0_1607011032707_0.44993054916387654","host":"s3://npm-registry-packages"}},"9.0.0-canary.eaeb78ce3.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.eaeb78ce3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.eaeb78ce3.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"520b533ede282abd81f92bb7b648c394da33a72e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.eaeb78ce3.0.tgz","fileCount":12,"integrity":"sha512-g28UzDjbazu/H88bKZZwuT/CRDbGXPwqXJI+YArcHH0yURtCVPU27fMxZNh8wju1mns60TFEOQBfIsyyjrH8WQ==","signatures":[{"sig":"MEUCIC206AEfom5OaRh6ooT/aElHCNSq1q8+wWxDLkJrrMJ5AiEAkeduVcZzS/HoVgEvYaMDHhJzO1dRjU8Mufg7i3MIYfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyRmiCRA9TVsSAnZWagAAZngP+wavOLJK31bP/O8ytqdR\nAgFM+HssTnQO1ucvPy0mTMTtdFPSzuEbcQ0L2OI104wygxQcGJfUaELQrP0i\nFowGU+i0UHXGBGcSSIeTDOKE3eFRlhM1LqXp3AgPbQnDA+nr+FPEsjEVEAbk\nR72+WDoZ566KWpHdRzUNg4PKeH19hNHDzdeku83ewE8Lh+35nIQhK7syWkoh\nBUUzDFdPS42w6gXF7cTY0c4dKswgdjdjqP5UfVAt90IYgkeGj68MeqmA8txF\nh5We8pV0dlhVzqVJywD8AfEqyfjElJ0WIFg1tKYMCTVSg8gLVOr76yekb/2j\n3HrmxbMko2qBuj2rci2FCN+DkyjZxie4gLAT45+dLiqtnmRTMFtJbpesGl8a\n8n2sJS0Y4qNi/Hc7n7f3yFXGerJb/SjA+xwLqk0AQxgrsY+7hqvOFPM+fx5Y\nP5Nu0uTk3bxVhNq52OSQwrOzNqYSORMYZv2lU2E5KoYpvL88n54x7lnfz9hz\nqL7BH+0BYTCpjJhKqCMmL08U5hOHeKh+bCMF3O3Cahl/WiFyHikdusKFI67U\nuGAn09ZiNy839iWQix129pH60Q8/MYStZppkM1H1UuOkUCWThKPxkYibgG0B\nvevFmn4vAZPEhCyreLp68RGx3rKGsnQWWRK0vFc2UMrcfLpW5m3awAec0e5u\nq80/\r\n=DeYq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9902fe5ed18fabe2d289f92e75dbf17abebe5a80","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.eaeb78ce3.0_1607014818207_0.45819969955735007","host":"s3://npm-registry-packages"}},"9.0.0-canary.1c156d69d.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.1c156d69d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.1c156d69d.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"feaf37af156811a088958e653e6c08e66f567d2a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.1c156d69d.0.tgz","fileCount":12,"integrity":"sha512-HWd0+GMnkVB3anmUc9+MeWCNoogAbb4U7ihzwq7lzLCQyC+i/kunppkUVV7DhL3ZVl1O6zIw1eAT+dgQpN8x4Q==","signatures":[{"sig":"MEUCIFlj431+0ADavbmwDAChbeOF7LIdxNqL5Pq+KBh15209AiEA6na3uwpqMLiUzMQ1VzsQoZAbbmA6iSAc3w6B1DHck6U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyU36CRA9TVsSAnZWagAAi2AP/1Ps6N9ZGCdZ2QM/zsGL\niS8C1f/tYMJmJRzmkx7GNSj/4bleIohfGMvtpecVgX2z7QNovXJdBYvv2raA\nipZRQm+VOuHLZmvtSKU3bdaeCSY6EPq/HEDmp5N91Xe9C66QDygHj9IcWLIg\n2pqrcJVDcFJU4eSIkm0e/5gzltpB1Q+cSUrB/FDcJcXpvjrEAKlYKxOMrv59\nagQo+otHm+WZrSu7dpEnpNnzTeM0Mz90YD2mE9jo91ZSxCMMQrad3wasJ1H3\n3q7g+TMUriVXHo6gNG1m7pMzAT8KC403UMh6YFsbmGzbRCDoSPWp45K8eX3P\n6XVbe9F9HkX+FxWZJLid41X9Yl5qi3Fl2ygIisa21DMJENlW1eHU1B8a559S\n6WsXv2GOGT2PgkTKL1SJvZ3xsv/9toTWvHOo1cXQf9j3imC93r+59txpgrNh\nPhTv0DguDrBbAhZYH23VXQCMeJUXB8TSV6NTCRSvtCXgT7o4ZPS2spbRAyZg\nhKM/CiH7nF0NxBsbjMxXWkhM0ybty4EsH+fZELpyHMpz6oh9XehTB/gyYuvK\nXho+GT9WDRVvs8rqFFzJWj+vbsU1RmGDDgCCBs20Q5PyCkvjcG0KYSIrA+It\n5jXpgfCM6Qc5OKPViPWyHjak8qOTYhKMSShloeqYi0KQnXhqqwdDQsqCPeSJ\nQzYt\r\n=17OX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2239befcb4baad98eef5bd67444b0f759e58a812","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.1c156d69d.0_1607028217877_0.8224850503786973","host":"s3://npm-registry-packages"}},"9.0.0-canary.832668d33.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.832668d33.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.832668d33.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75d609225c59848d083078fe95e6363339bcb6ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.832668d33.0.tgz","fileCount":12,"integrity":"sha512-dgCwtIoV9RR03/lw9DSGNb777wugjySLwD2TLhquIv3/gjY5VNRdg+1Vcqd7B15Y9yNnCUc26a3G7mBo6BCPlw==","signatures":[{"sig":"MEYCIQD3olRNDnOdZBRep9oGi8Xk9HTQUrWqNRGuFw9EMcG5TQIhAMCyhGifQeR8QHyRTy6y/gv7foHQXxg4xr+N8d3C0X0G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyno+CRA9TVsSAnZWagAAVQ0P/idS76Md+iNAI9YaU4ve\n4//w6qokQMOqCVfK6FfMyUOWetXJsBfbbie4SnLW/P3QckFUpRB+wyXr2nhP\nF97FaU/vW4rAp0oZlsXDIiey0PxXUWvE1uzJIvntimITDKD45GDZiB1sTPy3\no1rf4bmf0eefjOCjmXCMhBJq2jcH9pJO6cDObUa+eDdDvgixqYtOM5oLcZ8V\nPEOtKK+UIfAVSm8o00McwOpBOVJUlJcqKas8qlpGhWscDKA4fwsypWOuLoYW\nBMpA7WUTuZjI2BTziaVvrokXuYFU865Sakx8NNbWo97bSIXBYY6gow2/opJh\nFuEvLeNHJNT+JpngKV6kRFVaGa2rl1NrhCV0/65naUMat6ykB8vuqLe7H5dg\n5GfqKeSfe5Xfew8DiWDLQ2xm6qJn/GGTIaB/Odv4Vsg5oylKcunmA+vo3i0k\nj2WwPAkcKMjJuV2iohqCcYyET5ONm/N2JfPdgP/E6wKXcAy6imaVoDnAT4gl\nvgIf09p9cZiLn5+2tdt2Aq+7n5dlJPXi2mlg34M40TG2vbGrsM2FXTQRuZMy\nIFj9kB2fY1NleUfrtq2UAeKB0gIGX9uv83zp302GNKwM1tDTBi93DWkxEIfY\nM5GAR46bCIB5/QhuyWgPq3aScCFrMjEo9f9OiiaWNOkgGft5X2mJyQYi+gVA\nxCmE\r\n=3hxs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5744d71a59950726441cfb1b4e3ae33706069b94","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.832668d33.0_1607105085855_0.7522021049360281","host":"s3://npm-registry-packages"}},"9.0.0-canary.4321323e4.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.4321323e4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.4321323e4.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03a4c3017d0ce06b26d11dcd48333e5bf3e23860","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.4321323e4.0.tgz","fileCount":12,"integrity":"sha512-fH7SJNDht+jsljnnP5BRox/p/L1S/Lh1Lks0ZoPcFk2jIhOhkZcsE63VfZMn5cRoP3H9NFubbIG4k973VSX/lw==","signatures":[{"sig":"MEQCID/0eyKClzm2Af3xiJveaesAbYMWPn1h56nD5pfnOSTFAiATHhurgfAj4vWuS8raKK0XaFZpkpf/Z3L5UeqmoTUjdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzhG+CRA9TVsSAnZWagAAKfQP/1+VSEiz0evRdSd+QRHE\n8MPH5SxZtlSsb57xTSdOAdT5W4/LpEz8UIaiqkZEmSx24ZBtf8Cvley4qzwW\nxQ4D9diBM3rxCIY0myWyxEOeA5BfEdmocDhoGRismZJ0CcdHd/7dRLMqzpTT\nH9QlJ2tdgcaJoMpMC/FFAyV9Lw3dNZiIERSYKcEjEhzOqNlsn7dKT855+nrA\n5PYWitqTmaK2AIVq+pvjp/TDBJ0qngwgfAEOL2GY5ZsLwuHn1WG/TSpTtryD\neFFn2zfotwISiYBvm3D6M9NNjq1nJrL3KR/kuL1RZvRj9m+xAsNedxWRl/Bc\nmUgp8l9GISQuqsdc7CVzcJfkS3euGpDc3B7tpARuhtVch0Z7zEzqgzD0XMMs\nxsU4IQ0sMGLSsyxByH4Wa3vccc+LblISrgTluiosDdY1L/RYICRGUKb1Htde\nL4q5vDH50MqqAJGuWe8kkCH/tfyh7matmCxKR+vo1vISuNSeSdpEaWxnkX+W\nQI0SkL7v4Dd+pMcqbBa/p3eN2KWrK30UlSRtBTKvwXqqpUQBFxlNgA3Ojfxi\n7wOZnMfh15hKe6615JunXMYi7/dzCaqr2RyefxcIjQSAUju5QxQ3JeWCkH66\nrksre4IFD0in+heKqwFgq7QZ1a/5C4Tg/8d0Sj95pL5U3lK4Gxtyt226xHdp\nCsNN\r\n=z6UE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a838a6bc72ee56a967d493a841d4c69ace1f3f13","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.4321323e4.0_1607340478145_0.23531065605935053","host":"s3://npm-registry-packages"}},"9.0.0-canary.2d5f32d41.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.2d5f32d41.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.2d5f32d41.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19390d411f8296cc5d814f40d62dd5e65f3e02cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.2d5f32d41.0.tgz","fileCount":12,"integrity":"sha512-T+9ftzrnn2SqQ/eushqgQdv/2p5g5dSSFB2aYX1HbKdoBDEx3YPZuN8UJM1W5/0QIOqNBodDND8YnpGHpVu6xw==","signatures":[{"sig":"MEQCIAYNgK31aQXc1pqOqSD5ES3ru0bipy4p7gaf6myywUkeAiABIkm5DfeYB29hKPkfql4PyyVIaUYkHl8px+PTl+WxNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzlsUCRA9TVsSAnZWagAAPFkP/0Gt5v+Jed525RC+X6YX\nBmJislHpQz3YqZj2fzVEeyoLxN0iIuLSFfMLWmPGe3NJMoXmGSlRwDDXEb6X\nZo7b5seE2z+w2AYT59N3OGYEmNMcUZL3pOFlJRalKrzt7ZVgGGj5fIH+VoE9\ngDV/iViyf9JcQqaPq7mauHAVYzzLgKXij1052kXkxrInzMdi8Wu6t84jomBt\nwQ/IQDU4Kz4ngJwOsoEyb9ryBahaDj0FIEHMUqpoQz3dbkpaeKHmOaDJqVix\nNzzs37HM6aZOFGYq5n+WcCCiqBBB13Ojrsw30xr+i9q3nJgXhyFBrxmTL7WR\nK7rCFqSD2uRkm/VQsIVQFADXyeiAzkLolhLTxl1KEth6rmmyu6RvzUNac7+J\nNeRimHOaDMVvayWVQ/Q68jiEVL/gMI5O1yL6138yiCxiBK6y3YpDplS0In86\nZmpXhr1Tp+Y+F+W/OK1SJ59beR2ONq0caW9KNgkxC5UUnRP4rdHeLFBLMRe5\nmBx0+iC4/aBK5tholyctmzqy2wwslyqebGaMVvDWyAKyipqBaZziZA/PI1lE\nUQo0/6RwGx+wsv23hTanfhcNyKh6q361Lqvnz7oaly/CKzFxIKZcQHaGAFPL\nkBfN8CujMrFwiTOO6UpTNa34cbwXxBIZhcZOUafIrFX6h4bzz2mumgF7kTKN\nAgL0\r\n=jTYx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2c385d3016a738d32bd3c03bcc91bccf82981fed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.2d5f32d41.0_1607359251547_0.4378582297658622","host":"s3://npm-registry-packages"}},"9.0.0-canary.8239afc64.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.8239afc64.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.8239afc64.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9e37f19dd6fa09b605f6c41bd362f8844d12867","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.8239afc64.0.tgz","fileCount":12,"integrity":"sha512-EPl3ye06Oy1KdEFHLfqTv3MbACiVnHe++qWL9Dy+l233Z7+TJJ+IjvYs0m789VrHt1EqcbA2aK1R4NWNyRHo3Q==","signatures":[{"sig":"MEUCIQDYESJTyqlF2NdJcSsLB2CkY5XD27fg35nAxI5SuZiWyQIgCrtfTIb5pDnffMUuf0cSgEMo0u2YXRV3ePajnrGo0N8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzocJCRA9TVsSAnZWagAAa5YP/ilQK5LNRlexWkkdYIWo\nLafvSBbOs4haGhQEY06PWUkmxVVg8fg46bzXPvf6BdA0D9+MaXqpyyZAJXUL\nUxgwMbN9/BLR3h7WeH/PZBdYyLbMYYrmxeLgqWlxhBdyBahnQ5ngD16VylBM\nfphP4gOf1pKhVsGRJSbz8t3DTNyqmYMNOMp43fKxMJIWseK5KdFvuawOfJiI\n2RegBiPlwMmooQAAIpLrXA5J6h87ePozKXYJVTy2Lv1043ZGhzY655Vc+jpQ\nyamXnmRtov/2zATLujqJwNwxd12x0gAlbahJ4ubDXNOyX3uDX4SboR8FYRGx\nI+1jslAW4I46V1y0O/EkohL1jZOIxSnvYTUvUJxcWQPQEX32uA/EgrNwZSuL\nwGvLlfdMwcsg1mQHbQwGpPpkYwz97OUKw8TThqz+t7jz7Ln3CEH8DCggxEnB\nvpeenm2a1eEo6263H5E0Ew/SVFXINDtSJFXGd1s0uvQ2D7h3+hrW3xWa5KII\nkeqVppTTNQhbJAuKJMp02Ky6Ux2ZvPUxvoueVTHn98vp7ebr6rLbzCglMVE+\n07PgfytrHPvIetryfwTPl1koxVQOq8l9adeA5rV+WKZ675W3L3zNhLLFW/Fi\nsu69pd7C5009+TgMi7+tO+cH0VZQ9CaKBVgLp6aNOhNGzBViJG+nmq3veSAU\nPwou\r\n=glJb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3ba24284e7fdc10c5aba869e2a2d3175867e0f15","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.8239afc64.0_1607370504711_0.07333060706291716","host":"s3://npm-registry-packages"}},"9.0.0-canary.6871336f1.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.6871336f1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.6871336f1.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8acd58170a5fdf0d2f60c86b2198e2515960e9a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.6871336f1.0.tgz","fileCount":12,"integrity":"sha512-lT0MpLLx70pn/XhZ2ViqstGuPqE8vS68CmZrA34g2lVsCF7IVH3sjcM0R3P1Ks3j2qWoGKOAdGFiKBeTPUtgyw==","signatures":[{"sig":"MEUCIQD7XNmaOWiXTZlZPHhqT6HMRlV0eens9r0fUQRuH3zb4QIgQ8OZ49cz+BLiNwBCtXJIDOBvUbweb7OsAn0w3J6LNCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6MaCRA9TVsSAnZWagAA3CAP+wbfbTVO3ViKqtJxdPDB\nFFe44OpyDyrmlKZ4QWle9pc6w0Nwh5JjP9Qz/J5qpWbvL1NM8vtaerePX2Al\nI0OU312YL9OgB+/c560ezVO06V7daWj0Ex+1r+G8OLJCFqFW+oec2qTjnUz9\nBXd0ZwSbFGrxt0+Hm7Ji+Vxiy0a3875Zlk73kE2rkMtBZX+uiVSlkPxk9d6S\nkVDIEORVkj6JFnItjYCuc/8bcqebTSGoxVC9/Fmby/KwIc7zBezw18dLk4o2\nK7btvJEUqg3c0RXZm2pT3kliNVke+b5QiUObA5TRgaU8wzbNIHTdD0mH7SaE\no1jjutLVeTBVO52yIKwT2FdftpDBHLbtzotb1Ik9QcYA4IBUll11D1nYmFbA\nPI6yMlkcycXjqzUdmC68UxmacZmB47M209Npr/N7H/QfQ7L1Iqbv/bNHflOB\nLk+Z0MP017kn7ngY6DHiQgq+1y9NQ1YD/Bg+PeQV/j9gPdgQ4aSKhdUxlXuE\n+elSJt9sdRCHoocjN2KLsnkmeZqD2ofNBWFUwnYsOgvqnpMt4YnFoh3a6dxl\nIetg3yX7gr6s2bzNgxvFxnjqCSikIGH7aX+nhnQWEEXt2seecpRbR2vAr+km\noeJCIcz8rPU+F8v5sjvDGgesYjD7kYO9PG/6hNjVPJobPUx0ApXWRe2ofDhO\n5sig\r\n=R+IJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aed20b07d4f2597c382a6ce4b7c723f6df0c3efc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.6871336f1.0_1607443226059_0.6836268872581719","host":"s3://npm-registry-packages"}},"9.0.0-canary.9f718da94.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.9f718da94.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.9f718da94.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"859e9b9c8853923bc1b8a9401d3a8817a92f9eb6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.9f718da94.0.tgz","fileCount":12,"integrity":"sha512-0xhnkCeS1Kw89VAjYdgN8MNUma59z76ml6nDPHT8DzFscHTNgTmRsNx+o+jRCEE7XPQ0QwMVlF8fSbLsxexfow==","signatures":[{"sig":"MEQCIAQm62KaPiQ5MUx2nhpG0WlyIKnyPqPrO/bkffBci56eAiBYCcdIcYyeXxD/5FbfD4o9XPJzDIB/6PaEshlzAsuQ/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6XXCRA9TVsSAnZWagAAfHsP/j3ECnlUBALAjPefPkfK\nAyHql7DDpO8Mh9e1QHAWyNVQNMNUNhDN2k0x2tIP8fa02jeUnHojaguJPP8+\n91eMkGpxW3P9GbX49Q1izTLnT4XAi5Rcg5UsH7DYbRfT9GJEHIM81VZqGrbc\nAlvoNXXrt6aMTdNfj52v+/Hh/SBnPSiyjTtX4EgKOQLheoz2mdmNed9wCnLb\ncve0cJDfHgSO2JyOEnCSe5R3RpVt2hnLhbG6xmrn3JaEl8vczoow/oRO3yw8\nrFUPiiQzJ/4AMBk7VpP8RgYv/00qSmQl2wiGwb16CFjoNb5yxNUhJPCLlYYf\nZ1Hz1HNus99vp2BKVe3AFBKfc5tc8jpBW2Tj3ap2g8BGtW83r3a17NI93gT7\nfl9F0I79ZcRajtSwsCUv1XWHxsrDokI8Gaeyla4weTaPvJRiqSaYOJhkLCny\nMoVhRqdMBuHE8lyTjMCs1BiMvd39Goen+1lrv6FlijZhSVOg8GQlurLIPK4q\nbTTKg/KM6T1ECnfAW4fACXVqI8cKor7J8HyEqpKh9ApgDBQ0FGOMnQhjj6oy\n1eJ/kRjPLvmERXU7HMWtnBfm87E4AReG+S5NUOJd7wEJ0k2N5uKD9SUIOW3O\nBEAbuFHrcduod0JIIMfKIhpnwzuIUXgrQb4mTZOiiQBb8elPNQphTVd1akEk\n4GRm\r\n=3ytG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7fb6692f329c5482f22dc9fe691a20fe4c6dd38c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.9f718da94.0_1607443926886_0.3088841713956898","host":"s3://npm-registry-packages"}},"9.0.0-canary.1fccb1418.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.1fccb1418.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.1fccb1418.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3125119b3adbae6b428ea6002b7434348b621e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.1fccb1418.0.tgz","fileCount":12,"integrity":"sha512-WJ+DSpcHOGASvaOJBLDvK9izX5ikuNK3kCNU8N6pVmqzWwZ7oRZSUIp3uF438Fnx1vJLefFR2Sbq63xNd37GrA==","signatures":[{"sig":"MEQCICMDG0N23pYPKhYxqkwxzqUP6sAwV/lx/NBb4sT5hjiVAiBKA74nPE7QPipTuwLZilz1tdWQo3pSaWkLtPbCwbRImA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6lmCRA9TVsSAnZWagAAbaAP/AiEy8MUmSlpuRMqBy+E\nTOhDVYuB5OyRttsab3Xv9AUZo/5aJXrysHZzLPDCHQ3Gj9d8OkY6Ldv4rl0/\niS5CoiVOjOe7G6xZ5cCZvDE6Y1HhIYGADFpPpRrhWH26SC1fRjK2IXTBY6zM\n75FvNlreydSQvmdIqLSAlAILonFlSUUiGyTNeJlH6w3sgyes/rn47aZHDz9+\nTqK9/dhz2Rt3wdFZQm93ka0MgtKGYH3LkXgEIamPL15dn4VBypZFHnXlNqa7\nFikPnv7WdiEiuy+juxI4UUyK1tiI9+QgdDNFP35F86QqjXfpXWVrifjQcOLD\n4g3ZxkFZ97z19xOd8LU0ou3ZPcH1qqccD4s5A/iB5xTQAp86nKF6OU7OhLSt\nYxldG883YxPzpmNxOUMgGT05HLhZHGb36BSKhGA8753kjhYZemNO4GALz+V8\n2kjDII0d12QsxUpJ9D85bo3cbjlc7bLfeTMe3af5XPX3Cl0IplxBDHprEZh7\nSwTRFsFmvlr20HbcBLXzAHw/De7N3bz3NLKR1vH5o9Wbs1Zd9aLja7fXxj0w\nsvbVRFrlZIck7inQbWXOwn7bkLNpczDVCorcICQKaSvOCKHkyuTHbTgUMP9r\nRDlaTkD9PXPcvvhGLF0tFqdIp8W9pgV83wZREQYYdGeBaBkWsi02HuZlDzrz\nGddS\r\n=6iph\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9dd96ea7afbac37dca91bc879dc44ce4523c442","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.1fccb1418.0_1607444838348_0.9037948481639002","host":"s3://npm-registry-packages"}},"9.0.0-canary.afb68894e.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.afb68894e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.afb68894e.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8f06b5f40cf01dea10c49fb09cd63ef487bde05","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.afb68894e.0.tgz","fileCount":12,"integrity":"sha512-fbQ89fO+JNGv3C3pUyH3UjGS07UC710AGFuztyBiaim4Kvq5xV/LiBt0Ml8dWLoUYNK3lPrwmzQSo9Ccn0xQ7A==","signatures":[{"sig":"MEYCIQCokHPf6zw1J7GoaeM1VcdF6GqM/aJeKLE+ERXKuCmwpQIhAMj1apzXOWlH9dkfism+8j+ODNA61t2FVJMQNwwJycxJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6pNCRA9TVsSAnZWagAAR88QAIgl7pqW8+JmvdbnBRyv\nCBxWGrg9t/isj+8WFJuNcFcjhdJ2HxHkuaIuMb9eIJDKSLvF/Di8mB50gs+9\nF+jETYJL9reTEsgmZmlr+X2L89VM2fNyujj/m3mXDfTFKk/XY63NjwqkQIwK\n46wa1Vp6uJRUDK/Bq4rJfXT2kIEDCOn/VXF9UiAnoUy0VCTjPCthZhIwhPgt\nUVSTCbbBO0ZTwAbvUNLlhl0I1xXXB2yvgfaBhHW4e13eylXwLdejmjWXGybT\nE6JhP57B0RFbe9hxdYoVLhOHLb9Ov1iTglgqIm9F9ri5ycLraaQ8q73uWhJn\n9o3vi30hm4z4RwdL3lirUkYeGM4NxL7GZcx198thcFMk1RVqbXU1qQDA6b21\nnHgaaALqDOEjL9IqsGDLpMM68jt0MDDBuOC6I9gWRNHZitqYbFCLqOzOB3Hm\nsqxDTYnwZBQ/hIEEWWkG6aRobJ56Od6DSs2ex0/e6UI2K8/f6kZS4AZEA9xO\nnrW8bJayvX1Q4O1tr7J7bMXIH/Fw6U+c/ekCSJkP3RZbXzoFjcGuboAH8p1R\nrtostLt4AZjCKmqJ7Uhi0IMzuQVDQz5aZ7yPZDVEIwujRRD7jQEbZPJUsXPQ\nfESqx3jWsPHIRKd6mO/reepNen4Mh+EPE/b7/lpotftqJWz93QVxxIzf19Bg\neLgS\r\n=9dPR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a3ec1a501083d67f1c342fcf5b11a765a586ca0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.afb68894e.0_1607445068411_0.5889475861156639","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd88d40c2.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.fd88d40c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.fd88d40c2.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7870dbf94602fca3f94c737a5fdcaaedeefe1984","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.fd88d40c2.0.tgz","fileCount":12,"integrity":"sha512-Hrt4GT0/nXnxTpgREwMBiuVno/0JRSZKot9V/o5JJdDmtBbYNgAHO0oi6Lah2TqRb6VbEgY3aJQQogimrNkdGQ==","signatures":[{"sig":"MEUCIQDaK/CwxxX5ii9XmIS1SPeV9+2BEJvGt5QLoz2ZUcwshAIgYlCQIxBwZFzLQeteWlVOv8AKEf2ekOPZGIJ6vImf0Jk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz61TCRA9TVsSAnZWagAAUr4QAI4Xwxvnch08OJT7Lfml\nSahIz/QnJHT1VRTItCQ0xCPc23KfXTSKWTxtU4wCQcAez0cowcBiygTDsV1v\nsnZXNW0YSWA81qXMIPRQakKZOMDq4DAfRRd5fxDkqj+5cgSYDJAWDu0CFW2+\n9eki/A3RdqusX5N3985lq9+7rpW2lNuHrZ5SMx7S5rQEYS7Wwa1PiICCi40v\nY7wSY0H15C8PEAZRu37gOlRtZusZA9EWuwYanjXwvy2IRIOmBxI76JDAnnWK\nIWdSvqA0VY86p5zgHFuS/C2gfRaMyeAhP3XImEYWZxy9M9+/kDAi5LA6UcPG\nFR6ugAcyElF9vmjS+6toR1Y7iSAhfXADTmVVlJWHct1MxBuEHydrxgqoGJVA\n6TvVyIXJ5Ze4Ymu+1h0Z2/iTPCJ8KDraUfbMT4RorBES9i/ler3uqmZCqNmi\nDGDAok/z5guzKzXLgjLBovRx0sY3NSlIRsmvJ+oLnreCSdk4yq98yUsCfpqU\nWiZakqOPSrW+h/pIS8LFdIHTtr20Zam4H1eQb7FYKv5ZD3K1+jmUBLa6aHw1\nW8tY2XoOrS8+znAGChOaxQWULHo97SuQ/66WGvxPHcApDYlOSYMqUlrPJeVo\ncwa3fsWGZ0V4ce2/J2Bhhjoa73YIwQ5pyVmb3u43/iz4no6weokO08K1SRI+\nG4VY\r\n=C3L8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b0f8299700bd0ac44ef5acfdd0234b464d837131","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.fd88d40c2.0_1607445843001_0.30075410808154834","host":"s3://npm-registry-packages"}},"9.0.0-canary.ba9e3109c.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.ba9e3109c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.ba9e3109c.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f6d9c2208bc243fe103a53926cc1745b09bf249","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.ba9e3109c.0.tgz","fileCount":12,"integrity":"sha512-+y8g7euZeI9ybgZcuhFAUiGRxgBvKDQikiRvyN+sv7K2ld0+mFaq6MnfXESdSX+d+Zq8tJzABRm6/cVrlY47QQ==","signatures":[{"sig":"MEQCIAuECSvT6UAHuH4SWkERPNN1jOFFWhhfZIEr/jRQNO0uAiB3eiuVAgQHNXUxyLTtxXMo2ZVCTD0esPkUNIQw568q/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz84yCRA9TVsSAnZWagAAjh0P/2pDLHtkNJpLaIpF58ig\npHof32r7CrtHUu/WjqCdxCH3W9ilqcGGC8yMGWGIoTqAVuVYKIeHo+aB0PKS\nu5x8s8pC1WoT2SpD4lJIql3b6gSlwYqGGGqVwDsFYzBAP+IbmEBdk9wMn52m\nNwMfVjb4rDgNLvEUD/U4LjlpXN/AS77u/f0q/ImA9XkrkzYBYsotm+vqRl/l\nlNQe0BG3ANvvdsG4DWGp3fBEf1c+uV5WwA+8kFkgPOkGo0REl8SvVCDODFHQ\n0GdDTP4sWbNjsnt7l/X3FYQVaZ2NR49oOA8NMVcsXO0XqApd8Bb3qw4ZhpUK\nMdjvUdBuiqCPygAHiMumY93622dxKjz3Pb9vvND7a2ifeMv6JnYm21A2Yj34\n/8buEmMEtlMpLmE7M63M+xH6ei0If4MjQsIGNyWgKJ1hsSYBpo6m54HcwCPJ\nZ7YXaRtV2KL3ZSAWgKYxk59KpsPODr8r6XRtTu3ggtMBY+YWyAFJwlsp6dqd\nR+/ZaIfj1NAzIgF6Sf40mVLodu+dnujvXZIKaNVdpSii8RMd09uqvlhkxkvl\nB04xYELFvJ2/y1YFJKusYhUky23UtLc7aWcMXk/P8q7ZixbGFbDGbPrI5sdx\nr9KVdhvsGs6nYl4d7nRYWS8trPoud7cx9+Ojtz1O8LaQjDZz68RkfIk96edH\nzWSA\r\n=N5/J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"84bc4a2a193fb62b5721555a77b59e7bce321bd3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.ba9e3109c.0_1607454257801_0.08428809789198888","host":"s3://npm-registry-packages"}},"9.0.0-canary.1085c3b2d.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.1085c3b2d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.1085c3b2d.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7e55ebd44812af5eed5f78ec11859e8ea6e57f9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.1085c3b2d.0.tgz","fileCount":12,"integrity":"sha512-VMVO91zFUcsRWKyRPdluBJdB/5Jc3A0J7RK+XlQqMAMnmpLBvWhvtuOc4mSuwtOPjMkfK/MbFI1Wru9iH9Le+w==","signatures":[{"sig":"MEYCIQCqtn/YV6xQx2y8ZpeAZ73A104ZE1rnvr8tpx1P85zWcQIhAMmuzThAFk8avv4UQk5mBLMEFJSQf4MkNUE8SF58U5V9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0SEFCRA9TVsSAnZWagAABRkP/j+xQ2k2ICPVOGyW5G5E\n31NgDDR3FYpZ3neXrcJvVwGjWtgyJ5QVnPsMV2zZGMkFi83yi5aw93OvqzlJ\nL6SIFDC9wB38qawWXYY7HkuXLlRX/6x8BeXdCvLs4rE+dSZeeHe9Ib+zPw9b\nF6I5tbuLpYyqLAHpr6jJuKRbP3bccvJHM/2ejSaSk/sPtKB++LZt7bJL04KA\nFY6OD7bT5yWxHc8ormdeVUTMTppLGiXQWrspoxxyg+O9y8c9d038gog65ctN\n9XMQPn4BKveI8z0iAY4q4FCDlty3URaJIXoKn7/Rwg5Wr3oZ15Xr3C3hewLv\n8anOQF9poS46Iqner5Qt47QnwGJOBs9dZFfwqDDN5lmsg4rDDue7ShOxDew0\na78O9z0+MYJmZL1UD30TJ1Kbrbcgz8OTMnFuwpA51YNIAfz0iK3GM4fkRPrQ\nC51dw8Z8+0Y/6lTmxDIKCEFK4lhTFMWq1TlXkK42I+LxQoOY88yuO4VF1fOL\nJNOqHH7PjQEMVl9EqEXXVaml5AQFg8K9xPTVJopXZrfHWGei1LLORXNPucAw\nLrRiX52k8ul/3FUtuMe2w7lcqJuAYhFG1BBuT8xL/J9bPtXv+kOyGsT5UVxF\noZu+KuNpJWDXWp0qJC14mEJb+24ezZMMGuX+YCRxB47Dw2cTMI46DIsJuU54\nFHtN\r\n=gS+W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a223e0b83a78bac523ca498cc8389f361cd0f4e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.1085c3b2d.0_1607540997489_0.35033544884306433","host":"s3://npm-registry-packages"}},"9.0.0-canary.c5dda809d.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.c5dda809d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.c5dda809d.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84494a46636f9ae226e15dda0d1ab65e7b9f2c97","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.c5dda809d.0.tgz","fileCount":12,"integrity":"sha512-C2fyggmEciy7A/RkevvUJAanrIwLTTvtkR4XK378joDJ0TJzC+aYLn8PfbNekxNv/yxzxZA8QrO7HtpDddf36g==","signatures":[{"sig":"MEQCIBTJHOTe/etFdlYUn/9ekBIKlicJW5st9HVgqUz/1xOAAiBdxFvBpcCwWNepXL6koQM96sYbzhntm1JmwMavGOdIdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TgmCRA9TVsSAnZWagAAv1oP/RgpKQohLk1be2sraLSr\nh3+tjh0e1H9aQkLNWtfJxyVA5X/2DIN15Zb70Vq66/PFutUpBUgyhu/Ln4Xp\nSR1rkpwIRMYaMoTwzhRN5sy2mGx/tMVjsYoxlmHE/DZ7+gThEnxHptC5Oja/\nDhGNRIOx4TIq2vRPshiV17KAhnoeOt4Do88xj1QJ9rSHsB0yqFM0cAhbLSHj\nLWuho+NdIS2cO2qUiU1J7lNoy4p2nSey4QlFkIkvkL0xgY6QXqfOdRvTwijD\n31buidgkuBARYmUyvTTvNTk6OXqRAyogKO0VJcaB85gLpGUr6N/J+lGYAS+m\nMzVxoywTm1K4mu+Oj5OQ4iJrjeTc6CqYJQxFDRXsNyJn0ggS+JHPZUP3t9J0\np/YhX44emVoCkVWF64nwHDEzPeJjUGvTqUux9OqmjHRX4xpTPcGrg13/mCf1\nbcUE5J3OTz3abpiUHo/NVm2rJlUR8dPqiMLSxbo5vVOwWvFSJkPVjUA2HHNZ\nhLQvhvZk0UlABPFSNRoUDdYWDwvpi77MyvcBQIIvhvR/WfhN2DB9PLeXgkDl\nFuT2FzaqDmoyH48Az22NXJzs1EMQtCjgKTJfBkWMMqejL33PCzO6UF47zTgW\ngboBLbpPigQS9eFiKEF4bubDlyklmBqbZHHx83WuOsDU5nCPqMjIAHa3zBfK\nBWnp\r\n=X+4F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c2bc7206e40f2f31377a09e53af457109018ff02","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.c5dda809d.0_1607546918425_0.904389035739718","host":"s3://npm-registry-packages"}},"9.0.0-canary.f5f1bd86a.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.f5f1bd86a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.f5f1bd86a.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"605d222312506419088c937e90df119c7dc185b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.f5f1bd86a.0.tgz","fileCount":12,"integrity":"sha512-gLn+Kb1dRik839sjoIzoHUFnsREgfo5oRoWdr/3O66mS4q0Idh1pr8p56QzeJJ4lNd+vnsjKILxYV8szBEAGQw==","signatures":[{"sig":"MEYCIQDN/vawCRpz/LlOYqQycq/CDQFRy5Zq0Ghn1B3ddZyamwIhAJPcqjkwxgnq1YSLTG1KNCliFqf3Jt6vE8pc2aLUON20","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TxpCRA9TVsSAnZWagAAckAP/jXSBwtJLOAIPxhe4bya\ntisnSzi8F+lbea13Td04hoo3a82WOxuO1pyqdbptEoyIjilKuudu3TtW0sjK\nXkusK+SzZUYRLF1C2bc9pYA4eswKsYPfJeHeuiYObCS0Yxyqi1CtqR+i2wXs\nZVKyCLYEYhV0oKEQ+q7D3kPqXQV8psoSwT31/ZKpv5Aq/Lgg+esbW6D5r8LU\nwYQ6yt/XCD5G73ghtlk4xk+AxrqoymLo1B+deFB59i+Tk417qSUBq6ZD9AR3\n7gA9/aXNWGIU6NqV0LMw39sMXU2Ns3oiHcrEL5f+afgSK9Z7zbYkf5DQepv4\nvBUNk/tAuGo6fPo/mjlXDBgIjK/dQdTTbw3/+xac+jM1CDjZ5T8EJ7jUjElJ\nI7XLer74tXdTI9ERrE30g02E2mYih884DfR5BSadHfx/lbaM2t2AiBoD4ico\nufwuPszJXNU8rZE/YJY8jsOBP2AVE4IZgja2NecM23qWLPelaMU2eT1i4n2s\nH58jbpEqTCi9oPaEUONdPx3GWGH9hrmV9ptd2tkmqAvib/5OZy1odWDlKPQr\nBdmgZp4ww1xnGiq3ZG8kcUmsrbSh+iUiMKaPwa6Q4sHaQYZgxBypAvp/arAu\nhSy04LtvSgB/N0FV1b5CRJ1gPdU6TqDYQzSfTMj9Oyz4TWExQWtDmkD7tp3x\nY7te\r\n=mSY2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"86cb1fcac08fb433af0662cec8583dcdf435eede","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.f5f1bd86a.0_1607548008992_0.26884904411166044","host":"s3://npm-registry-packages"}},"9.0.0-canary.00f38200f.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.00f38200f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.00f38200f.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ba95679c3c4eb95adf584e5dd2e219034ca5964","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.00f38200f.0.tgz","fileCount":12,"integrity":"sha512-R3/3F9GvWP3IMJWfrwG8fYtp3BqC5+wdSi9h01+VBMKoi8CKk9CGdaQ2FoQfOdmWXsNvrdkVDxvgCjuH0JOycQ==","signatures":[{"sig":"MEQCIAE2C8g83rW7lGlvAN88w8Bwxa6/g92rHslvojXzx3jAAiAjbE+Sqy404giUA9Kfw90+EMiqI79n2sLGGrS1NObhmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf05NyCRA9TVsSAnZWagAAs8gQAKNM579q1P92Ql0OIw+O\nLxzWJjMtE4fjbhJa7IkjjZYYKUD74/dJ5ZTBRBPVQ1XCsENeMLPJg3kq2IDw\nkMLUSULIbTngexfDihI4aO7KlSVWUo9VtaL90LkJUWYftpDZqsSO0OOwk3wM\n2Rz04GyTGGkJtthy25y6FQN9CXGN8UuyL16GuPbd7M+yBpO3Q3nwoTvd0MfH\nqZunkrYjBaaiBt118xYn4+f7/FdYEaoXi/ZJ2F19jEdk80up13oHb8NvbhqM\n/+2EXcd0pmoTqmaTlX6fLyJXKvd3nh8WcLLYmitm6p/hm+yqxaLFUCTkLv58\nBJj3qDAVrqelAxbmkbzNT7YU15iUWZyimYc1P4DICLWGYyZGymFtMDB7sGbA\nzWZY0MM7m3YFHdeUI2ZNqbf+M2JOemJJ6+lGLTDsFGeshHUN0NVMQFX98jFa\n7k4TivEYY5k4oLlvOFv2dA1YlCb5YHgLOpcZOEnPwa74D0D7N0kG7i3sRjXR\nyIJX4mwxjsbXRdpgR+Q0imtmtj+BnaF7u4YgBDuQ93BO+1dSL18ERLWdQncF\nJe72bIitqJMQBeDvbTmwd0WfoQyNKY3cams1nXoAsY+FUDIxyY5iE56+/DPv\n0DrgkuZYYZjAVx2XWlRvgR5tIeaQb+ql8yMt5IhnKHTTaxpZHoB7LNZXSo7c\nCuPv\r\n=hzck\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2771c0048541c1dde142fd7f565741f0dbb83c20","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.00f38200f.0_1607701362050_0.147663719346802","host":"s3://npm-registry-packages"}},"9.0.0-canary.ac41a5729.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.ac41a5729.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.ac41a5729.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b41b08f1f7e059f0ce9a08823683db97b3e27bed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.ac41a5729.0.tgz","fileCount":12,"integrity":"sha512-qpkEF5qqVoHR1IDyVgy+OLhEE9pqVlyI5iy/XCprC0gruhpwU8eRf6HfxGuXhoiNJuUAeLC5P1gIJW3/8MKwcw==","signatures":[{"sig":"MEUCIDRwLVQth/tFYKfa/Ghkrp/nKi3M2QbL06YzGnTECr1FAiEA37ZcLTFud9H6VKI6STGptlfGs/L2YZsbqzYnFXLvtNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf053LCRA9TVsSAnZWagAAE9YP/3kYztUJ7vnlpPEUCs27\nrd0DSO6Yj2Oah4eLNUJ25pSU8GBaivG3g6cmrrH3V8I/xBcatPpQZYGiVD1g\nOQTCReR+KItzgBI/vQ7KdeX2uQQkNVMpTkv1FR9Ub4Iaq8M7CqmwfwrR1sXl\njXUKBrG583Z8ZyWhWgc/CRtyVYHR7QrIIhCPeFwN3GGRdVmDg28DJ4n4jmvI\n7hnQwE53E/3Z+v6FLJV/YIZAH7n7wcR0Fcoam1+npOKKOBHje3+V2Y1fBBXY\ntPX+kcfF40yCdeOrIPbPKPwyBg4lYTo3CzA8Ihl9zrSnc1FUPvKGBX4Gnxxs\n0ad5vWXE9xD31eEczX5o1Ku8a+v1f27ergluAz74VsNj72SiGagFUPx20v0Y\nh5FUlnedhPcczlGLGq6UNiYf5BYzfFeFXsaGMk0boTBz4a6ujnSzejOIJklb\n+0ARsFNeXEU5stF+fV+rZ8Jgzcnq0ncSJbK/hi3rd/iW3gBLQ/09AAyFw+vp\nxHTw2+uKssDPX4mT5OQqCjDeiMFv8S1JF/LLMmMaBc1TLDhSTx7aFHOE/LJu\nfuxC6rDpg7sRNoySfgJbSe3HAdEKQG629lvTUId4qdM0QxHTcNrXUL1l7A+0\nXGVsHUhsS1Fn34jPmGqinWKRTel4QS2dqz5xnP94UMqcAT3eOO2D6cBgOzGW\nk27+\r\n=qBkv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a8313ebe32ee1c67ef38d5e9ba2b5a4ee2d08f77","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.ac41a5729.0_1607704010611_0.1904981104385124","host":"s3://npm-registry-packages"}},"9.0.0-canary.7fe0e4f05.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.7fe0e4f05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.7fe0e4f05.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c24a2974c19cfc67ddd51c889b7bb5b1fc60948","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.7fe0e4f05.0.tgz","fileCount":12,"integrity":"sha512-EOff7aYVvx12MH9ULd+qbSQxThQG0eM24HG1eU2k/9UKsaOugn6o5dgR0/5BR9tsY+y/RHxCGAscn9yi5CHCYQ==","signatures":[{"sig":"MEYCIQC9EJ7SC+Ca9TeBaSx0HcKmJRDTcN8WLmVJ6uwwamTGFQIhAPc2FsoVaAN7bSBVE0Gdywk5oM3kA/519DqdOx85Cp1J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf06aTCRA9TVsSAnZWagAABioP/0zV+DHH3Z3SaH1ipTFH\n8vTViupIIByz9/XAu/14pq4HVTuAARxWM6NBgi/e30h8POPMaDuKthr/EdrG\n5MXAuefk+3atPHW/lw1n+BW9M8SKKf/tiA0vXchVIxSMfZupI/o9hhe2doGI\n2VbOOLKgLBZpMBRrmpd49U/NBK6pZKY+VOP45OC+CVEUV8NCvuhch2KyOK+q\n/fxymd7xpQYPbYxtF0PxtqDiWROv+lk9mAM4LOptxFOr3mhEOMcxCfdhfW/+\nuPqb4TsF7k49agoQn29RvFv+zDkbiyWHIdYRnR2rpmSOYXGwBBz0z25sOgXV\nHHdG03Gp36zMr4il7pBNp2Lz2xD1OpZr1YWeLKMaQ3vLzzCfR1hVomXuZk6M\nfiju0WoRKsVbtkLrKtVMTM2jycJ9v6p4/4YrS8blpz4mNPneBXJkKSLD7xYc\n2gD9Qy9Y1Yi/njmGIWLsPZwU/vMdiYRfuqo8Lpjzy9bMGu6txt9/knjAzliB\ntwkPlfSTP5QlNxrPoICwWVAQgnTG1T9E8bYfAoCrmxbibydqAcVZpX2h/xxQ\nfJN8s0/t+Y2LMrmQ4qDM/T1pUTURo3IxF7RvfO01S4g2D5zWBhjLBcrhTk1c\nrzs+yIH972oqvMVwuennvInM/jMEfe0VbdKt7VRED+7B745jH4MRD7LrfEJZ\n2KMD\r\n=FMXq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"174435b67952da2f175e31e1db54647a2722499a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.7fe0e4f05.0_1607706259360_0.6862426659052243","host":"s3://npm-registry-packages"}},"9.0.0-canary.9244508bd.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.9244508bd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.9244508bd.0","maintainers":[{"name":"taylorv","email":"brian.t.vann@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5787e0393bc442611391a1c3d7ef621ffc6a366f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.9244508bd.0.tgz","fileCount":12,"integrity":"sha512-apXqR/48BIQGcms+BvJeG8FqCBCGDZ0AmtDxENDo0Gg3tLNNsngFOHI0+HNVJ0meNOVE/2/i0tjdE86ksecb/Q==","signatures":[{"sig":"MEUCIBTm8h8HAnJpud4pBqp2RSRpzZY478zqBwkrtF6IZYUKAiEAzPkdYYhohPJPT0tep/7DFKAtDSJlPYPJUSDBiRFJXf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf08MSCRA9TVsSAnZWagAACCAP/A5gnKbRzMQA0wlaA4jg\nz7KZ7vRjbCuXUUHQoAJCRPxjDjIMzY3M41Fbw0tSSYY+HH6qHSBU3tvkqMsV\nrIQ4sRfh0IgsS1eI1LtS4NdzamLxNofTQ8DzIrPYIc8hjqY6nvob94KdQJD/\nRTniFB1pzq8dwwKofxWO4YcSFQjcclZDoKqLPOSJZQk3I9sJCt+DbGFATV/s\n1mSxu/2xcDjLjaIdY88whblPfV9/eQ1qU31Z79feaWOjf1XzZeHtUpighO0F\nDtbOBJbrxB2x3av8m1fYsKG+yBiBmbISMoU0tkO7n/ZRxhivpp9oXP2RVhK+\n8JJRKSyixiOkfb7bl/tXopsX3uqqf5uTk8sW7AgRNj80TNYlPAFJvFPeeGlI\ne9QinWU+mAz9zLbk18RAsdtlgQUl1HiOi5Ve5iEfQD28rMXqxx7C4p98O71K\nQtAPP13hcm+SfEEHrMd0w3kVcRRK0SwEXmFUqGOGx+ow5EVdiMUdzpA5boyF\nG9gxBd/E6EAVl9yaFruAU8E9ODoqoU8r9lh5546U63ozyy5qjKzHYaNv+xFJ\n/Bp1y5o87atrRVUyYnkE0jlMz8Ezs9IcxTsgL6IBpvljlnVrwkO6+evxnX1v\nnLmb5NiSUbt/dXUhKYPgJJ8KS6+bLxYWmJrgPFfajSyFmLIoUZWTUiNt8yqK\nln8A\r\n=pC6B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8d704729c3b4ba17ed088d900fb2ddfd57d5803b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.9244508bd.0_1607713554385_0.9041646981642018","host":"s3://npm-registry-packages"}},"9.0.0-canary.384a8eeb1.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.384a8eeb1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.384a8eeb1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"268478a69c71caf615ef2baaa203507ca2b0d9f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.384a8eeb1.0.tgz","fileCount":12,"integrity":"sha512-sht1MNABRDwxAj7E1DOEwEelxdenjYXQH12U9wrpT8IhMAhxPpNvenMMfuZGi5Kkz6Jbu1RNp+aJl1nYjwUVkQ==","signatures":[{"sig":"MEUCIDRNNJ67/jhLOHAoVo3G//1jgfnwltNW+LLckG7h6+cQAiEAqap5ZSbsSBpUOCVRoJdMfduGgmmMLQU49VtkzgWLQ+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2j1CCRA9TVsSAnZWagAAwY0P/24IhWPwkpUy3iU+o9Tw\nubgF7FZQmreKXlrHM2dU/T842J5s3CxQfpJZg0Y2wenE16Zy5ibM5+dtvNEg\nKmeZdXslTlb694ROukxL2b/d3xUx4/+8SJxDC4dQmNIKyGF/4c2ea+uq7f12\nSVJFunJhATouETIX+a8bhiIgrwiOZTyKAhSRYr4Ajr2cV+YPdDaHPIoJ4pPb\nBncs95gF+Q2upHylY3CaqULrY2tPrVdYFkZKmbisfF9rg3HscLd1SSrdlUMv\nSJoHoMOHR/irl6/qkyfBIcnpb/rr2XuYGWJ9CfM0rCdy4Shw/AIRMhKFktht\nsi5qjFdcdnkgQe+KkpC4duFT6ajNCcEuwODeH9ru+X77nQ5X1gG1EBxtGBVE\n6MN5tV3z/p6YJxZXk6vhrFFMT4NgZMLs/psEoJu1Ao8LY2/QG1WtyS+c3qJ+\nGtGJanco7CqvgtTRK5QkbQs8HEb9XoItkca4h5EOY9Wh0whoc+z6ZnH7tgYc\ncfXMOZHpjneGtZwXM7wSUkbpvtKlaSvUJyKD4B9+JhAZma0h7mNDe3GafoG0\nvq0vLXjqX0l0DKq1IzLvC1J1uiBlgqaJccAdieAjzmNDcxLU9L6Xq7EQ8+ol\n5gZhriDOIm6zb/8BAhiJrYl1GejXqU3kRlmpNzICv0IVoqnsYBxNaD6Is2Y1\nZ1ra\r\n=5BrG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"21b2ddce32077f19c001df17ebc3c8ca9c48f8e5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.384a8eeb1.0_1608138050340_0.5052105039753827","host":"s3://npm-registry-packages"}},"9.0.0-canary.eabf9d5c2.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.eabf9d5c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.eabf9d5c2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d48ff585d3bd6342b4306f85c92565e724522156","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.eabf9d5c2.0.tgz","fileCount":12,"integrity":"sha512-Dz6EyuNk8rGNhvuVHiRHJkaaz+TEdYX/AmOFMPai9Rxg2e5L5kEDI24Sbs9kKS7FECB6rCC1ywdDgEKtooeP2A==","signatures":[{"sig":"MEUCIAd7z1G64i06JttgUaVgp6TqZspLUMKDXNU13uLLwbroAiEAiy5wLCzElXOJCLsJLkFRFcb+txiIavlqjHCPImhzg1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lFYCRA9TVsSAnZWagAA5awP/RpMup6pVmyB3pu2Ow3L\nomGGmEs35A61lm4l5WfpiKPQYhT1pSoHQBaiXlO7Kfl2AShU1L4YNOP96rqR\n/b6hErnIx2otZFsXNmMYzUt7LVt3yQBuVItt4XH6ILIEum/jRGOMxG02oEX7\nqZBp5bo2FrX4q0Nd9P4+s7DHV3YozB07BZnTEQpRXV0hzVz38hrkXFmko8Qm\nw8ozIW5//Bd+YVDVh0aAO0LD/gbt4havq4z+mMq9Y1Mk08mW9N2j0b+uFN+u\nhWYPr1pM2MucMQdPRn8BMjTgYfQ5XSUuHOdSJZasWR2FQeYnGMt0hUuRP0M7\nN+sVPikvBmSNFjpeuCa4qHppc9Eu4qiD7dBAe+NelyjdFDl6+D48JslSOo0P\ns3drYMR+rjoGAlTi/7pmMP2OpWo2sGjbWhZYpMgSggxoiX/a6Q3pv/fLE0px\nBxOuC/bliiPldLFeHJiaBKFFFK0QmGrgII7shG2LGIENmVLwP9UteT2Xk3nl\nUwtHRUZE1JncWJaSx6ZlDEAqTNdaFVoldkeB0r0JmSO6JfdkBxFhdEyfK5pl\nbMYTDHupDiv+d7YY1VPmvJ8x4gb9ofRJipMsYO5d/sTawKaC5IDelOTlKGeq\nLJTfaE2S/jG8HcNViLplW9UBQGZCrlT9Y0QMEEdcCzH8G5tmMjk9novAIB/y\nQzhd\r\n=3dbC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"78b3a67c04374ddb43be73dc4daf2613746d08b1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.eabf9d5c2.0_1608143191901_0.34000698772123306","host":"s3://npm-registry-packages"}},"9.0.0-canary.30fdfd06e.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.30fdfd06e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.30fdfd06e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f7c030bfb13a37d84d2ebaa0a2d6ba7669533cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.30fdfd06e.0.tgz","fileCount":12,"integrity":"sha512-L+Bwj6VilDG0xxAPCjT2o75U3gLXNKMheIVMbw34rE/azGtZCdQZQAWdJ+Y9m04QQTjzWnc8wbp4o3m8T5eb1A==","signatures":[{"sig":"MEYCIQDu8hsDYTNbeF9peifxDL1A6Z/Fio0Xm/RbEqJiNLbr/QIhAJXV2VlxD7ini5GGPlatEB/kfpI2BdDoJHmoINno1v5m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lqvCRA9TVsSAnZWagAAzswP/Rug2PNCsWl0cAz7MWHa\nVqvV1QYLjQZL5yK8Ojbud/HtzwTagO3yb/SPypbKwt+8G0oOf/gQZ3v5sNKr\nEBRozUi9ht5ZADGzX+BGpI4mFaP+FTAcpNp2JUAOvGf9ZLs6BJ9dChShK1kR\nrA630EYPf3pNj+cq6KZ9tEfnjpEs/K82ctCyZWCV+wK1HErboJhzSQeTIozL\nwbxwuFexh8nW7VIwV5+F191UGczYDL+L49gr/SrNTlvqcgGIPEDeugOa/eIX\nFxJS0/rP6+eKLPaCoN9KNBpCbycoa78ryeWpQRQSe5zo6GPoj9gLmJWBiOUk\nluYijTUoyhrKS33deT0WcZPLCE7OYqd3lre9kThUKA/dl4YZKqg7Nxv6F+sP\nkoWZnnjJ2o6OL9J+UKg+v6pmbGC4oS/z2/Uu2+E9XXM69evufid9wpMbKmRI\nNVnHyEI9wd/P/L3zSSTTY1Fkkt1Q3/wc+ydofp0lJZlodq1sK7qjey/zO2BY\nTjjpTEZ8e/Q5p3VDNUoUPRUw71YKhTZhrRYrh8H5BzlE1cOz47wycQYu9Br0\n39EZ3LFbA4lAWQCRzMZzG3j+sClMDTYxDWfKXTiYa9Rmt1K6tu/vTAEvS5eB\naOdox26j+Q6zH22jD9YuKWu8PBEFfGviPSTnXDMKbggmEIUMeGQ5rT44TkOa\nyCOU\r\n=gVbo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9c9fe091a06230b038ac8a71ccd652c7c662b96","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.30fdfd06e.0_1608145583206_0.27476700260123055","host":"s3://npm-registry-packages"}},"9.0.0-canary.9590a8f90.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.9590a8f90.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.9590a8f90.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ecff4fb8cb91135661480a246a7c501ab8e7977e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.9590a8f90.0.tgz","fileCount":12,"integrity":"sha512-Xu/mqqEBaC+SOGuMmUp3ss/jNRlVU3tmGaou96NhBjWsEi80XggepwGJRaFDgjBjt4Qe/oMz7ik3XHtpLJ/PPQ==","signatures":[{"sig":"MEYCIQCxZOO1v0Lhf76f0ZwdSWJoelsFrKqsv9TpJ0rK98uTQAIhALnDKfFnxIdmtatcfwsaZ2k5rVjZfU7ePMW76nwsbAnx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i+qCRA9TVsSAnZWagAAsNgP/2YdsLV6Ty+WlkbZbdUM\n2sjWQ7WsqEsdYudSNEEdURRYwvtOwmSml6PdzjFI2MyI5Iw3kpiS4pTtqdw1\n1rm+IZe6YnYFwp/vJLbIYnXtsmap9Fb20MVcQ3Ovsh1yDVpCgB5r8ee1XVRc\nJLI9JzTvjnnqZvXocnemmRnXwknThc7aux0832CP1jlvMFRJVpRz3mzDBinp\njZC0fPDHgqibtKeSsN9d440QbTlMea1Urpl4nzhvoTeiVwNFOC1cVsXK2EVT\nMeRsS7Tr2xHyvccWGfHnc3dGTPwE9t6G9ye5qrq2DWp59hKByCOAYNJbOj9w\nErx7mN/jIYxQyUqcSPEdFT5YW9QGfVQzrsisbRLYvxgSNykEaF9EB9SLp43P\nj80nPncjRPIam2m8TZjwL1bZ8cYcXlztIkP6G7LEXKP7ROMQZ1GeNiyFa+gs\nfxl6TFVTCHIM4O52PqHwqdVTHdhlBug0O2R9j6jXXCDGb4x3RMd94sOxU2lw\nI/FBU78Xnf8oqd+xbBH0X4XfjhfZjzetTZW75J1QCsIN4WHiYGLbCGaLRuJr\nQFeDiD4N8Ha2jqkL2z5kE1uBLsQGGTOXFIP5oDW6ah1Gsk9VYYtzbYSeYaxG\n6uOTQ1GNKeC2J5zIn0CgB6YBgx7XzDLYJcMTt6szqeDMVWLNqQDvYt6ivNDU\n/Oiu\r\n=7+jo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a592a11a03887b1e1535d4d49ea05db1b6f72789","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.9590a8f90.0_1608658857539_0.6292847706364668","host":"s3://npm-registry-packages"}},"9.0.0-canary.f89d8b8f2.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.f89d8b8f2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.f89d8b8f2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"927ee1b9fa450cfdd4e2357aee96c0a49efd6f0b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.f89d8b8f2.0.tgz","fileCount":12,"integrity":"sha512-dFGB8K8+k1Km9ezrUvHl9TwRFvt6C7Mcb7goVoUPeHLbJnRuJF/SzMHz9LIYQLbCUsySdrs9Gz+7jqwlF+czLw==","signatures":[{"sig":"MEUCIQDIoVm4Pn5B7eIpgrq4+hkUNcGb5MaTmtgsujZXgdH3xQIgcm08QensVEqOnzh71ewIw/UsPi2++wwytOoyzhRhD3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4ntaCRA9TVsSAnZWagAA20wP/j4NDK4gzjk0VfEZHwWG\nwbzG9MRcv2kBewVARpbnClYqCz/3kYRLm2Qvxi/qT60Gax3/RHQ4psSnv1qk\nMv4UXGNFArDDpkrUK8VRUOQfWY6bv7w+iMoCDPUpHEYy3d+39FrjN0byHQvw\nweNA5mWiypBg4553WW2jKmvI8AcuhiWJYw8kPN8Uko1iysQL3KC+BrAjLOO1\nihmafzICHXXdzF3B36NiEW6VbjOMv9Bu1j9mZLOiadtXtH9ZKKyvDM7XLG4u\nj46SeT08vlqy+thxKel/aiWnhTnXtbUB0MFFZ1MM4E7JBtBGNLtGVqmc3icI\nmeHf0rpcZH4hQjN77gYgiZfoXIU4nnKJCK/A9Z4Dg3cJaxqHXniYuTBGnhgD\ntigiqaWP5K7a8tJYx9jEbA3o2dj6B3Ln7IfPWHNBy4aud80hTdgGc9y4G21V\nkvL305P2lRYHmyfcpBTzPmpGXuamdwtfgDwMtAVBDaPhLgAPulgzSeEDiYJm\n3wEUZSc7HMnQI013ZJN0v+5RINBoWVKb3g24IvFE7ezFwQKeH7HyC9vpuPWW\nzH8k6novh5V19Sg05339Cse3OvApIDOTpEEPX/r3T7R2JF1bPBckvLWdFNhR\nO146CLDTq4QVUDiMt65vyIZwPjY/FlhAV7uI/9zJRkOJAKGaBNWLMP7V83Yd\nzXPq\r\n=EaeG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0d61155aa611a1a8573762d75379cbb25d2e7c0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.f89d8b8f2.0_1608678234533_0.03853011072749846","host":"s3://npm-registry-packages"}},"9.0.0-canary.fb194dd35.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.fb194dd35.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.fb194dd35.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edc787eb34612b11e7449897123135eb3b4042f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.fb194dd35.0.tgz","fileCount":12,"integrity":"sha512-FTLkamIX1GmX5JVk/LPZ/aK5WTKur3jMtwzN17V9jzE842/pGyHlETYM2a6tutvElYfsTdAOrETX5HNFu1XZDA==","signatures":[{"sig":"MEUCIQDGfPYxgFL3TXw7Yb3DpC6yuqwaee8IZ7U/Z6Yr3wYCiwIgDXGVz7bo6/4MrtzW4q7PldEoQIiZGn2/vrEHRtdEIIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kO3CRA9TVsSAnZWagAAursP/RHI3OMIVirUn+6FQZ1b\nk9Oyr1eO2SK/IpYyN2xgFlXgBAVUnMNooM0tbpKEfyMmb4jMh9DSRBiLrLxc\nFvNGQ6Ppex4iIAs8KEm3sJaCUFiGM2O/eImiFIoy6Uh00w4WvvvA2EtyRMdn\nbzwdrh2HJUu/k6ZlaUgUO0UZ0uZgMyYPXkWiJrMOA8fd+uIg2O7dhHTYD6lg\nlB+nMg6ueT0ExZvvvJC4iLumedYHrWLkzy9ZvlfMglJzF379sGBS/I1A0mhv\nyda0gR7EtmSSUCgiYaRjBVevCMZR1Hn/JEcSyi+jAFZNN/ECX2ZUIqaek5KH\nOdVvPnUOCXlvYJRJ7pytBINVPEa1754GpGbCO97yTLK/NYNYf1E9jtLbLQSr\nkn6QK0ihyCtGUqabMlNpDXjWmjBrfliSZnurZRFkuolamhb4j/NmGsnQAym+\nsAOdx48b4CsKnHgOOWEraZkEMz/WRn+csLF9hI8uCtw5Vm9apSl89+w1KLyf\n5FGAxQAxFafWVMKpMrKDug/wm2i3tEOXDc2afUrhNpETS6QPhBwHyGp0EWjz\n3t2+UZcReJuXX3y4pZz+t503dP9YwF0TZqUB7Na01f19NRYDkPTM+ueQH7HB\nvOdPd21X8LRfNkFRVJlaSaeGbqsHJJcNTlkv6+X3QlAbeWSGmkWBgyS/7d9E\neDYd\r\n=5+gx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"57a5b34de1026133757436905fc54dc5b326d3e8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.fb194dd35.0_1609188279002_0.9973939401738707","host":"s3://npm-registry-packages"}},"9.0.0-canary.64f36e287.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.64f36e287.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.64f36e287.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2df49fe83c073045d0b763ace1d059855dc4cae7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.64f36e287.0.tgz","fileCount":12,"integrity":"sha512-tGv/e0mzRcNo4NOzPZa3bjWnT3GpuGr26TZ5FkaMbkqKF8wVFUKL/2vfcQMajn7gkEQxhMSfNfWTKjLK/IgGfw==","signatures":[{"sig":"MEYCIQDdk16P3zw1p8qobfUmLmPHEd+1CDBNRP/0qeBgNpnbQQIhAKu9BrbGkJQNdkJlFhLZ1xUuqbwB9bItMgJXd+t8Iu0U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kkVCRA9TVsSAnZWagAAEIYP/jRnYDjQU2eCyez2ItHu\n6eoA2/FZm3Otow0QVNQEmcT+3LtSuFy+RWl2LXmWwpWNzkhKgK6vNaA6WXE0\nU0jPZKYNECpakLpW+3SCiR/tYPihtiU7vFJBgmP/U4UlndMHuAqeczz2kVzt\n1rwvpJx+GSHugfsvPyW9Vg45XoMXNMiopCik+2SfbI7iH87uAlk0LdTvJUtO\nN/cp7PUnMWegsHQ78udXzyZ75Yq0olAyaCVs6rKz1J10tOLMrZ4g0349Mpej\nmSJC325loZ8+JxC2n97t+bNSYrDHDdZ9IffHIm74bVSWGETN7y1eIrZL/8ur\nv3av99eB1OwmSp6iqug4JTf3lDy6OqWJVU1JHmSpdmadnkGq5IvfISpHWWKp\nJ9QFZjqZshlYW10qqmEiiujwetH9H/stpJBtnp6gypbp/4K4QGfJTJUCZGcI\nIYFsIbaYxycd0VPM6bTuUR2+iY6CW0joGeEoQiazXEtwlxTLmI8iqDY3yCbi\nUdZrVeYae/2gruAl97Nx3WapoyW8+STIDOzzg9wOYG9fJqy/yeE/c2RKtJ2n\nXc70/wU0tfWIQUrfVisl+G38Q32WcMiGowm3qwW7e/IALwfsYw/fpPz6Hpqx\nMbMSpDTCC2oYBOXE9WmkVV6fL8dS0fEp1RDs2ciar7wyXcoIPDhmoqPkFMhF\nB22T\r\n=nmLQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"23f6770d284ec6c17b1aad9913827f8d456418f2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.64f36e287.0_1609189652509_0.6436053947555151","host":"s3://npm-registry-packages"}},"9.0.0-canary.b7bbe7022.0":{"name":"@material/feature-targeting","version":"9.0.0-canary.b7bbe7022.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0-canary.b7bbe7022.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db2e383e25763303e2c9f0f11259f62d036d618c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0-canary.b7bbe7022.0.tgz","fileCount":12,"integrity":"sha512-H2VLX1beV7rMYJZB1dsJss6dXmfJFmb+q1v7eb+JQzjfzhrm61qHbLd2VdybzMYzYqqW9/yPfGWHaePF3/KRDA==","signatures":[{"sig":"MEUCICWX+e7ZPlCWx8XdYgsIIHbdw5FQ7Dumw4LLA6bbiE2gAiEAqHJpJa3DelO8C1F80TDaFNkAe40hMVVcRM84ZlOscME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf63mcCRA9TVsSAnZWagAA4JQP/jz2MvUlJo8FBLZnQkMR\nYwX/laUK5dzV+AqszUrwTlSljzzazZyBd8KQNmX8tYGgPpFQ2nyazJfC3j3x\nOegfKMQE5W+nDE0L1Ult7MQwsfRkviUIENmq6jN9EYO8h+9EcRRzuhZZPTg+\njpl54Wa9ncRwZwWjVBLdEhb3uvYtkSJHOtRRBtKQHkjx8hWsxkKldtF3TemV\ns0AzXITyMqfyGo/GiG16BxvbrlFAzLL22gIgHhiyVSpm2wF5Il8wKK684xFP\nIpbSkY/uuXUurKnn+GSgA1qnsTxta7uA7gdY3nhLDmuFCJRWTTqyfkrN9GLy\nGXQBrhWWWMjeBgxchwjYlpmrHU0dkXiVkOzFV7Mmn+P4VS3cJdUsw26+d2rl\nYZbxU/+jIDkg9YUKMQGHLOovKj34VX1AM8lzG7JOZ9GSaa9L/MTY5/UPa+TT\nCmSb3Pw2XTnEyvF3lV1axWNYVdyMoC/IOSVrhotN5BB+lhGh28PIx6hvLeVZ\nAxvr+Y8W5WhwH78zdJzeaDoe7TP/0fZ45vK3RPcKuDA21uEF/1g5k0lc4Tyj\nowysS4ZcCyCo6rxJQNeGLXKs19/fEq/BAHVJ3XHLUt845R3FfLiFJgXTGcNf\nU0gkL/krd/uMx2+PeyR2lewlJIlBbp0D0TcpcdQ9tkJV4DB0OpGw3aBIEOZd\nOQkE\r\n=QxSw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"81238a3912ea8bf30c97b0318ac2ce65f297eece","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0-canary.b7bbe7022.0_1609267612052_0.7815967345670269","host":"s3://npm-registry-packages"}},"9.0.0":{"name":"@material/feature-targeting","version":"9.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@9.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1072cb74630e1106874fe042bbdaa9da72952e1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-9.0.0.tgz","fileCount":11,"integrity":"sha512-SKkvI46TxxpTau9fsXJWAXTJXbu6ut5n6wdN5ZX1DHHLY2AR7abBAhDIvNhIcxH65FK8mo7Z63UfvDwy177ttQ==","signatures":[{"sig":"MEUCIQCrjRqZsmPGE859a3AIaU9kPDKOi1Av7BOKdMxq7iIKsQIgTq7JZngXlEwEnrbTaD+RFe+WTuXv7eMEIjCds4udcLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64c5CRA9TVsSAnZWagAAaT0P/1JF9KBHWLAToM69Wey5\nytgnnwFyf0lszXbP9UZIIlILa29z4TyeLk6SQNfFoT1E2+MwHZzp5DLJeBbS\noUHnR2FgxNp2kwLIgeC+EHjK3chR4oPY2ykCKbEaBupa3LEsSD5JQe78sTAS\n1WhB9znLqAiXPyjUHVSo3mqMzNjrYxT6hKf0xYAULpa5HApReN8PFBFuJwwI\nOOriuHpZgiNLvoxQhPZfT92srD4pNpbiGRk9AQCyM0Cz+dIyMuLHxkK7Cxei\n2XGL0uB8Ab1SBZIuJucyu5XAdOlV9YDBMlvzTIr2ZQhgoVgVMJyfJtzgK6Mn\n3w4KY/dw2p1X00hvWIPrbRITN51FVJ+vs6MnfzFo0QuRgjVIGFsoRJu8lRXr\naeqSdd2frTdYskbuzu4WH5bI/NSEpyQuutlDoMnFVHcyE35AnQJDuUUQj7y5\nELMCBZtwIVCxyyd9mulxGZGKO05UcfdoBXmMlQpDq22IlOWoYaGgJCPyD2sy\nd8W26HqTRBVmyZZE5z6Be0QV82lpWKJaZv2PgL9Lk97EBEfPGYsULa/vyf3C\n2sI9NJSxjxPyFBBV2wyuK+Eh9bjhE3X5gM8j3/ERngb9y2HVv1axFEqROPIq\n8EUcPgzXjIkou7kxec++d1BatfcdBOil1lphbsgqUfB1oikHiSx7XbIuXqXL\ng85C\r\n=v5d/\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"555aecce59125bc3f162b065dca47384bb5822b1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_9.0.0_1609271097409_0.6779424605033548","host":"s3://npm-registry-packages"}},"10.0.0-canary.555aecce5.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.555aecce5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.555aecce5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"722289e9c3870ab957d462ae395e6cb87f623173","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.555aecce5.0.tgz","fileCount":12,"integrity":"sha512-2XyHLyqjM+Q7X0qgAbt6Vpjdjgy5DgY6MOQvrcaJebcD9ipGXAr0MAQMilfS2v7eAGoVbabTHyZKbdcMYh7vDA==","signatures":[{"sig":"MEQCIHKSrv5fhQWk7ZYQLA+a9Fys2VXWQnLtmagYYbiLnDKVAiBq+miw1NLTOt2bMWhTBFZ+UuhIp4uArkBpEUyAJ3XH1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64dECRA9TVsSAnZWagAA1DQP/jhnrc1Ae1Thw+Mxnl+4\nm8yr6bBcGWxLO9R5ta4KRmX26w0B/zVEt2Gy/53Orsl/rjaIh0znfFutr+8t\nCRPVmDTL+IXbdiIHo2CyOiHJ6+L2riLUbL+ThGkW6uN/rKeMOSIg5G4xf8Yi\nl+SlJRs0g3zLpEU6tiUlQoIPEAEl11cwxZROD/l1Ry3x5UO4x9BjAhLJxX3G\n0kINqFJP7jCAJ76U+EZDGeEAyrOeQb4iY/1gkUNUjzNZ8Twm9Fxe8osyYEUl\nbusEcuPsC5gqjBXwLsB8To+Wtw+C/Wa3hp2bNqVHqb6q9pQ02A9Z3BPhiYXr\ncCg5IKV6GmX71ovQ10FPDnj0ZCViIGInjf0YW+tu+v7Do+Jn2Zs9vMrzkzVu\nLmip2xTypbVsot0p2fvTFGMlJE8RNrYTqD/Og4P7ioe/zg9MH6LW3WQa3dRO\nA0qUmxNZEo/9R9t7BB3otKmgifdLYF+EjswHkdKyx5WioavpKB1FEGHxASuV\n/SVJcS6QC7mqvhm2ZfMHorN+jlX3j2p5O15AHMkw5aeslEIr4zIHoVY3vpw1\naykiH+rCS/Do6rzyADHl39jr5u/50l/ZOdt7hW5Kygo2V5tI1yWcls/spbdK\nB92W2bG8ERN1BJLHLv1BM2+v8ihPXgh5R3kYzqDMAqUebXglnRKXrN2qTbCe\nBjVI\r\n=pOF0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e455ee4f81b05c032a5b779ad5dacc2b952e989a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.555aecce5.0_1609271107711_0.4940943114610774","host":"s3://npm-registry-packages"}},"10.0.0-canary.776c18681.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.776c18681.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.776c18681.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bb751127569a2e731406250ec78a8bd490f8470","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.776c18681.0.tgz","fileCount":12,"integrity":"sha512-vn2B30GsDJwS7HP9krBCpC3PD3dHZYI/QIoZG4Q5qsOFem1xqtPScOQytZMr9eVL5se5Rkv6XeI+mbqDfkNnLQ==","signatures":[{"sig":"MEUCICH63fcz0qJ6JWFbp12CR7+ffhts2wy1mDZfh8wjjBTRAiEAhHWz4UauPixkcDYqtcO1t86cqzjGcQylnSqAEuEA8LA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf68wvCRA9TVsSAnZWagAA4CkP/3uKPharNklu1IcC5q65\nCGrX7j1lpYD+wz41EJ+NLVeE3lJh6mpVaxpSjvL//GKMzolpTAAuniYvv5n8\nsEebcL48VJgS0g2ttH5U9qhKUJFeidqzcx7vfN9feyE9fxaOLK5SpbmyCgjU\nWUL6gNbwPS0NRhL/CRT2rzWt8M284cLfVFk8sCaglwYzObW4qKPxw+K6qdY9\naEAfPrKB4xfofWPiAuXKTZbEqc8GiOC+oPYegxY3Yg4/BTkwCST5K5dLA8e4\ny4wabyqip/HCJAUl6/VUyqsG6SL4k/nG/AkWNBd3KVwgaaVz901lYRSdSeeT\nR0KLknfWIK4W8IOTu2k8aMOkVY4m/eYrF6GoA7rrEVEu+FJ1qlU4puqGPtT5\n/9qnJomx7cPXC5lGRvIruGCW6ZjFcWw6SuUHpBbIhkQLVF6M+d062sD7TtJT\nPAUnZ6r8B1Xmmc2bHiPgN+OVyvDBlQfuLHJX84G3dlyqhFEe2h/iRF8ODGGF\nqFr3i39AUZiZvM/Vyhh44ydft6PQ+SdYItiYIZCPAUsRHDMI4zVbH+6eqI5L\n7yHp5f8NyY52xGLrMEtPizWoBMdQbeCRiGqz+WIjEHk5L22eyktQUSmHkHe7\nl6bj4fP3Ce2YuRoBM/ul/d2tO28nt/Iv4ZyvJkIvsvNm+i+h9iW1ph4v8Bk0\nRiCn\r\n=Vs8B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"920f8ec98e9709a32b0564a5334ae434137478dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.776c18681.0_1609288750638_0.7293088571668949","host":"s3://npm-registry-packages"}},"10.0.0-canary.671d72d95.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.671d72d95.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.671d72d95.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea1594fe4a0a46639eae12074a1cb6a98020cdcf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.671d72d95.0.tgz","fileCount":12,"integrity":"sha512-Jeid74RduqukEutNW+3JYjkNVmZQp8QJjKkZ5ngf0SXQpapWHaymai5P5D+wCCdq2dX/lqySqniaBUewXB9HjQ==","signatures":[{"sig":"MEYCIQDyYiNCXfMWPJ72wszg7os67aZ/Z8ocD6YdxA9fo297KQIhAIG4XTCfBdJ++mZqSWB9IYeGzGLm078WPCp73dGlvRHC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7N7GCRA9TVsSAnZWagAAU6gQAJ3GcpR0H/GGGhh4RgGX\nZqMVmwIM+Vmul2SIrbkIw7oQpJp+a3Gg5S3lH8ZuxQB1lG9yykOeFfeFoqWa\nJgHBwViGljjhQbHHTDJBQQpCpWD/G2bd/2FB6F+8+Au9fkzwiX3+VSBQ2ZGX\nG+DaaM9dm7DSQ5kTD2bkjD0oSKPW+vtyByaxMrdAY2O2MxLmXB1ZIAXWFEk+\nL7cEvAtUzG1Ap3UcXyrWLVFoRW4D+t1k6WXztRAzXOXX+cEgrKUaWBAe2ihb\nrWNIQm4Gx7ZtEudti58+XSsSGlmdSahyPVDy38qFZwCHqNgjdrO+cwt1xEOt\nw5ob05nY55RrJosW8wvAcXcsuANcx3g8skNW4EC4yATbfmtW3hDtkNWwXXFf\nrBRWiQUq1Lgl09FuQZSRLFy9cEH2KLk7lqsst9dp+UjrTcaAygQfUQazmiTR\nyhL+PeIrnwQFKGnGPVFUhrOneCa456054ebTo2jHCyLYoxORdZK2XEsosP1B\nLlahMG9QLfJ8X7PLdr0D7vEQ8cZCz3DHEbYX2nEij+fxZ2Zb/iUpx5AhfxD4\nFD7NL/1joUN9Hit2JperDEsrkcPuz3N4hvxaYcZU0MgCy/ZIDgKGT8/A40fM\n2eiCX8QZgUsIb8ErSIvCylB0cptdLcp+i7yO3fGHjvr67tMpu+P8rEQim5/j\nrMKq\r\n=hvN3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c22803ec93a76c661222622456cf6f5c5a17459f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.671d72d95.0_1609359045667_0.677513250813139","host":"s3://npm-registry-packages"}},"10.0.0-canary.b4f5a1c9e.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b4f5a1c9e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b4f5a1c9e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"504ccbb1d013982bad086e42a0f1443b8b5748f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b4f5a1c9e.0.tgz","fileCount":12,"integrity":"sha512-e9ApGyDV+R3rCEz2A3HogdXj84xhiLOIAkI3NdFOdqOT3DiuKSzq9T5AJfsm52G3/7S7nospUm4e8fNxHEQicg==","signatures":[{"sig":"MEYCIQD849Btrh5bhCWetVZqQVHnm6C+5SX6Pcgl4816BubCwQIhANffbyIAGzdIlOkO4rNl7Er07ImoZR/7RDXhMAbgEdpP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PT4CRA9TVsSAnZWagAAkX0P/2LBV52Z26+MUWJ1LmSc\nRw7ysu0fPdC4vEOxAoVxhrkUDV6/kdvFvsSneeleJM/rXN8+S+wkkGZVbE+v\n0U2mAc2opzcFiK5dRpZX+PysgbPZsGfyppI3VeVQSNjuBaFpwNBWd7ue7FDs\nKdeDuX4Gnhyu6/nhbBIRS3kBCW0qURaGmbK+0oUq9oRheDcyv3t3Y/U5+ev0\n9V8ohORI99AfBLV/k9N2BYnVTBbBgtKZuE4UbLt+aWMv6DUrhCXlw4NUK6MK\nXjaLlNsL7XVDa4UfIzp8S+dMwqsbdh4a8qurWc6GY6WnAc9p+V/8iJ+SVGIw\nbMOtbFiodtmQsNM903mY5+ErsR6wRIXZujdluagv92ZiTQ+BLsF4m7fy7XBm\n+hNr2X5ecfw42G9+PLiTVceF/MGiu3nTtB9r7NNtMBk8b/5p5djc+3zmBU7G\nBtCgse4yu4E8nbJs/nFDOghwWDvM/fntZ/MWiZrY7N4UDGuLO5DFZ7ZMmnxS\nEZBCWTVDA9VMqqhbkX/2u5zKFd8X71lMBbj6nQysGXseIdckW/G3d87XQDvb\nGhjcYVoQ47zC+TLHUp/0npCG4++jM01ZqmObIr4qiLX25kuzMiuc3RN8VFZU\nK969ZVtE+slvm7kT4nrmNhPIyNnIXPvU3exCtvAysvdDij1HHmA8A6GdURf9\nuin6\r\n=XPXH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1db47387aa8e99022677270066e7cba1da23732d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b4f5a1c9e.0_1609364727752_0.786232008871836","host":"s3://npm-registry-packages"}},"10.0.0-canary.a94bd8deb.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.a94bd8deb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.a94bd8deb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86b4acb1901a93bd7cd3ed8b285b3519de11a7a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.a94bd8deb.0.tgz","fileCount":12,"integrity":"sha512-HMw6+YdwY/Dm8BpYhtg1blnnNmNtVVYDfu7A2DDlNzaKC/pv4tIGrkWI2QpR/F7vfKT849EaSY33cZCJUMAjdw==","signatures":[{"sig":"MEUCICf6g1HYgRFEC3uEdDZkYv41Dm4gJnUxv2nKfdaNmwxaAiEA8WMYj7a9yLG16T1rDXWZAQ4wNape3K+KxOGkYzhovXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PkmCRA9TVsSAnZWagAANSUP/2fOn9L/w3fAmJMKmEjU\ncXWwgrSbgtJpvKVZ9p0UixMVaaRr45UEYAgsZh1OKFJeAaFU0LP8skOOI9sH\nGSa1DIxDXlZaxrfFAWjwci4+li0qYe88k+OTIv6khAluIBfbq8vdddTs1Q8H\nuSTj03h2MPyfIVthRzl3s/Sw6uIIvj6E1ab49XSN/NIqngR3ux2mcmH6Npq8\nAkcsvSTxA1Fv0ITLSrDQ5llxTBpceOvplf1CewDF3ZK7GYKvf9tzewx24XI6\nTM6mHvjBUDU8ifsx/YdMAiV7G0uR5Ugd2p1Tk3ROlMXzWg3yfc9hRdat16GM\nJMs5F4g/RQUrqlkzivoJp8zmJRuPv3ib3I2IFgbixX2QTourZH1hIv60zj/L\nYXE8QixYu0fVhesziAz3SuzkM96yBeMqfG0qp9zKA5G0ETVvbBERSEwImJO1\n6bx8nwNUk6xxMEw1NjBSDLksbnCD8XtZh9dpaa9d4QYnwr3MaAYo6YTAaTiu\nC8kaZCKh000Zn8pDB7lP54aLo3TU5kguaw0IlnBIPVLUbEIkh25PgXafPds9\nXKxn1bZtr92U7EQojcAlDywVS3/Yq1Lyp0/zvWQKALNMgVCs/APKbng0UPWn\nk0NNOd42dlpSDmxWo1AYjJFt87mfi2UPgYmwl5+0XSrkQuN7tIRe1SvLmYmf\nH5UL\r\n=HkYz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"12c943490c76f911dda3861f863c68d7abf77ce5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.a94bd8deb.0_1609365798429_0.4714213594533221","host":"s3://npm-registry-packages"}},"10.0.0-canary.5d128511b.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.5d128511b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.5d128511b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e459c4c9c41500e30793b1733067e29160fe3b3f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.5d128511b.0.tgz","fileCount":12,"integrity":"sha512-QoahSAtWmpZQexeD12p12TuhXieL4T8NsM3b2I4Ya9lEl1X84XkvM+gqKfvA02BZnQKmKjZtocJpX7bO0oXYeg==","signatures":[{"sig":"MEUCIQDCFPejYn/KC7bxZFo3Pd4iPtCGSg/7+BBPy9GKV1S3rAIgbvW1arlJryl8zfP9pSgrkx7R1+dzZXnWgmSXKZ1h5Ao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PprCRA9TVsSAnZWagAA464QAJ9vREv9YlupABAHOFrg\n8GLofD5ePNX+2Y6TPTKMmCmh3+b7rnpfEzGvp1eBYxb7yIrbjl7Eke9ICwuQ\ngrdYKDr2CA3R0xhdxYFQWqW5I0swzv7nnevga85dsFulKmOa1fMH2j5eq2yO\nIIKmG+0AS8OognQJYP5+S6Ox+9bQmcM7S33M87YU12mwGJVEMJUht+YvAtlt\nRqnOSAVs23W3oulsHVBVOG8tQ6ATPIRJDaUdDUg/lCVl+6rgQXWm7+6wMASQ\npNGzShiVbmqJAaWriHE2U/+1kRjNl59NUrkBGUbMsYwJXX6qc2Zc4RVvL9Q5\n6/K7h4bzhv/WAriMEqvb/GwqB/TDgbMGPa0TN/wm4J4HBeQ+E0zAGcxOMwJp\nZAxKRFUOygDexgqT4MjQLsyVidGCZaTHd3WrYRB8cA4FBF3Eu9rXQsj/88ik\njl2pTAfivoO8YUmek1PbJOiv0zy/QZXP2LtMPBlKMKYG+sqqmZPZGllOC5z5\ndz/+6nqB2LkFwiQ+dmpFLgXKbG+IimvVVM42ElQ+O50xpP2gEqMmz3PWnZ/k\n3OzvaeC2BCupO1SlOlBb56m+5rBFlqH/ga+NfutcXAGAJJnwFdwZaRb4cNiB\nqrTjRxolNyBNe4D4boSqhjv6mNwrIjPTaul6fJeZG2tuP38vNGS97asmOtAN\nrRVN\r\n=rN8A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"05d17b41cbad4a8aebac080f082633a26be09a3c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.5d128511b.0_1609366122998_0.32645514246117435","host":"s3://npm-registry-packages"}},"10.0.0-canary.365c69360.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.365c69360.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.365c69360.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3362a3bcfec805c7d7c9d27142096e8171e27eb8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.365c69360.0.tgz","fileCount":12,"integrity":"sha512-JyzCWwR9wFPdMtNYPEpTnPfnx2mTCVFZIyZYQmmeEj5tKxMBLgYQAKbJil5l8mr1F5qRXPcRK9NYmwCo08oCew==","signatures":[{"sig":"MEUCIQDLgLfved7rm4ybWz2ZL9d/L4E7KD1nPVFVWFFyG0hGowIgKLGT2UZq0UMqzSGkEeG+nzuUo2L37/JdFWNnclu4V0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9KYhCRA9TVsSAnZWagAAlSgP/jg8w+jHLtdLVNV66lLU\ngitJf/f73/hfKZuzQnAWVXkgXGUxPT+FVfjYOhBlPB4P2XwYdDSc8HPbhoA6\njhMJ0Bx65mBBQ3aUvQ2b8e9FmazL3DtAn0mb56uwfFp5aj5pwdDTsa4Efw+z\nyzs89Bb/4AcNwb+hTJ1FVfqd6qKHFrJi5cas5us9hmIrJsTjNlq9lK1YZTMm\nctj9trUBwdUOIFhuuVriM5FiNWFgGqn6c4zzH8sqmLXvmUCgpYKWvuLjn6Lt\n1neyTY52X3bGGnlccTRZCouLmwWaQoggl5LJfpeUx1XgB1XMA0wKfyUerK9N\nbreBABBESfxn0XBavrEfd8JkO7m41gT65TEm8vEveCEOOgPk8+GdkkIIqkmR\ndAqUypgprRmucOxd1Gu76WJQIztWgGSSPjIuUWg5dYz/zfAFQq6QRN+oXXji\nr9GIYCwwqHheI927EA88KeJ1pODul0x2Ry73zAoJRkFu9M3ItKWyaHU4xtBl\nbbsL1RXp5+XwldDJmqN8pwZysyvFDM4IXdqg2WpjJJJx4qaSpIwiZOYtbiE9\nmDcqr1UtsAa6X61A/tarlpbmVce1jqjD+hYU0sYvio9eTGzyBg1OzSopzX0c\nHC55SHmYfyQlCh4VFkHrXEwDd4S5Vl6nJZgr10fSkYfVd+gbDuxRwJEph5xL\n/IRf\r\n=o9Qk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0b060c30e2974c71db5d5ed87e3ab7918656edeb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.365c69360.0_1609868832235_0.591205999510733","host":"s3://npm-registry-packages"}},"10.0.0-canary.700a8261a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.700a8261a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.700a8261a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3d12b7f31fc6c0aa03e7b6bcb27a2d1a833da11","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.700a8261a.0.tgz","fileCount":12,"integrity":"sha512-0wv/UKfpgiZkBZJc6MKvFilPHtNNOrVV2XsOvx8eoLxfCCFx5Inx0GggxjdmcY8sivu5tbS+R+8OsgkiARBXGQ==","signatures":[{"sig":"MEQCIHP0XL4+MgY25RnDqAmQlV6cPmDQcuXbNO6pkvizsWpkAiA7JyEq/ZD8lWlr+Q733S/D9o4uGVgd488qBIcu7IVI6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9NMrCRA9TVsSAnZWagAAq8AP/ApxWebmSHTsOc4QxZJx\njjCJsb1mL5fxw6S9NX/LvBBt91cBJ4xzq6uF44D2g+5NHXc2f+2dU7bRZUYo\ncSQefvMzTN7DKOK86nEjuLxuX9cKidddroO19bNVCaHXKiklP6RPLnBr10Zb\ny66ENJlacg8EqWHswtiJUiKdeHH7krknv084W/1FKo7r97bWuVae0Jd+vbg5\nJ9zQTw5GeVGSyNhHvMbYzrOITIUctuIyEvVoSEQ6cnNsh0jlnzo6dihEZBWM\n163nIdm0XDuU600DNEO0Trz+g3/5qdoTVA7oqwzFLtwKFqisLKhbX6c7bqYb\n6mXMvbZRYYq2CeLmy+ybkjvEAF6id4AC7ROJEkV/UksTCaCiKKLCjuZ6qivK\n48PQuRJ4eHp65I/P8Tf69pbzObmkll0AAdytRTcka/92OZiEpemJ8nZHsJFy\nO46uT3xgbnx9fGj5QwBxdcNeQ/J9lcuPfkd1roLjA0/165tKPzR/JgagttLa\nqFGATOTPi8aVb5SrTBBydlxRvArWJuCH0LcJY/myDRXUssoN4pwdkhoeJSbf\nY5E/0J9KAQDLFPpBQM2leOiSd7A9jho5YVG1SNHT75YfJtYWZln7IfewYMRd\ny+Ejs5C7OhHvWMfShebc7EMQBQ/l+4vA6R9ZCItWIvEYSm5gGFMJH+qwWm5u\nM8x2\r\n=8iuQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0e9aee4feea82b83f34c723b52aac42fda1cdbd2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.700a8261a.0_1609880363441_0.6857680422642003","host":"s3://npm-registry-packages"}},"10.0.0-canary.766981c15.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.766981c15.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.766981c15.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f7c47cbb15ae0cb7a4a738a7d6bcc65363e90e6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.766981c15.0.tgz","fileCount":12,"integrity":"sha512-gxbQgj6aF0gmZV1dC8SZZUBQ9swNKz0WtQZ/72Qy3piFVxHaqxiDXuA97sXFqwIKxwBnAyDjRLkyMQQqmzBIlw==","signatures":[{"sig":"MEYCIQCTTNK25Ne41tkm/yIwJFq5I7tWHSAwqo+IOuB7x7oa5gIhAMrBvNgQka8CRifUfq8AdY6HI+eRrzjTyLh4JLKZmFSF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OqLCRA9TVsSAnZWagAAjIgP/At17eBEG9E7GZ/7C+EO\nb0jlTdnP/5M1tbZy7odt8Om62jSupXUfdWP3u3X+S/ZID29Vzfm1ERLi0JvG\n5A34AXdEevlSO5361G5oDFMdVAwgumVeJYtLj8l94JIU3ICR1Qu/NNvjeGpa\nX6bCqP1MXZci6dDC4Yp4TTomf+p2obgnJb0Z1++Rt0IA9fz2mm5qYohbhu9K\n8y6FEDo7lO7aaPC3OFn+zALUGxd6Qxdhb/BgeNWJqSdHsKqHm/qRVeQVSZge\ntmWrm6CAbbbHyAOPIWMPfXrxFygLhhblZMeiiPvFgoWGW8DIZ5LDLRGuyXxN\nYlxaCHY8JYG1THUbtL/xevtZUKJ8VlW2yXk2qAsLQgJ1pcceixfJR0132idM\n7ePRMjavL24rf97EEUvo/qNmT0q1HAhNrs5GP/BJCoS6hvce3WLgo0b/ujEb\nn2RDNn0+xwjx2cGuJCTpwfPFyvfdQ6k5PciBxnAfBtxS18CghPO7ksTc0DFN\nRO3k7AcheT9LQevZOraTSJDjMfUhlcmgKb7LY3QMzjXLtUhgAE0qn/a4rFWH\nZpyjWoMmnCTZDad02O9JmvCdOC9TirxB2Hik2sKkmeEAwvHzA9sr7njI3YKo\nNyNjJkFDIomv3ZsZ8ryvMVxqdwPh3dNsLqiQErSzMsh7hvK0q8SZCAuEy/73\n1teR\r\n=pUDt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"40a13adf47648f48d6dfb1daac9ded2f7f0bd442","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.766981c15.0_1609886347081_0.8287739034439179","host":"s3://npm-registry-packages"}},"10.0.0-canary.b28c576d9.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b28c576d9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b28c576d9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff9f1db63ef4912cf9f5f1c3abe78e29320481c9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b28c576d9.0.tgz","fileCount":12,"integrity":"sha512-L71a7mQyL5k19KIn9wzTyczMzFicqsa3QwQdjp5+Hn8pF1bG2segDWLQMaAWlq9bKf0j+MH/71B3UmWbgDEdFw==","signatures":[{"sig":"MEUCIQCPwq7AdTEL20bHv4uPIA/UldYtaOMLMTtKLmUu53DxXwIgGZC9FQRzjTbMuj0vWBWN2Op0ViWhs28+EK7t8XaC0MU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OzdCRA9TVsSAnZWagAAHH8P+waYXEm/rDaLRUAyTIrt\ni+EA+NCvY7J40GNRxg/QaG2vOJORAOLQkRQXvECMdrxY2scZBw8axCdOLosq\ngm632yh9KBNQ3RC9M1HZRkth/6u4pd8kpxc3Au2O2g+XhNjcCe6a/i36x9YJ\njjwXDAEo4ML0lCBUJ5lazpHrdFs/G/Lxsl38jj8yLRy4jSvUITOFrURyrV7q\nXNVVz23ebNGz35rPZr0OxaBC2um7XB1B6Te4ExxCYNbVG1p2ahA79RVAcKVf\nHhanikgGcQSVs5OMiVTr9WPHZiLDtb15vEL0POkIWVa+SUdF/zsBuVHdADNa\nS/Lt4kecS2oSMeqPrKYaz1A3E0voeItsVAR5Ig2Ap9EG+7KQtPVkCYdOJIlL\n2Nfc3ot8WZnkWENlX9aXDYsNeT6U5vNmZCd5IfogK768bVG5mZLlxEqri5GW\ns4lOuEc7g4OKaCa/ikSJQiJanbKmWaJh1rEP/q9eJlXQKD8ZIg9ZVpJTAjjx\nin0dbq9PEDCiR58sMXo1X0IN0CkOEYhSVa/qKnauJ9PMwODH6mnWBzxFwZDG\nt6YCDculEG9rFVwFPPlSyUkG5hOLzNrNeSweJiOBUkklawy3HUd2p6a9ofe5\nHrg5y5O8LRhaZrdqFLgqeoa0ob5QsIjlGKFsx7NZ0KgZjlnmdPXT/rg1CG9d\nwWki\r\n=JrTt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f11c5039e5e02253cd6e3eaebf7ee15629f3c182","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b28c576d9.0_1609886940817_0.01743863751067587","host":"s3://npm-registry-packages"}},"10.0.0-canary.968735356.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.968735356.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.968735356.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73fb49f9c68c847dc9eea263754651101b36751c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.968735356.0.tgz","fileCount":12,"integrity":"sha512-c166D0Cex6BWBcUq4MWcwpQReDdZaY2OcVD0wqI5wZBdtRQT949rP+T5l+1s1IRouycG9ypBO3QY48uhuVQB9g==","signatures":[{"sig":"MEUCIQDZwAOIFdam78O8eDId4s2lz1v4IcFuw4djaBjqOL4bFAIgb4v9PAJ+TOq0ljzwJBe41YtXn0mxs1zlJa1Dk4O5+nE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9dwQCRA9TVsSAnZWagAAtEoP/jH4ndSD8cZ+cD/vDcCE\nTnBAPuYj0U0VQBkRIcbK0s6fw2kpybrJqXqntU749ENnei8DU1HjG+WiuOjE\nyHlhrM4+Vghc0axwl14cEdcBIf7Whq1+zkLr4BPfM7Zqy8RHx0+d/2AUiKd3\n8k/QL1Wg1bgKT3aAW45lPYqIlj0hn1eAMg0VkjTK+svJkiABFSDQrywNOunS\n51nxI/Pb3rcZTGnwBq7HeX6Y16hW5JcZqtqcswCK5OdfrXQqq09H7NsvrHbP\nKZdrrOxu/7NCVYS/+JTKtjh/JKOIlxMTEjJ5s37B9RuMYr9XGbutba94wLR5\n2dU41sphPKzc9M8PPNLEfXsLqzbwYEFv8QKXALp55K3J88t215S3/i0fzbTm\n5mcrb8xk8yVVUQvolrjfsY85Qo8HlvlD6x0peSpdsACdYQsKvKmqvy/H5HsO\n60qCQORCIJs44gngZbPWyzrCZEiv9GdVeS42FYTCP2DFVqgmyU6xZuKEGUnE\ns/iuciKLTqBZ7fpqSybMC/ERgn9AzNEsbNwymhAaTG5n+41eDo1cJIqILoMn\n9WSxD1pOK3x/8qKj6ksDt9LinXMCb+shwU1RoDk6ELA4uysMS1U4E37TGWxy\n2Vj081PhSZaAqU7mjIJhhyb1hwOyCBZom03ERvQTSonDqQONvBvTGLUfbVza\neMM5\r\n=UFSO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"016bf1732e983523c8ba8007681b058735467018","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.968735356.0_1609948176295_0.09927410710939166","host":"s3://npm-registry-packages"}},"10.0.0-canary.c5e18b020.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.c5e18b020.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.c5e18b020.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9f52d58fcc2135e1412010426b164400c95fe4e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.c5e18b020.0.tgz","fileCount":12,"integrity":"sha512-vr2YQQDAF+f6n6FI3d60HiQqVyZzNpFJyhrSpkpd2GWZviNSGjXX6RaCAX4Ld+wUvyLV8aWp71zxzUdos/KO4Q==","signatures":[{"sig":"MEYCIQC+efN1QuUhPXU4pZ3TuG0RDfU2S/KQiAXrkLkPPgDHJwIhALv977hwMAA/h6KgtYGlZl4aEwTsBDNb43PtN9SeERrS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hLKCRA9TVsSAnZWagAAM5YP+QHI7FzlT8Wfrt/nBkSf\nsks5L7hk3xL7SxJYiSWELhK/zO29JsCuI7PJP26K9W9t8z5sGria15WFee55\nFvMl522On0vcp0TKhm7PJFAjRp1voPmnXFgFEAf+2rQWYVww/DqNYW0YOcam\nFbKlGrWz2XDSNIgvpwWncGUK0BhcxAcdg1Vt5pWv7pwcqLXHA1+MsgeIy74d\nl2xg/Yy04oDYGlSzgZVaj4J6HqTcdIgLahLKQNVOeTKqLqETWz8fltXd6jO7\nxdx+EQl0csCEmptVOMOhbAGBktWrmjbZ/YN9Qa2CbTthd03ReApm8SrgiYb7\nZ9PF6qyJyYx952pqMLYB/tS04gzh5Puz7wym+1wmxW0GTiToGEY3s8CEIwDj\nHFArB4kkjJElyRwKE2QAJQMv9RrkxJlc8CCGWA0nOKiFaqKDXirrOp95/zmT\n0oYjNQ2cTe8Q28cXYLyP5a4q13CLSGLdx6vC6ki2Ex13YL+obMpxxqpAXTMD\nPm1VEeQDusKQlaGzGnlgeO2nRL9bVfDkSFCr/garziwH7DANVG3eOdecEKy7\nicdhpSngaTa0zC7Mf2x5fH2Bg6vVX4ioqulABYpv6LShJlVnPrQWYU5DNJ2q\nV3MZOItoZJzqX8kOdbjmG2Jx1e+82JbIPA5izasBxVWZ/mEqtwMJa7zlCYH8\nmA5s\r\n=H3XF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"16a60c2c89ea18fb88971304d4491f612734e932","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.c5e18b020.0_1609962185775_0.6529064901826571","host":"s3://npm-registry-packages"}},"10.0.0-canary.bcff8a66a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.bcff8a66a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.bcff8a66a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01b6ff37ea933bac64ff7f6ab277c819893b099c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.bcff8a66a.0.tgz","fileCount":12,"integrity":"sha512-2B/n1x5PeT+I+yU1MDIzyZLdeR5ehfUsKrskDgN8ZGmbtkhs13tBIm7rALao/PIPGVm6RJEkfJLc4bCC5YzgOA==","signatures":[{"sig":"MEQCIA/SAeXG9YOwhsQQ0XmNrsS/Wto4h9slyoPcUf8tj+PxAiA2Gxm3RuZz9AKYhOzxtyILZKqTHmarGx5ktUi8ctzLng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hyUCRA9TVsSAnZWagAAU2IP/A/WDUKAqLL5w0XIanib\nmjqbCJtDG5va55diiW3emUJ2YtMMEOp/qkFBBuhhkMr+5SXeO9oplnh1Eu2I\nLYadshs23UQ8lWF0VzYbc1iBfXmt/ddc2OwdLJKw9ww3CfAo4da7pZDG/0gv\nUfoYS4Oe1RHYTGg4C8QhoWj0m/BwAUnC6HerXOSuH0BqxrB4r1ZxtjqN7laI\nKZoEL1HCgZAFfkhu3U02kFPn/FgmkQqGzIXUoyT0jCJ2G1O7i1AfTFH4EAa9\ncGqEknsixr4GqDwZbk9ejuCJpUCAioIblBhwSkGnbVP3plV8dOv0Rm+YBGfy\n1T8Xi4Uu7mvkJmLESarE07psLvOjj503yuk0lUk3VOPVrw72b+e+uBsSzUBv\nnVtmI4WyOAGFgA6wk0nPXsLY6hB64Ztqnph6GKhJywMiC4TqhbVcErZ0+nQx\nHZshp9PY5wvt3x9yt9K7vW61iH2qAidO7YbTvByXPgmNk6cw2Cx3XeMofJyV\nOVvR0SMnoseu8Dt+HxfHfsn4wR1/BHamiACst5GflrqW2WIbgSnIjN3CL4c5\n4MMYlnypyWk1jcHgSQbX84p5f3pxrpIBmf0yomfXxvZ8D8Lmvl/TGeYFrPjO\naTcA4TAd4C4MYA/vhkrR/oEsSi8KY4OBCOeA/ZL0DcrTrRAJChBAM463WPs0\nT0zu\r\n=jYm0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"81af087ae7601c8b819dbada709de8d76ddab960","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.bcff8a66a.0_1609964692309_0.7767404372169844","host":"s3://npm-registry-packages"}},"10.0.0-canary.79328c9ff.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.79328c9ff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.79328c9ff.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"289aed6f1fae2318b155be132dc0bedc885486f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.79328c9ff.0.tgz","fileCount":12,"integrity":"sha512-SQB3qA7UOx9aD0SusbTvQEIcdl61Ew25QOV9uiM5OBX5ctdLni6XBJPNiCm+K6CFX+uotfLQzQHdRFxGChVanQ==","signatures":[{"sig":"MEUCIBAqTF/fvCC1XejKz/B2ZQImlIxM/CExKWDWeqfN/1h8AiEA3dV5n11or2jGHnuZ/2bR7OXF7dO5tUOs4re+Dzh/49s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9nLlCRA9TVsSAnZWagAAYpwP/1uxyoIkCBhvzkQtz0jG\nClPICq+1tTOdmJodTOZIUwoAuB7j12DZfBYo0KGCiwlolvPa7LWrYEUY1SDA\ncWnavBq1CivhwH84TZHQSIVUzsPEcH28/1xCpXRJq+RrxBC3gxIz5yoIptRQ\nqWTtHqhigfCcHa1M1JFKA6k1LrnIGuWG707kjh4Z8ibNutIy4tTSj3CIaSWA\nQ2UII/+xkOsz/Sq7eIOQlgFxQYYOY1HOsYNBye1I/WiR9paC6YosAlyqUnvr\nO9kP52/adN5yQMVNpn24jY7RON3RixhM9MeJ826jdvdEQdyTdfz3MHW1OQjb\ncVmo2aFoAWRmbvvY7pRjKit61ImfhmxW9wHrToLPvcoI1v2uThznnramiBEl\nlTD5fkc6+x/MMw6KssRa6lBd8SYk1Tio/NhSkIDBmvfG9aguAHJNgkEDD+Qk\n/4a2h9v4dVVAk1OHaT/IivWTvNr9pTUVAiM2OBqF8R0ZkpxwObWwbJV8oGdJ\n4ASrzXuGHooWeqXj2sydZkShlqEZA7ZQqNsIEiPx4eGRE6uSg3AsqSAgYJpv\nfnLrYti6lxsX5ekgCMy2bCZGNn4d9KeRJFxlMaaG8brGW4JcTHj7HSY9BYDa\noP+45Rdy1gyjT8xPyanYCyA7cY0MSV+x+djyQ5b5T/+jMB/gjdzWN7UQ4um8\nXuMi\r\n=NfaA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"15dd1d7d9065f275f9f9779094b959944d33197a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.79328c9ff.0_1609986788680_0.8569923741488292","host":"s3://npm-registry-packages"}},"10.0.0-canary.121e1f303.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.121e1f303.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.121e1f303.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48f7a197b989e262c5c72975086390750b51ea00","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.121e1f303.0.tgz","fileCount":12,"integrity":"sha512-MSTRmlyBOrgC0Lq6vxPjkMOZr4jpa2pl1oBc5x7oETglSArJuf75icLknJOCo/emrMTqmKRbw8edMxOVDwJHZw==","signatures":[{"sig":"MEUCIQDCEKdpcIONdSqN3jIkJrkiaX+NyjteyuR1wnTa2eH01wIgNIqgnVI2nJjS6rWyjz2AviMx26IKMAU2adTffgbt+sQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf95bTCRA9TVsSAnZWagAAI2cP/165B5fuQkGAjopTXmI8\nWqsk4jlutGMIwJFzUI3UGmjKuld9MYyDwWiCzDIyUdkBhdp0wmfIl6fY33xC\nJSDugREy+FrHoltvTFvUCkL9y/NHuA5gnHCZGjV1DRw9F+n1ZepenZiButLY\nKl8HHFwAGmOyEfF44KjKCDVeXz+X7nx2UufNhIQSgSuVAjwtym/Y76AAyqpc\ntgYKjLSnrwfWP24OK6TzUOeLuPI24lM8wUNRvC1VJzH/weX9qiRMbxHxD2iO\nj6zmOhPlJTPJ5YHitPZ3X6Z+rYKfD/uQPq2UYYEG0NQTtCYkypDueoIxKLtX\nToFkQ2eZa85CBIDW4+os7dSHbmp01ZVIBgEn89dm7aB1LNi1bUbdvMhOpWGe\nG+C+6CHb3OowFVMNgQR8W2WaZHgrlqNQ6n/OB9PIbRikZZkr/vYsB20OH4Lp\nXyU3A2GV84dxPTs3TS9yJAtL4MFFe322L0SG3w9psEV5DlB0Q8A8r65Ao2by\nQW8KuDGo2HcUzeKw8rXXqGoAgiNAW8SciWgf1/XEtzW4LcpCWQuHl503/Hcq\nSJM15TN0+s1/MLU1WjRytPv54B/PY0A5irPQbGjtGy99hS15eOYd9wGtx79p\nzKigYvKTRhIXbyR4EnXbZKp9v8vgFUIeLwPDYOtRKgTmdc7Dqf+rJREtCSgl\nBguP\r\n=ojJw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6ae814dae9eac40570f13ed9d7b821cceddf838f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.121e1f303.0_1610061522779_0.2976619829772902","host":"s3://npm-registry-packages"}},"10.0.0-canary.abdd10065.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.abdd10065.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.abdd10065.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f5539ac72715a0f947ca6455e2e4c3e07594a41","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.abdd10065.0.tgz","fileCount":12,"integrity":"sha512-e3pOPPh+draHTiAtvfxHNwrQ64UoGPRuF8qBDd6U7SCOJtHdS+/j1I1pFDyZjU2TPtsWsIG1uswUy7H4yfhyMQ==","signatures":[{"sig":"MEYCIQCR6i5k/2cmSfyqaRcAoyhHo8pR7XIfu+yPjNLJJyqJBQIhAMVrXuzO9L2/OH2XCw3c831q6x3QcAEYDr5TVtKf6Nc9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+JtkCRA9TVsSAnZWagAAH0MP/3lopOh4Q3Cl6VBDCLD5\n5Lqd84LSd7CHTji/uvwmV/m++n/WepfHZV4ZxulAGtvwn+8J4dE12ulZUby2\nOTu2QXvhg1m4d9CtfFU0Zfb+ofqzTIekRS0XqrMppX2kjyr327SpaLGmi/mv\nUCjnQMx35MyzyDGxo68HjgR2XQbG46qI3qQrzwe3/o5d9G0ZvTzze6dgdjz7\ncK0TZZ1AyCFpmGGYjVK2EDYMqatdvNwSnb2uOQ0yacnmvBr6CizopPdVry68\niMnN58/zMZBEw0uVH1eo1e59W0Jxlt2m6XPNEZn1naFfUvsTE1UbnT5m645z\n5kh66zW65LlN3Ad5h8wKsmpygzTcfVGT6YfpGODfFljBzlf8pWSSJ6x+QI2O\nndJuw6cQAQVuK8f2kR/RoX8z6Ye2OfVxu3oAcLrf/xTu+EB86kCK+srx/i4t\nN9PLGjerZKYdqPtSDb/X6L8bw8UAgHx3CfKmRYaOnfdFpFt/Doc/LqajGS8+\n38RqhAsWpCjMhFth30XqxFqjg+Y5CaPW9npe4Lee/aFh/QEFaXGIXSQkJrJ3\n9cLRUCGLPkklFKET/YLT/KGVmcCAChMLVAYUN+7T/xTsJQObeAcJSdMCNrfE\nBK5ToMYPLtq6WGDICWEPTPNaQ1GpWEvd06xiyCnEefNpI9mD66RvMyaGmJzc\nlJPP\r\n=ePhn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bc8986a19721edfc6facb62cf839cd222de97d02","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.abdd10065.0_1610128227606_0.24592929936858332","host":"s3://npm-registry-packages"}},"10.0.0-canary.089de519c.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.089de519c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.089de519c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15d00110b59edb37aa142a29560721d317c35be5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.089de519c.0.tgz","fileCount":12,"integrity":"sha512-nI1IaXb6AdcyTafFO+B7NEN/sa7DOPrX3s4StvSVmgHkj4FZuIprH1KKFNPP35ZMeX12Q+K0gYpG36W9cADzZw==","signatures":[{"sig":"MEUCIQCkm9iuh16R2g8yVGqCq5s359QuUB7JfwgBQvxPgsYxegIgCM1HqW1/HDq6axNlE2y5lsysduy6AbR+e6PEmIyWcgg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+Np5CRA9TVsSAnZWagAAe8sP/RTPCUNX+CbDsT5QiYC3\nATB95Slpnfi2saKukn5fM6G/fJRnRKfXY7Hs6D36kBFDNcyKBSQEDlLUvKpx\nagBClz4VhDeRWtbBQSteD3K9y71tOjFYragDC5J89Bqg2K8br3gj3MzuP1S5\nPx/ciF6rxqcBI2MYsL1vETJzsYxIwdQhPKTJ6PrRw3+UxjQzqbQzx0gznja9\nKA1n4E6UWOm25NIVJUSRvEfYl2emvt+lFJlVRZtDqR+tfLev/VTtSsPEMxJw\n9PcJzYZMPv+70Icz/29cTVGmdswW6M0sd6SrDtYKC9TduVOGYYpJ3BAOmMwY\nr6forYsbhHLXI+kkMlHq3GzsorJlPscdpktMdfAz3WuCr6hg1o3zQQhz+u4k\nTkb6XEzlJxkFkXZ1R7m+hYLew2VWLggtNvzNvI43HN4l3QqIrYb02Ck5C4PV\nHvCvhaeRWQIhPErukRQaZdwkQJANMhPTzGSP7Jigy5hJtLbN30AXNtE7P4M6\nrEtRky5dryaS9MXPYT58kR2+jN/fSNFqcMxN1zpVm7V5AO24DF7BfjoEnrxe\nkOQynaj4WAezlvcFqzbqry9vGraPo4SP00T/8MOwRWS/H6DHpxes/EMmJvSJ\nKze8Oc9ppeMy6TZKz5P0EM5S/juwU3c9ZJZqgn881Qi1HcfqGUjRItxWwEIC\nji46\r\n=oWXu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6a64709b5be73a45401fe82d1e6d126d7312fd21","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.089de519c.0_1610144376586_0.7340736410547823","host":"s3://npm-registry-packages"}},"10.0.0-canary.163119837.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.163119837.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.163119837.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95fd80dddd90ca68511330a9d07621a825f2f636","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.163119837.0.tgz","fileCount":12,"integrity":"sha512-NOXp5FR2TkNr69It0mhxDVgwdiGsojpiGWBKDrKWGpuuK9hy+fF1QI8tMybnQVbcgUp2e/TCEVmol/NysWzCJw==","signatures":[{"sig":"MEUCIQDgTuUR8hSOPzuqxZ98KmQugbWp55e2Hoep74HrUg4AfQIgd4cIZ1j3i+4D5mE98SCKgvEismAyYThqG8wK3s7k7wg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+O5FCRA9TVsSAnZWagAAy9EP/A4w+tmUQcE51NQf4UCU\n9jlvg2i1YSihtc4b7ZEYpCxhW3eusQ9dLI5zOn9PpzZ1oNQeoW8+dHUivYEm\nEpVM/pbCoFfsgdvs2UZFgGB7EbzbY4Wk5UgQ7m0lhqu9/UiatJwxe6oTwlKY\nrD3GbrLmXJrCZctr8d16XHSXmLRh6yIxVKtOd1Rypx8U/qiXuO9/Ok755uQn\noO9dfmrLjNeeIqq8rdY6SApPT1qkkXDrLLras4NVn4QCoHcLcIh36971uypw\nBwu1jXsoTKuVhF6SMSID0bEqcWSKuGJ11jVl6o7sSQJRqo7d1xnKQZnUQOlE\n0jBmGfwiVVlYoPI8+8+YrlNeU0BRGfHKp1H5hc7qUxUXtgBHYKREQVo9G1jr\nsvNNBWMkg2dndeDz9JhU5TmTNRNS6bL+UpY17nE405nsAphz/xNSwWaiO+QX\n6MzsA+Xh+ov+xeWEg0E6ehb5reGFVNUGOeQqliaAH0hfEoNyxpleM72XeYgY\nIcoszgxzrTU9MKWuSQJJ+Bf0qhR5QTYZqXYw3sD4BBBX3f5Di4MLdYyDLwho\nehYizacubDhsV297vZ/P9zXhFvjcfkc4MLkXY6O28MRa0a/NgU/Wq9SipC3k\n7MxFQHMP7jiSisBfCzZRPossGIsDNNvR06OmcBNiitIthYrlhEIsWaYPoIW9\nwo7q\r\n=nRj5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"86f8af57c151ec42ed920ac445544bc384ce0975","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.163119837.0_1610149444530_0.544744547643587","host":"s3://npm-registry-packages"}},"10.0.0-canary.b8a1a58e4.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b8a1a58e4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b8a1a58e4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af2170d251f28b9463ed95232dcd58c1166d9f9d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b8a1a58e4.0.tgz","fileCount":12,"integrity":"sha512-Hs0wdBQUzUeJK8iiFo3yNAZh04NQZWsJQMDjuBCqvFetsBFUa1tpNAeJ+AoH1M1PT2JLLcvFvkhEYb3JyOtiBA==","signatures":[{"sig":"MEUCIQDKfHDhOMaArMS/pTUxBRDv5l5Gckx99VwSH55RHrzSYAIgP2wM1x7vMGbeUykfViWBV5YgszTGTspl8DLBCJABCIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/HtmCRA9TVsSAnZWagAA3QcP/2Z7ytPxph0lEeks4e84\ne8GKITLghwoiQMh+Gn6akKPkQKqwz4uPqK/kExWwQ/3076V34lQMEIfHjl0N\nERaACvM9uSCqW4FjsNTw35wxLXFMtVwKIo3UVLhTZi5d0HPKOGETkQIvGnLf\nMTGAK+Qq+0gU15/vxRcLWJX0tILqFa1vCtG0x4uWfNqOvdVyPDsPw5eB/Iuk\nHNzl5klhaCqY+a0LxMYdk2tMgQiIF6JhtFjrsnxC29Vsz+L2Z2YBGa+lLG1o\n337g6LIPpkutA9BCghiMrMioUbFQUUcD5YuqHWJ+tK/M8pycIT7EFQp/g+E3\n8r3tEGPstZeEy5xSHGOJiQzbbat9qbBt9+fL0Dv/nVbdIpha5oMqNwT2rrmV\n6eAfg+oIFoxJUz7Op9Uk+AMevqCnecMQYMYbean5wi+O1N7QDcN8+qqFRAMz\n/E+gaL8Jh7+kRzPB7qDZosiR28H1tgsxPtB9e81K+hMCSgnDilW6FvvXmc22\nxVHgIkxqdZ5DgXjsqcMcdPAYgNShs7zsoJulzAzuEvfNxUwzjFAjOhS7otCB\n/euEvhBvdx/Z/hxK8X1/hsWX7TPjr9rkciNTPJ/eKlQ9qAPKsyiIe+cB13vf\nkZUmIAW9uhXJS7JTIu4DM5wYAGDaO1VQokFwdWhK6ksV+jXXSHKNkQK11dGD\na/Mp\r\n=JcxI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3b735aa03cc784b7346905168638eb6a486435b9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b8a1a58e4.0_1610382182271_0.8917009283977897","host":"s3://npm-registry-packages"}},"10.0.0-canary.7584267ff.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.7584267ff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.7584267ff.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a0a6685595d5b5f0827acd0951ec93eceed7fc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.7584267ff.0.tgz","fileCount":12,"integrity":"sha512-2FnBVAK8yoqS58b/TJs7jizMZNHw2Q5rj4nNKqn1DvaW2G1qMPqY2qBMV+O8sFqX8Pv1/aoZdW53dd3bNe1ZXQ==","signatures":[{"sig":"MEUCIDkgYjM6RxA8LnuqnqqzHlnt4aheIcXeGaplZiImDhZeAiEAzJNQp6ouzgwl0PfVyHxjS19PIUrQ85NhcZCRyT3y1ro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/PcpCRA9TVsSAnZWagAA3fkP/128xTT8DHODUsKNCPyJ\nSf0p6qgqt+EKhfIzzrHrzUovlTaha7WUxx+5Tw8pmEg/BgPrZ/uTpX6GEWtt\nMjgcYr3Jx4dqsBN3zb78zwUGhUxGmiiTzGjnY/Gu3Zu+wPOt1akpw2Buqd8G\n89Q+TXzpB88vYPq+VZWWVtVdKvxEqyTOgjp6tnDXW9PJCuLnoPFyAEP3GBQz\nPhYzsn33FEkNGhQD9cVxAdV9WGem/MctOWxXjSCjfeyp/M7pBgL44Z8jc1Zv\njl6nbq65ym0aMj45bBln84jg55cuM8DokHDuaLp2SdFrSS6pVzl4XaYO22vP\nb9P1zZyRdCH21zBc0t83t4kN4mjaN2WkVS26qVcmwQbIxjRGum9kfSxhRs9F\nqd5c/tqw1AuZjDADQL4+pE6MW/RyPy0ro7+mqetUpwwmf8S+PZfVfNRjRuRw\nRwIY+tavwX2b0WZfEFL9qRm3rDf2fs1fmadkGksAIFHEpj9KvkG8dGW6cYNO\nPQOmh3zcKxfCeGe1sw8TCwzFxQx7YxzP3ZQGY3xt4iaVL/ZMy8tRkuAZhV22\nA2AO7hgxpAmccQfLdQ1jFD0sEZqKhfcFHTbh8sgV0VqcvBzUB17cEZnWkR33\nfG1cuxrURCwFjRXtS2YnGC4gJvC1Upi35KRwA95+PGBeeNsTBTxhHTe0gw2s\nW21W\r\n=J2rF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"89cedd80674ac536aacf2762f084fd7d1640873f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.7584267ff.0_1610413864789_0.4625453358299556","host":"s3://npm-registry-packages"}},"10.0.0-canary.251ac04c0.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.251ac04c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.251ac04c0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b9b2b3436b54a24ec473d4e423c120ad408faec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.251ac04c0.0.tgz","fileCount":12,"integrity":"sha512-8VAGn+gabGuvuF79ry17pUfOIgfYMJ+Gc9nuNJlZn3Tjjze8zsa2Qo0vAP4ECloDSfDcFex0XRsnzpKkRRVJXA==","signatures":[{"sig":"MEYCIQCiSLpo92qIPDXxqdisi7xTAoMgUu7hE50YJPfGZ3Q9JgIhAIQkOvZDh2hxpDgK+Jx462Qdv3AZ56/S4A67lPc15tds","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/f5SCRA9TVsSAnZWagAAkFYP/0+C/wXBEN9xJdru9gw+\nMhDdlskeSwqM3wHKDmQJRVpiwAoxi2AEfh2Ro0pMQZyG/LJPVd5CQXKpZbad\nRE4h064DUlYa8q1c6UbBb3kROAG8icgE+5LUaWzvFRCpBUoqBW9noqnNCtPc\nHt//L0hjepCW0E22uD3XiPcIDURyNkUFLauwuOlfHPeIT5cJ13Q9R8StFmif\nV7qwOukOHlJyd76EJs8hnPiYwDLBMuJaZKX/Hsy9nLUGotaWUMAa2bA6THJp\n5pQAULrHXLiD5tz5xRPr8qnBadR0N3vpB/mk5dbfEvgH+EQxt8KeMle5fwOp\nX6KOZpHPJoeROUn+1kAZDk425wCQMV1HxQwG1Te8C3FZrnt4vD+LmkgIQjoW\nLYLWDWZE+qSSRIp1gxmgthXtvQ7YH5tDuJBb7twccQEP2lIK9oajjZBZS0oq\n0luEmTwXFpPlSA+UszCpNZoHRQf/f+I4NsQW+8k2iZcTZ2R5gj8cD8WSpegp\nNhqJ5G7YD19lOJJhp8weCMMshzhiZ/MgeF31LLq7b1ez2Un3mIDsgyxGm048\nfW94XhThh0u61eO0ClxoodGQ8YzXlZe6pd59pJkN//+kSZ6GmJAXWX68lOzD\n7fzTOWBhE5hLsGy9NV1XchVmCkt59G4uFZSYWjza0HmoUnqzSSQecjvXdo/d\ncUuP\r\n=3LxJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bacdc97357600156630f8321ac8a3a8746474194","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.251ac04c0.0_1610481233682_0.8634150288831564","host":"s3://npm-registry-packages"}},"10.0.0-canary.772cc1068.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.772cc1068.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.772cc1068.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2845ada1a698f95b572fd94a2b5aacb977c0cc9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.772cc1068.0.tgz","fileCount":12,"integrity":"sha512-hcMyLCOryEKYC3rLFwjw7iyx3kVXF9rc8h0mzpGJDg/7zxMbE2lL9q+SMT7wZEvl4FXNxKbUb5HufDZU6evUug==","signatures":[{"sig":"MEQCIE+Ffvy5TGBnU2Qnhik9OF5nB36stXW/BKKJ9NMCtafHAiAQbQwKNzGIeM1zqGufDBleLTB8Twt8xFJVsqYfOXLSKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4rVCRA9TVsSAnZWagAAm4wP/ihzRjJ7KZgI1+yrA8MN\nWXuFozqL42d3EVEwuBxjXOKWtTq6etq0wdN53XydRV2DeZCNLSbuNdFJ9rBk\nx6n82uamK8Ume056jqvqm0LJyO8JRzB2qInN3lBLKqi7RIfn6QL4GcLcKJ1Y\nnoTLS9pyosCLfuNjpdW8Q9T5/Jtfh8DcNcLn/OPr0cM+Zw80GyOkQu0tlMbW\n0Nwu6444KWJus6mR7zJ+zNcNgae8Q7ZPL6Da7xwW23N6TauQOxj2R3BxBn/6\nu9t/idmwUrpDe5H9PqhSdcAcf6S0+8YgeDWbswmcvjULToo1Z76MwiWsaphv\n0gY5Md4TCJfRMGu9F1RkBhFQnBliQODS7Mft5oL1sWhkkKYu1XQBNDv43N+Q\nblLn6d09UyA+/krDEvQFr7dUxwxdaNKCVc47N5fi7sOirJ0ERKYLr80Ya3Xj\n34U8eo4yO4HepUq1jeCaewGQ7j0Gv8+txQoO7ZDqk6rNSGPHp03sDLOUK+8a\n57sJJE74B9CV38/cOpof3ck468qRomQZnb1g2zulDbsQ+cmUKIMOdyLr9vvz\naKs/FWI/Kh6tqmZa90Tl/Is/8tEPgz8pBT5kp2FxKNEBEgKgAnKgAmI7daNr\n7UkkAl9pgVLYnqs/hzaOG1UjV0kb274dOKtRQMg7BgG7Q+PNVE4dF83JqZ90\nlm4V\r\n=cFsM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e8dfb103b25351e76ae27e482ed4f13c4bf997c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.772cc1068.0_1610582741409_0.02698384605875659","host":"s3://npm-registry-packages"}},"10.0.0-canary.fe13dd130.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.fe13dd130.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.fe13dd130.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a62ac21727f9149819c8133f09f6fb4a1270df2e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.fe13dd130.0.tgz","fileCount":12,"integrity":"sha512-cDXiGN0RQce/868mvylZDcz0Y5kDSVrkJE7JFRPtqo5A01M86ZenoTrbdjbmbbiuXrN8+255HsLqUkatw1/+NQ==","signatures":[{"sig":"MEUCICQKRjOM84UFocE+Vf7WHRWSdNzE2UVYxC/Sl+KouKwIAiEAppx0ZRXMq314WZL8yipd17fWHzKllNCEPEKAhQx0B+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5m2CRA9TVsSAnZWagAAo4wQAIHkgi1wIoRvtIueF6LM\nzI3AbhjKmr2Q2Nbz39tlSRk3RJ87SmxAxSZPRlfuAMtkh8dyogjFjd0GQ6jw\nF8CuGKP56DFiWC7GFkMZY+xvj9Cj5GNAHsjuo0NBVrkYteGenj6zL7TuJNR5\nZ9IRd/fZ8NhpHzVdXTLBfCyaMi1zcrsBRcbnX1wlq3qSWwR79vrjT+HMpCbS\n+D4Xo+4oy6vFxbMgznHf8fWwHyuGsF4KTqcudQ6/ERTWQ0FQFYogMOpjGU4v\nggoXzzZIkmDQ7i/V47PStlt+pQRB7gkiP8inBw8KEQ1aG7vIArO981Zut9Dh\nxxAHfkeeRy/alTIoe1o4S2M6i/F+F+KkEcPj1X45CdmD0vmw71Qg4A/0pcho\n9xgI8eHG+Tt7GqM3H2nHKyXgLmvjkbvKtHx4wy0TDplZUHc1BLWnSmzl/Fer\nt4nyIJ9d88bBtqShuwMPV3FPIaPrb9u2nT+BIkoN4qaqeNaIX0+I26L5MIZ+\nFunlL5tga8XJooadta9HDzIFv25ADCfetuA3XyLIn8jxULqca14Qz9sbXJdj\nl0SYNvO4KzxJErt6HPImU+n9pjmprcVTPQU/UZQ/TTjcfKWAjY0Q7AuPNLZ+\nUtM5F7gZi5wOrOsX7+nnCQOOeCQ0CtpE0J8oUP0xYy18fppwpG3reP22pskT\nyFsp\r\n=7SVX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8825c25e04c8e88b7430f2f8e148da8a9197c02e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.fe13dd130.0_1610586549929_0.7008985581575027","host":"s3://npm-registry-packages"}},"10.0.0-canary.c7c5da28f.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.c7c5da28f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.c7c5da28f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a24bd287db96b794c0159d055fbd7bac5e484ee7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.c7c5da28f.0.tgz","fileCount":12,"integrity":"sha512-FNviT2zX/qVyVHMrEE0OwjxzcJL6BU2zBkaLqItVlI/VFQWTAWfiU+XkUNwp++NiO5UHQNzGjUa6kwOID3iYvQ==","signatures":[{"sig":"MEUCIQDk7/ZX0tehCjTKDcamC4g4QYFiFySKcA1gL3Eob3duAgIgRG/k06GcynA2AJZCaBL8H87yo+LW2ZiYywct3JxrKts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/59ECRA9TVsSAnZWagAAJF8QAIO4h513IQkW4HEBk+G2\nUhYL5LIfWAHEJDW3NAX968gbFjsFt9b42MoPfeZutYCO3ytvBTGiOoNab767\ntQSkOo1ADbLADh20u8eYl8RYDmpwtnYbGB7+4Nw6cXgN7RTolOlTs1DPrwoI\nA1P+D3wSBgi561+I/yIERghHTINCpYVmp/O04lvRq32ipnUnwO5OBFDUT6l6\ngMZom1UuokIfUoMZrvQuu++aspYj4/jyVbPwiU/M8z+LAim98GMoVvmkgOgU\n2zbTAyX3XmPxpCDTcxexeS5kNKOMELKZz8J3Bu6Ut4/wM5g8bR0MRUzaRyHO\nUKAqzFhScmcdt7JLoLG8pvOMyzvld6QDQaV/2t337V9RYzlk9Yv3j3PSSyix\nVBbj1IQN9s9j5WioYgk3U13gVmdP7v25Wf5wUH3cOHscAMav2TcwA0R2NUAD\nZaXPkTav1kPxgL3v/ZL4vR2rZdi74oNAul3q0q24u/kGPdxJ/UeOy2fhsH7a\n7Vwk8g2dSaihv4thG1f1LXK00KSkJ/Qawp76w/PMAfnSvg48/CewrZRof79f\n1UqX/jILrR7tdYzmI9eN/Oznqsm+JYkZrjTt9jZdM/oREC+D7lqMqw+Qjw7D\nrQ+T+v/CQbrviLoXK/lFGQfUfXQdaLbwHfyxsTQYMX8Ltqck2v4Ct37+qJEf\nGJUG\r\n=f2Z5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5d3f3a72d4e9757f2993684a89928b04ad29c6a1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.c7c5da28f.0_1610587971817_0.6494153617719347","host":"s3://npm-registry-packages"}},"10.0.0-canary.b2faa116a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b2faa116a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b2faa116a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8da6ebeb7a680f2f2ec2b1d4e0e7c7f4a4175a7b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b2faa116a.0.tgz","fileCount":12,"integrity":"sha512-Mce35PuTZuUGxWRt/kVNUwfOWNPN7EB5xl7k1KFWZaVrIyeflQ2l7wP1aY3VeppWpM7eao2otQaNr3O2Dem5cw==","signatures":[{"sig":"MEUCIQDbuo/xK5RcruC73vGKK0zEnYNG+awqVWSBYW8VDol88wIgdMckXfRgECJRSiGdla7gAfzXP+j4hEeCaX84mogAcxA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzIoCRA9TVsSAnZWagAAAq8P/164OFOh7LRFn8Rs9lym\neACS7FOwcunKgnMOX6reGOsBh4lbo4YQe+BwZLevP4nLvooNAI11nH8EX7NQ\n9Zuny+4ui3nqE/f3qjRSMJVAWHPxhJ+KBzavi2sNMdjd/fZlcwngHpVyBkST\noEL0vOsJ4uRn7g7LSqlXlk+aXyTYsv0AzqKApt/Gq/VaBi0ObfNlz4zOSBNR\nrpAwdyu9wTKAr9olrRUzj7x5qM+3rrzC5dHYM0gAhzpOA/ygJ3VuMLknRAW5\nYPTFEbz7/sX1UL7MslE+CZZ39xlpDHbVtG1B/2HueZfDesXgnJYVF5gw5Wq6\nQVbY/60LuEXfsukTSSMsHdu1IWWZJd9kZhJXkLoEJbEQH6N/zLEsYPNWUO1U\n7aolHdFHoQ+RxHNN1+CBHCdpB6Yferg0E/1bb0++9MB4UETVgL2oA1aQZJEp\nrX3yJqjgPlET3AKC2MoGcFEekBtj+QF3S6Zxdn3474PXy/WF3GZg+A6jixQl\nzRKbO7hD+XA5s3AQqMcr23p1sLte0SOUUbkw9bPqx42g4GQLcRlJITdknZN8\nGYDdVXyzVoMgLA6l+jsIf+i9ckMNqz8I+c+FvKwSIgKz2SgZNkWC8s69k7UQ\nhmqXZJIIegkaMRCY6G9LYeES5qwIy/dcUnuCg/66Ql7UA8beVSQfh0f3GVy4\npbRW\r\n=CqrG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8c83e6751cbdbda8095b6ae0686196398066d600","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b2faa116a.0_1611084327982_0.16574854126875138","host":"s3://npm-registry-packages"}},"10.0.0-canary.0c95c9f7b.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.0c95c9f7b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.0c95c9f7b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec62186323dea8f80550225e4359972a7e3520d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.0c95c9f7b.0.tgz","fileCount":12,"integrity":"sha512-UuDVhApsr2tnYlP+DKJKsNqRnAQDkcQibJkSwc+SKyvCQwEAGNS5KBiRLUaxKkdW1W8VZ0Nbm96jNMWWlnVoLg==","signatures":[{"sig":"MEUCIQD9jpPIvPE8rZTi1uXisM/DaeRF4I/ajCx+hPZ4oUh2mAIgCK30n2xSWKM+6PvEzczf89Y8RPXJB5KC25QYSbWDWQI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB2K9CRA9TVsSAnZWagAAHUEP/RH7ZrtK1lWyhn6+NeBj\nReffXXg8AzSwQcgLXtrq95WUpOtWuSQqEYFlKST7mv4ALRF40UHOoWjAV0b5\nzRFmoCg+uurJatqOkDnAA1xvX0dAyPYIY74FEapjPQSFMCPhrhuAzoUZTJuG\nXQPxApjmy8wHnHzCSopCqyT3TbqfmNrPu5VOQtFIFU8iQC1AIX6XTgjP0zv8\n6rVaEwW3mSFsKs7xJiTWyETHOGZuVTsv4zobC48irIK0S7h1OsloXs2u6M+U\nm+h6jwrkfMCGBWN13VjyCXvMqRimwbekaKUP8Dm6YGsC0f/CPx8Wyx83YYD+\njE8bp00akVoc2KikyT/QyZYg3RfOiSY+RgH9ShPoZZng4L6BVHk5SKy2fZC3\nJcBGnk5kiPe7um+sxt1JHuf+TkS6YeuAgbSIxDrIXa43Y0xmeb2EuXIfLYXC\ndssRu8//b5cEYaT0QXSAz5RHMkRiShPyyf0ENh9hQ6lDmY3S+OoHfTCxFY1I\nMkuUQ/jIkrVWUN9lChq4oLpP8hhhQ8Q9V9v2F4j3uLqqyZz0X/RuutQAMlYF\n7pMLoSoXeaPw5o3j7pWeuWcgqUCIdUZPXqQcanHcrjcZ089yeSBA30zxcU0+\nGIcPMqsyK0DPZjULPcmewuxFMlhEUzkxmH67HHYis1BTS1j9XyAhqgYM1tHM\nVdYn\r\n=r5qJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9db31c38cf439af3f1498600e029c2dd812acb2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.0c95c9f7b.0_1611096765444_0.5092608126409637","host":"s3://npm-registry-packages"}},"10.0.0-canary.5268222c4.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.5268222c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.5268222c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e143827a67ac71ba058440abde58c48b8ee7c0e5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.5268222c4.0.tgz","fileCount":12,"integrity":"sha512-tj3w5ukFDXN7kdeU6t/T4xSiD/h0ednUBGcoPuzdwBGIyp3OQPfNeZINtVlH1xvW3glpdQevA9imL8y/BCa6ow==","signatures":[{"sig":"MEUCIQDeLmK4U0cNPfZ1qbMsrMyQygCUIQG5RvJS0o0Kkn7OrAIgTLOmEkVa+yCkN6vJKl3leNArjqxH0fZrIF//raRXygA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCIHrCRA9TVsSAnZWagAAsgUP/3k8vxYAradnWW8o5SuY\n45yD83xI60qCapY20YmoXz8T/P/KtV9tr0fqYjs28RkKv7FdEgwKpJ6LEsF/\nRwQ+/0xbBXV8vM04xLJn+RFhMQbZFTCOQ6wXa8wgwkXueaCraniF0DmEndGb\npP9sfc5F9QeNgmxTPrSJo1TUN8HBtct7kyfjvlzrBU1cRiqLJTC31LiuQgJU\n7tenL93CMgLkH1QOcxV0M6V0y9akDraYYbBiTwPpFg80Ru8KLj3yivWkqrNO\nKuNiD8q3DBnNUHShn8q13zy9WtrfFSJ8H8V0FALeuT0GVxZn8k+fDST00nAb\n+IcXKkx2AtSbCxBgpPxaRPXxxRL0+FvY0xoMc96oh2A1eiTAPCmcZchtNaHg\nH595dW4UhpWbon14wEYQb7OgHSCvL/LyQEHPtyUOwntNvQNPHXdlrUvE3sUd\n6ERb0YXqBQvhwxzorVVdCtD8bdFBo1bH9sfmYNrc5GRQLbZCC8Yh7Nak7cF3\nVPO5qowaFCi6Me3QhjN1XMa61bJKKeiOMFRYXhA8RQwDxgMTPftk+Jr8b+E1\nfPPdd1xaMb1Ay4KAa3c2yeduVxy4Q0zFOz2ywlQN514cSNQMafuL1MHUZOR2\nYhOABqQW/nNTn4+nrmJc2gG3LtYTnkAi4SepTHn8C5OwenTvDjcWH4CI6LMa\nM5YA\r\n=hHMn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"149775a975bdac97e3f25a99b254c8b632e6ebd4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.5268222c4.0_1611170283416_0.8960396394683368","host":"s3://npm-registry-packages"}},"10.0.0-canary.2ed2d829b.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.2ed2d829b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.2ed2d829b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0abd2529f495a2b72bfe65fc682e16a89173106e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.2ed2d829b.0.tgz","fileCount":12,"integrity":"sha512-WY+8jlSclVOodkIt+9CTXM4k8uOZBz1H5gmQ0dOds1xLCUc918Hfp6WPrU0zHN2c/7GsyjJeNhptQOGKMRdQBg==","signatures":[{"sig":"MEYCIQCVOLIq2w4GGwSt/SdDoDVnBtwoZcpQaQ98xs6nNxDiBgIhALRmLlBNYTCufNk52D5y5lhD2dTxOsG/EQ0SvOZtFC73","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCLeNCRA9TVsSAnZWagAAv1UP/i8G6fzT10vNJXvLpu8Q\nsEwKog8cmjsTKLIUTRsI1L4qFykh+P5TOsykzlAXc6S78HapuSWfq8S+ZC53\nhe1xH9zasEzlCDBbwlA6ZA2/uHQZ1cwbwYhJoFm55UTDNdiu9H6MVVS+7Q6O\nBuSwJDVAFOULa4GYa0mddJotd4D24vTJ2TksxvEfGRDwSjotWIE41E1/OdhE\nvF63W2JxUDtFKsuEvnTo83uwp07KIRoiqswrGzgnvQ+YlXV+r5Q6jGDVUxQs\njegwQuhoICbQC8i9lU/dhnRzg4isWC/V/JZ1iLahf/qQkvVST2Th7Zg5wt++\nMIht4GgTyHtHbb31UxcMlZV5ccALj8/QmVCYpr6yzA1lyC+01AoXLKP9APFV\nmt5tJdfiWMxbZSoGsKSt8KyfwBXqTAroJcR1OgU3MA5B8lzGkJxg5K+HsMZ5\nTujsZtTfB8EZ+UWk6tdyamUNKLPT/ldC4Igk/Ku/gahVgW4wuePU9u0YjODo\n1LmgInlSPx/hvNFbUh8rhPAm+mmL2jFY9DoSEF2K7/mdFMTeV6y+SqnScFMX\nHJhie2B4sHGJcE1ugupxF5TDsR4SK2B+wt24rnVcqm4Q8EGYPMT2GMl/0rEJ\neyTj0ZoIrmY6YB7CWZcS4X7xlReBSIySP69NXoJCl/8+7ibwMkse/F3UT7nd\nY61k\r\n=8sla\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e937a8c393e2170307639b8126f0a461ffaf9e6c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.2ed2d829b.0_1611184012903_0.9812719158976491","host":"s3://npm-registry-packages"}},"10.0.0-canary.df00c2b30.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.df00c2b30.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.df00c2b30.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28cc035b75b9db67d19eac89bbc05f819ffd4732","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.df00c2b30.0.tgz","fileCount":12,"integrity":"sha512-Z5y7geuseaouihQ+qjQjLx4X0VgzsIowUmdO/+Sdn4HArjVDLYFNuyWGjdDEHSz41YZ5oZ7cu/fBNh7Uqqd9nA==","signatures":[{"sig":"MEUCIQCHSMIjEk8jMJTEZIe0ZOREgmFeaIyWt3X4JtoDRwtA+QIgbIGUATrt944Ye5vo6UrM6VaQ7zCTBHWhYbNDM87q+8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdvJCRA9TVsSAnZWagAAMnMP/A5cgM8QA9LJ+HijK35g\nyE/nK3vuTLAd/4O7RWKHI31mIw9aeX0dwMHp/S3i6Uo+7vKhSgRwkKrtHTXD\niG6fkJ6BbPPII9usSixl3VMlF4ghka4RLFCBdU4TrNs45WoLuB4M0Z8wZECm\nQW/z+31fWNJ1t+0uBnYrJ453xtvUzwTWiT4njG9yyK5pNpdvr7ix7NxeM/O+\nfQ0qpA/uNJo4qCT+kshfaGT6PlPt6EvQPtw1JSdS2I57DwVJ6oCl1UhIrsh5\nGZb/87lkDOPZieVCixuNCCq2QpQIivVAHjByyaRFbCjjaCYog+mw8mvIMXsh\neMrOmWgkrwA9N6AjMW/RKub/3ITFBGHwrTAM7BW3hGuKeMSSwYJbrisMrORp\nH3SnI1aXyEcAcborAgQYp5kmbJbMQ/DO7RCicHjbOy8ziTEW3bzQ7t/2jDV7\nEOgD01QJtY9ci4/knlUA5GOr0bQFHJGGz9gci7ia1wqyMX1SHXE+SFCvS9fc\noYhNISTNpZWc9574yyEp6s5taUnyfPMGLlbHi/WKlqpZZx6qLYYkD87W9nWZ\nu4E87LqGA/LBUrWHDWBqlgh6K6BLGXYrLfeGKJJanYCBO9Qw6cuw/hlfRoDY\nJXhSokUYW5ra9BOS9fiX0ZsfnPvtVqPeYPBxm5cq1wWqS6vWeOR7VFNuBo5y\niJJS\r\n=9P/h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b80e68ca5ce1e4ff7a83ec06c805029869aaa5fd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.df00c2b30.0_1611258825323_0.6196712818222261","host":"s3://npm-registry-packages"}},"10.0.0-canary.fd61b0476.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.fd61b0476.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.fd61b0476.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8e8d654024f1a4653fb1fd482e33cc00f8f8eea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.fd61b0476.0.tgz","fileCount":12,"integrity":"sha512-2pZCfiXsW1/rAJhTZ5xTz04JyDRP6cStR1mnZjq8+Vm96KSVfEkWE2iP3NvwQR30UKLEpP+lVvJyXjzexUxh8A==","signatures":[{"sig":"MEUCIGXnEMfOZocZDS5j031FTnO/49ZSmgZCWEe5wMdIrNBvAiEAvzBl5tlqy0zUmy0JzaOaqmmKpMKb6qvkgnBcSWs8T/0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCd89CRA9TVsSAnZWagAAvGQP/iD+VW9FWP677y+1IXuF\nj6CnhaEbsyWrKpwh587cSkH4tfOzLu2j6blAT4pHFHEeCAA0lgk6Ct0Oe5/a\nTA0Xm5z2ERbjV1PyH6p1uEKNXdw8T+0/0CP1fbWylu/bub/ddAXQi8WkPi2z\nG270DGWW7X8pWig4+PINxZHJzx1rAD8kXHrqjtzIgZOe+oBV4aWQDupzmkze\ng5Iex5QDda4+DE+xRSc4uVvY+il8t2IpDHWTdKlHnhC0zNK83yAqqe9h0lxI\nG15G+GOTFHrxUgcYmzrQfimFI4HXtDBiAg2QIga2X+ysV9ZooHH0P3sHE8AC\nfkUco0JScRLzC7Sdi7ZnuTMUdI90hlQ6jg7nksOWHAWF8VrUxQzQ9W04y2qh\n6hYh+bmmdI3LEkX9G4a13tAa+WqbUwBzO6aLryz6xwrp9UsR/hs17po6tJUa\nG3Jhr12bmiB3gNeeFu0u7idmg++vH3benbOsX6vNJqIZY5vbe8P7ty8+zU9h\niDo50OUANJxJsZHVYtgatG20VL2kUkOOOYvcOsNJXSYE3Nd+rBkvRARNmiN9\nh9VT4H28KvQOzS6Wbg26pMH30m4R0fP3royTkBZIQHNxAs6nm8O8DySzuhCv\nTAa6AJqrH/23TvRdTtAPRom4/AKoE1IvVYY9pd7F+6IY3vfj+ojOOTX8icqI\npgMF\r\n=oq6u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"67853fc809fc128218f211f5b54f854f102d1ec1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.fd61b0476.0_1611259709387_0.16930652583484718","host":"s3://npm-registry-packages"}},"10.0.0-canary.3fb3a0265.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.3fb3a0265.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.3fb3a0265.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e2c56a54544b75382527f2ca492cc659347f8ef","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.3fb3a0265.0.tgz","fileCount":12,"integrity":"sha512-Oqai4Wcdv8b4zYDzwiJhdSt55/clET6pBWwksGjA+DHImcAtTNxHYuUL/nFlFZr7VjJ40b8txWX9vDDH9XllYA==","signatures":[{"sig":"MEMCHwN3KmUC5bAFoT6ePe0QE5g0DpHz7FiG0DtXGPkXEq0CIE2Y20W2DXCGJ03M8iGJQ9ZkKj/30AAbnOpMQ/FYTTBC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgChZcCRA9TVsSAnZWagAArNwQAJoY1heyUZwjG8oG00mn\nebq+GswecSI3D4nWIOYdUW/eJcLhDmJZqzN/xep+sR6KTz5w9J7GdXCdX3I4\nNymsvT+JbLHT5C665x9E6Yo2cfun3k6B5jzMG9BLCyvV5shiBAYOAedCKKy5\nAHqKjsmK5wG0HHjFh/25igKVciqGPSr6MIscIMLd645tqxOP4ecIWFSi1R/7\nu7MhfU3jbBVbgS+C3MwGAzHGtIveyPG08Rq2WWcMC5o3CkDX/m0NGe7JTnth\nvNR9cI6tgszorsxdEdLJYGEIC/tsNcyA4ke0YcAwG82zaXAAjEOwCqDYvNdi\n7Ef+V5P2ch3x5SMAbBOW16bvhUpQvhEpbgzcMeZgryR+2KBsYWwvzow3x4vl\nQzlQZtW+LMiCQI5h3s5JPt7q1DP+LFKmD+dGT0VSfsNfEiCJQDxyXoo1huhU\nwQNTmRoDXQmgdk/hAEeKeoNud6Jm/m+3vJWW482fU74DYg3ldXuh8KlWz5T5\nt58+aV89NtUs6lDXqd299V8S2CXKeIV3/VLjfzGF139Fw/7EdWx8CrWSRs1C\nnvjoLxtWytdm0WrqO5SeLwhfjk2lmtQcYX3BsiwtmhjnCCrfzeorujFBLFGN\noc/zpWEDp2+AY1zuQL9oWk/9VTkQYhMLsp+nK6me9rCSVTGL9QBzkC3SWMCd\nVa40\r\n=un55\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5e619e42cc5398fa779a726d775cc7e9a72a1acf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.3fb3a0265.0_1611273819814_0.6860371163813277","host":"s3://npm-registry-packages"}},"10.0.0-canary.07deaec27.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.07deaec27.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.07deaec27.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7c6409037d236568ff03513e6da6f3608d15df1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.07deaec27.0.tgz","fileCount":12,"integrity":"sha512-4BaM0QQEotwUqdvWlrhRLpmP2wSrsExjbge+3F66e0W0QAHUknS3rnCqlvN1tTKlmmQ7gSoiKlC1yIaMLmofXg==","signatures":[{"sig":"MEYCIQDQxkcGcOgis6SgskMDg5Cx2xIjyBrBhfztA+5LRvGX6QIhAIq0UFLYnBYVmHRPZCK7xygI/f7XGx/dGrmLdR9htk3h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCwNyCRA9TVsSAnZWagAAdowP/3LKfAcqoMCYvj+fdvPN\nOjnRdFmooW7pr0RFxs6DZV0qf3h5CvICpR8yvI2nJURV9MF5ihXKF9A5BZrr\nRuW+RKB3ZfJKWUWggVhStVDkjd5oZOTlKxA71xZjQHuhQT8ZiHoeXwyBcXsE\nQjJ3swFChPiQZ9w8UJGodVXLylaeVQNtV6Km+M1RG60VBRpDurtD/7fYR08m\napWtJLUaBZscjdq8/15kc2UVpE/3nVK9W47r5Yp4Ur9p/FbtJHJW1j6z1T5k\nW6SU6TTvMykOPIRohG/ay5RTBU7+5/wwHNeey5vbzzCrPMeIANlY43DJQR83\nPv9JSwB6JVyMHVmfpcr4vMvAcAsv4rzHrvzdHGXGeF5Gp8h/6NIYO8q5yFlA\nl0BKPGQmtHYl8kUawvMMt6s8H3toBG9nlNZ5MsW3TQfwPEbU9LyGDPRwS+kP\n2HkmaOAwCVep4mwPjW3P2y+c0o6JQ50dp7ccAV63BBrWJ2fvUmxYRX1kKl1k\ngtYzpMrdyT77j+X22li1LPpLM1zNWm/COegtcB05O7GKgDsOXK34fXLACTLE\npIvZO36AsVUKRZboYPMZiQ3pJg8sBUCcA+PK5hM9YYp8OZ08ClO/Nu2Mk5Wv\n9hProTP/981u6MGJBmYF1qu4HRwSbxQQSqqik6Xf/NwHY3JxzYkQdYlnszt/\nX1wx\r\n=Yv+u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"be75b8d81f1ed6f8ebe94c8673f32110d71cec7c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.07deaec27.0_1611334513610_0.5616884908895146","host":"s3://npm-registry-packages"}},"10.0.0-canary.d2959b16c.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.d2959b16c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.d2959b16c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d089380096840d7937e046ed78a68edb3368867f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.d2959b16c.0.tgz","fileCount":12,"integrity":"sha512-NAzDCE5HFv1zkaJZmUQKmNnXDxqhVDSH/UW9YDNJ5xeHaPbTaLPVCdZOZnts5XLUNIMfZerseUom06vbRdwSDQ==","signatures":[{"sig":"MEUCID6I9dtK6och/GDH/NuMi6rmMeBpce8E5cT5bK4ypyypAiEA3oyY6unvHazDSsAEnSiqMkMB6Vb0Ec7/cJmXWXlHfUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCx6ZCRA9TVsSAnZWagAAcLEQAJbckstY+HYSw+CV9vrD\nebxaxI7fKrCPWlTs/Ueik59Tr8HDvAch9ZYt53hV0H0M8OepNicKsvjRAp+J\nNR5CxoLvmyR+HS6UJFTMUwQShRPQHzIBYCqAeauQ9CVaFEnhHAh4TU2CCTiw\nOUs0ZOnOmAtsbvRpCTzpnYuAfM+fLqVVMSDQ5ab/fgYX8Nly00C9F/viDT5T\n3Mh2kYJV7ifCm2EQ7jHodV3Dv/kwtzTgib+5DcAitrtzmobAcFR2Nm3cOLEL\naYmH6rHGev+zHpFsY3b9TMUuVjUDl6+erh5Ny0V/jXyvms6bVUiDpR00uVSX\nK4urIaBMKIwDhSYPH1FkrClEj+HXxpd7jyRpG6pugmH1sPWLcr2+TJHt+V8s\nzVUS+dgxcAq93fdu0S+vOnRGKC3mYmcSoWWVQ1Hchs7m/B2bBdbaxH/pBOIY\nB6s7JyeGYSbpB/zIsDXAFg6dRBZwiPxs1/kL6KU+uYOZinud2v6UEzRUUOrd\nHCLXvHP+uov9YG7pYvrlkILeqN6bq1e8Zjr2IXOZug+r9sUzZLfk0WyvC6nX\nmAQI0v9YJj0UWQbdoMpSyqJZe97M9TBBQ4xCyvnk0DaRYKtLJvRgKvT+LJZq\nmR3+4NGIvAtFIO+QZ3hJSZsKOSoYzUtYqK1nNLqrl1OITD5DG314FSwk8WEj\nKkmd\r\n=PAfp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9a89df0257ea15e66bbd565cfea291993f0c4ef6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.d2959b16c.0_1611341464699_0.6172633623799182","host":"s3://npm-registry-packages"}},"10.0.0-canary.75f3bfe7c.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.75f3bfe7c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.75f3bfe7c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6acb96186cb308f8d3756e7555547998c71ed03d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.75f3bfe7c.0.tgz","fileCount":12,"integrity":"sha512-/P9R5KdxLQ4Nx1T680CZYg6IfICFBkJVcF70QwEbH1VsUVnynrzpy6Ph3TUNEVJ29Pnrd+5v89J48f0ot1e23A==","signatures":[{"sig":"MEYCIQCFwF2CU6VaDGOO+svV/0pzNsl8gemMpLJKTf8ZLUmdxwIhAORk/RRD+zUuuLuk9FxAHIWytL7ibAN0VI1I5gA9cM3x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC1apCRA9TVsSAnZWagAAEJIP/iDL07ui4Q8q3xIAmFVp\n8M+c21OLV8X5PTQ8EPXkQFMuCqiGKFhNGbBNdHgpfxGdvRQcv6Z1TXW9tJgN\nqj1yHCAuswvcHpipq/Z1dnYmlMfcMjKH21ZtxBA9sJIdZpiq7L2FY8ativXM\nl+NUvv6iXjOlpTNbqCI2eXY5IYdoQZhU0v8vQKMoCYJ2N6r1KHOCkrOhVWPG\nH6nIVw0eHznfdr0RMIViRrYB+uK1T3sRDG3VzNrokqelUoBIUGodyqXxWBt2\nK75p501FFMbESkzTk/G48qyfMKOfd0vz9zGXcAfJa1rfBfdoTbyL8lL9niuS\nS90XhmqSheCOCG7qquQVNOdcw7GJ+6kB0H8Efkx2AD1rbCgrYs2+vpCJJp0B\nx1qM0I5fgGeeEyStmO4z9ut7HSdJwwsr+J0hF5dUvsmBuA33n/4D/yxm9UeW\npOABtL9XffWoT1JwKHhsBWP+mfswSxkgEx1k5ukykKa1w1ZtKO0/bf9pjaVa\nz8MGI36aPes3EECk4c0tjJ3T4r9bEF7vJk4C1k8/9Tt5H1OsDkOxdB/0GGN7\nc1iNjYLCXiQXJVkiMdRb0iZvgsQwTekKgfEpTY3/lTXnozVB5I0d9tQEfj4F\n8Ms938LT5i6GvPVrMoI+VmNBX+OPsl78/fll+8mtyLv2zEeK1SIvFIrZoGR4\nj1uu\r\n=d/Kn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"057941e604e02f88d571d61967040f58bf499bdc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.75f3bfe7c.0_1611355817452_0.9209268137617501","host":"s3://npm-registry-packages"}},"10.0.0-canary.b9adb7a0f.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b9adb7a0f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b9adb7a0f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f5d03f5f372f41e810b50221f11c19a4642826d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b9adb7a0f.0.tgz","fileCount":12,"integrity":"sha512-eVSwx2wMX5qT2+TfMnnE2gtIJ0V3qvhtWVHeP+WGsUVdaKyBRYBgWrbgVqrHAFHtuLYKm0vBrISg5VHMk4kaGA==","signatures":[{"sig":"MEQCIAIsUWwaljs5KnVG6rZhS5MduHhMp/91dNLAvLHJn6hyAiAoJPlYF4hHK8ZvnTPmhZ/LRoD65TPVtHj8A9j4x0ffLw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2DvCRA9TVsSAnZWagAAe2wP/AyrClwqBILQcKYzAcSj\naw7ihxSEjRsH4seM0TJ98S8ueL3WqAgiylt3l6QHP9/eZRNoQl+sqhGX4Ybp\niduJE6r3LDTPw4ju0RFgt8Hb0cDZNy5bJwj/76Kq28D/rQOQvsBCHXFpOVyX\nHa5emybNgw1QqE1XBjtJk8RK00g9/gU/EvIZfuNXwY3tMZekkwoJcbqJJyDM\nMxF8HuBbeLIsZXqe4G2UYSpFTEbCf0r4Z/oC4LvXParlfgfx/lR/J3m17OXz\nlp13052NIejT18G2AxR+gq7YFLs0bs39hxNq9ynN80rQPMU+NObUnjUe0EiS\nAA527l3ip30Ul9G7k5/suA9tR3pXXJA28jVzGvtpyHUwD4teckBlFHLD8RMo\nY/No0+NcAC8EMAAiO88s8CSxKVZ2HMG2FgIucPpcDEVyuRyUo/5KSciO78zg\nRG2K14LUJP/0D70Q/Gj4GOLuW6sFAHoCrFVp1H64DYr9ThlNRNbFJY/uI8Bm\nGVGmuicJZnEX612cL0NoULUWDlrAjhDCyXXEkkPbwKHcLayER44+y3tshHa1\nNRkU8BtDvwHddJ97ryMcbQt5vpreIRmRl0RnQaZqbmZgC5ykRw16sy1sAkZj\nwOe5ztPHBG4YbCI1QNmSbYg2qXVKUx2IfV7hO7YybJv+/gkVhgn3qZU3uMQ1\nkfh0\r\n=3Alp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a591eb080c699d02013eb9ab0090fdd5e9813a72","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b9adb7a0f.0_1611358446644_0.4829991163216487","host":"s3://npm-registry-packages"}},"10.0.0-canary.d29ec2862.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.d29ec2862.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.d29ec2862.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"551cac3ef9a4332d0d2ae4cb8a90eab0cc160d5f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.d29ec2862.0.tgz","fileCount":12,"integrity":"sha512-w7jPY/EJ0qwMmjLCyYLmgV+Co+xiqEADcrjiM39TDoWm100rcDZQhjj+E6v3RH0D1tOG0JB0G8/xDeu3++311w==","signatures":[{"sig":"MEUCIByaWAQS7UejbHJmZhqh4j9oWTYHJmKFtAe4rPt/IFtJAiEAv8gqbo37QMh2nYP/Kt0QChrB5RHkcCbd8GR/7dEZrNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvBCCRA9TVsSAnZWagAA534P/jurHzfrVVJHbk5l1ANQ\nSAZPQmQJuawRO00pY0NIFxy0wDQQgIKegnpFF4EoSUp0+SC81mBk4h5uKX1b\npbQvmQGOb7nozXvs0AkRW/sK8P9joE3Hsz+EkjVbGg6mZpc7HpRT7oBp9kev\nMIHzPl5JjLuHpC3A6kRCrXfeGS9L5ZUUOSah5DD8gjbZlS2BeipAN2pqzylP\nU3OwTQRw9tEhZidFi16Qujz1gXhKZn8Sif6ZBTUtjyxQOsuRNLUrIjK5sV7T\n+dCU2vHMleHJRjx8eKhBmvTOvtxxiEIyxkC9WlgELp0c1hzc7UXezBOMl+DM\nCLfX8NlXnLO3Pdq5ejbI69QeIBHlaEQRjrlh84ZLakO83Lx5ZC54B/NwoZZY\npKvZoNjZAyGM7Buim2ekVtyPeh36PMyt29jrYAG7ChsrO2lVPgKdL6to0pPE\nwA+DXaI86ztvYkJ8oeYCN9yJ2CB2f8nqIh767OwYDJwX1gbEaOyPQiOSHJ83\n9hXINKnJY1vBir4VaCZNDlIBQHjKTkhE8Q/aIXtn/lUaq8Jthn3K8I1dAObS\no6Mhy11Kj3HVkTcMwVM3M8b8aAj5dyQa3+B5F1zZs+r6DlGLfMLEy+brQ78N\npRcoa0Et6yjB5UXcvryI1LjA9VKdssq11qpt0oyZ/sJ1Lq5rND0no3QHF9gC\nbDc8\r\n=ZUgJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f2d18d6e94fa1f0808b7d768169b9f4827dc692","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.d29ec2862.0_1611591745855_0.1906665150336122","host":"s3://npm-registry-packages"}},"10.0.0-canary.96be07c68.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.96be07c68.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.96be07c68.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d7e15432c6ec5013ac7f586a01b05160e95d1727","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.96be07c68.0.tgz","fileCount":12,"integrity":"sha512-NfJxuXtzZ5TIACDVrfc5XYQDwgInPeLIEbftrMCxo7jPHcWvw4QZbs6C/kO6T/YjEiUF/WspmD7GzK4kRRauHw==","signatures":[{"sig":"MEUCIQD+jeJ7hprVhb2b1yru4mPES33KydqEdUaGtydInew1IQIgCirVj41R3CLJckxsnZlSKlAsnMM+YKpIXWRSPxb6/Qw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD12KCRA9TVsSAnZWagAAItQP/iqQ/gAlZQmhbNtR3xQy\n8gXD7OJTeuTlhEE0IO5QU3j8UN9BOS2wOKqrXxKpofFKg8fVkXjZmZ3cqrFc\nRDCU514yXTPX1yDPIcbbWoO1D3SvBikkwxH+NUCZvKnQlWiQnU5ihdvDhpdx\nRlWy1eWwgjtGdoxY3xxOt0Hz1gA+3S1ZQF7C56hjXYvL7tQeaCrMaZpZGQp4\nFdkoDa2V0jlB+TJ5jLd3I4mQoXiIXtX6lD9FJNmZ04pWpCWmfvOggUd5wN0Y\nBsyk2AKjdeBJq1QzTWUT2njumghSS7sMrIfxPzXNqnrSexY6HylPDQ5qzPE/\nsMZPpTWQ03TjpqhScDwqX3L/J+PT/Y9QqcbjdCOQOtqu/7HmJ9swLJ9Jw+fl\nwi7SVEiiRTUUWElFyoCC9FdQehCfKCOQzsTlGacICYy/ihTB2voBo06DDorT\npA02rjpKS24jC9z+5HL9CEqrYARvfIShxfyWtiyii/kIVo2nRU6zkqaCUBAd\nlp3Vl64O3tvNY1d3bfhcpjfIGkyqMoL9BY6sqx8d0zriXnp3/c2BdHM6el30\nYaSW6jbZFqqXKfPgjg3aJLaozyxIFo8bSnD8Uq97LXIgKvIvxfhAnHgOVWsU\njpCfP2fKtyK+eybRKufR+nRGeVHFRcPl+MUHrn7EX6GzC/pfacgN9rQYGJlH\nIb3s\r\n=iavX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ad510acabea4f02cd7399e109ef73d3b0bb52e0f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.96be07c68.0_1611619721763_0.4634405959963004","host":"s3://npm-registry-packages"}},"10.0.0-canary.e383944e9.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.e383944e9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.e383944e9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dedc2e7be4067a592ea9ab936affb4ab1fa33c6a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.e383944e9.0.tgz","fileCount":12,"integrity":"sha512-psmsNt7v6sIIFJB1XpWcYVkg8vbbQ9OZdLO9QdDvDdF9zaj7LQwfBYaE7QcQeIosR2d1xiMUjBdYRxN0v6Rl2Q==","signatures":[{"sig":"MEQCHzl9TYU3qiItF8YQrvY4H7XnEIi5uHy6nwxZ8aSPa/ICIQCgjXba3MHMWPbfuIDMH1Z4IVpQBQevylMSU1FwNRDvkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD3PeCRA9TVsSAnZWagAA8yoP/jcTkcliAHqzQybzyT2i\nddgugyIf1yqgenF73UGthU9QrUdua5Dxwc1tWQ76WzSiO7NRkrsmdGacWORb\nTebR2XI4tGsZgNURtYmGf8RmkM5mDFWfDBppxOWq2A6IHZhJbDySa5/ZVdwM\nO0epvFQn9YPssn1QmfV7HntEo7eNxuw4J00miKD4qXbQRU8uzMA2KZHstd2W\nQs5Nbpo29C4wMQk+9e5MTDH4+x/Rr5BNAPSBjg0TYh0iUrqyyCeeQDMsxUFA\nkiV1ETtgOelY4pzyOoX8tb26fdRONLy0AcBhQxM4dW3zI6QtU1zlcQ7Ch5a+\nXx7CUwg1H+wiQ532xcx3s2zRP9W0sOlA8CZ5SNe/Yu1Pb9gu2SCz/HbVRmb4\nVyKyc783QDGLDV5TH5hJB753qS2iV8Gpi45XYq6qKXU6QtVHOHKWrXF/5PiZ\nmvbv2r7A207K1S7yHPB7/a04bbSHrOBwJHnooAqjV+kZA/6MSn47wMCPrJ1X\nXPyqzP7aNXz9uf25esxwDK1uOrf8tnKqNBZk0Wu6a2X/uijpBJYJp94UdA7L\nqza0iAglEqITQZiBePMImoGnkTc221Wg/YK47yO6BwiAy9voC6P46vGpo8se\nuspMGox5BwEOO8zPwagPyP83QYj0aer+Cc0sIxV8eT02fJDcc5BlxvalWpUv\nZkFN\r\n=TyI4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc6dc4efb9210fc9c70fb089edb90278a8ab66f8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.e383944e9.0_1611625437904_0.8270329700573784","host":"s3://npm-registry-packages"}},"10.0.0-canary.623af861e.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.623af861e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.623af861e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e0bfd94283976292889be2252791303a6f8d770","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.623af861e.0.tgz","fileCount":12,"integrity":"sha512-pCgUFCuPj5UTd+Paz+Ww8QA0ySW0a21qZqAPOya/1rSsikCYG37SalNXncwjBqlewzdMzmNmChz+IgkxLlUt5A==","signatures":[{"sig":"MEUCIDmA1KcYEMxXGXG8YhF4qBoyFR1re86GGKwCpOPaUxzCAiEAiQCIxSdrnxseA07KmHBZy/ehrwKFNusWX+MEkjG1PWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD5AMCRA9TVsSAnZWagAAKbMP/RgufT0RUh7O1lSRki3s\n0FQDSqRFQWcFuzYlFZhwZMIDfbJKTjuVb+9S4v3bkVVWDWq+ZpXHzbmaciw8\ndZd0FhdoCH6OgdIQqQC+i9orVzjH6DWJVW/yIljUMoiq2gI5fbgGfd2Dy0Ld\nyD6EF9z1uj3ZFJQ2g+ilfA7GamrioNc8Tua0e6kVY+g6Kt24z6hwT1lqHQlh\nD31eS63rN5nsMSeCkQvb8RKBtbv+89OAOUmVcGiE67ewUOK3WABMI+l+fETX\nMki/5XAn0FJkDZ6wOBZjpXgY2t0aUNk4Tre8WqIMLG4/UNuis6uVZvsV6I3h\nHqqwZuk0mc49HDMlCxX9nHk5AzG5kqSxBqMF4BabZl70HErhCZQmFCCfRWOs\nD/WQVdwbuNoqnBFT04Dukp0PaMbNoYpVwdC4f8V9D32Ywc62z0JnwDmxuR+T\nqLU7kxZHZkuI1iKL/7hLoGrvNB8ClnRMYxZAmjbW8AwKt8EWNChsnYqw7jfp\nTS5kX2hgsP84gn604U6+NPBlO3ShZvc619kz4kKGrGQWFHucyzV+SAQr0Anl\nml/II33uUHmFyUx2GdDsqMyP+wAA6b22q/JBZj4frE5GZQJpnO8OLPGx33c3\nuK62Y5OYuT6qsxwlPOjAshpiM367RdTSJHMxUvok+zn9nV9BOnFwG9lH2LNM\nssGR\r\n=ZTVS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5906815761339487fac225651c29aa422211a72b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.623af861e.0_1611632652386_0.019791087154409803","host":"s3://npm-registry-packages"}},"10.0.0-canary.6863fd43a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.6863fd43a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.6863fd43a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"080ae516a0b7c2f66c0e015405cb25a7bca6e631","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.6863fd43a.0.tgz","fileCount":12,"integrity":"sha512-3unU4rLayYLhtOxuJ/nQDM5kdt028aIx+gkWSDmVIK5995kvsHY0UAjVsi6dFupYn0u8+ks58aLWjzqqrk5a3Q==","signatures":[{"sig":"MEYCIQCOKS912I8ypnXVbiGUV4sw20eAlwKbgv8IHRcS9kK12QIhAP4pcM7bCkbfrfCtAwNwXLtR72DfxWjcADbhuiSDixKV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEIo4CRA9TVsSAnZWagAAQTYQAJ/5ECB5TpC+O8wPlTnB\nRUm8PDqQEfvtu1HjxAdDe2dpf4gMdlCir4mHP4piICuwJHkB2D7RLbRMppe8\no5FIBDo+jY7aA1Q2qclJZ0b6fOPqhLXqPEGZOz9n+CA1w8OMn5acMrPm3COq\nts1+iePo1hXDAOdjpD25hUasZjz4re1kV+27j3+9Pl2J9OL8H+In7CwLBQ6s\nHshuj+i5NpkZ8NV/1GJasDtnyeISzORvQehXkEFzwALzf+8cbJg50RQpD0py\nh3l5p7lys2PZ8TWN4w9uspDqQsLbqxjxD5l6aN9pyoZqp4YrSEUrHfwJmR+I\nQp3igDT5kcRDMmeqVm49VW7YJsa68TU8vefuEkoJvfHdrBVJwYr8pLA6i2Ae\ntOsppGFanZYc4SStTE4wnDnImnGyFQXMhHOfGMYDBD1ETQIv/C7OSw2RlNwv\nfl2Rp3zEtx8gBJF4QSwVxkscf8GNEN/UlZt5m6HZ1cLYDPzDo9GZuIzrqLPN\ngg6kQhCEWB+1xMeXSte5FBDf/UKjMrnkh7L3Fvpdl5FIJi/5RfoV6pibfQzC\nv2lFCDEcpFT54kpPUL0a25N5xIL2QsiN3eBtqmK7eWGri+0iFQdLkalTz1Ai\nUp772FjfizWvO5ro1rHnR7Uc5IyqlFiZgfRe/+0xWhb16GCMY0y0PaqKH7+Z\nYWsN\r\n=CaQd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"49d0dacd3a675991bd5b8c454304b1f10dbcfda4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.6863fd43a.0_1611696695951_0.21953280569807232","host":"s3://npm-registry-packages"}},"10.0.0-canary.ea55b87ca.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.ea55b87ca.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.ea55b87ca.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"673abca07aa699b70debb262f2ffd4b7ef5414e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.ea55b87ca.0.tgz","fileCount":12,"integrity":"sha512-MAVNCYjff2TzPv0COjswgZnvwpqx//IVs1UD98QBZ1d5L6gs8X7G8Z1FSuD3SE+PqzjP3p0VBOTwdnavUz9/Xw==","signatures":[{"sig":"MEUCIQCT/A+J7IzLV+1wNq39nJFZwQTLfWCSwaZ2K8e82I8SjgIgQme5rt862RvKGyhkQPw3oGeCxE5F+VlgRH3z99tYEVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEKloCRA9TVsSAnZWagAAxgMQAI0c8a2cGvJfJh/PLvAO\nBp0U9Xq7+VsV5bBKpI19lUCRau6Odb0CftpK1dLAeBQR42z0GUh6LnFwJT4c\nie46dRv8+84+ZOw7hjiYZeSBhi37tv9p+ErDTzyKoY//cAZFpv545twAJpb2\nTMs3axm72SWGmm+GAkRhPv512Rd/Q3hWBXEIugoaW4X0Rcgo3xzeTK3HVjO9\niL3mbPunS+b1uEno2CTFhptTnw2ZsVHAhKKACR+BntSirMQ7tCm/DPpujdqn\nL1f0jEHklsE/LHr86Chke1yCllOS8YwNRq4xSzSIWpPlOsnHvtotq10rWFG6\nflGLGLe1N3gp1uZLU8NxJljURiVLUwUnOIEIFKKDoCkD/9nFvltjK7wYA1LT\ns7tAqENMJ5GSNmr0BasNxD7oVyNCypSBD8CS1iE39YT89YL5TAScd/SpQZ0Z\nQg74R7+msvWfVMcs5mecF6GjZGzUexiz93ps5uwZUBvp9JOlyfWsxfRQyVVK\nd6s9utGw7dISLwgJa/PXWGIfd+ucTLwV5hadqF4EvBPBEXKx0+ONMYAclCqo\nKp0y82bc2boaFwnF8D1iqcL7lrDcEq7VO+LrZpUC6O6T0+7asAXuOOmPlbxH\ncAGtsBnKg3OxpEdleTQ/l7M8vdKEuf3+DDMhlUf8Mn3a9b+JFdMuaDUoioHz\n51e9\r\n=y7rB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00e7569feb0aac4c4dbbfb9b292c9f53adb608bd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.ea55b87ca.0_1611704679793_0.31780549188966956","host":"s3://npm-registry-packages"}},"10.0.0-canary.e902ff05f.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.e902ff05f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.e902ff05f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3fc8584921b6f831615a15b9906978e8ab9445d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.e902ff05f.0.tgz","fileCount":12,"integrity":"sha512-c0Hc3sM1x4GLpknQENHyZrv++NURrNoHj7c9Guapk3ToGbCdHnFqaeTvp1g5e655FajjWWLw+LSPQipnIgjCwA==","signatures":[{"sig":"MEUCIAqbodebze+l1sx5anZR5qHJT9D+ZsZtNzO18bns7quCAiEAsdFGys/Fp7lYtSErYgU95Mb0bFD9AuyV8CHDJwbp1zQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEK2rCRA9TVsSAnZWagAAMuYQAIZOCkHcIkGKEedvasyV\nBoA/OXBoPdhqjvWTOxbpNv8rhFuSdjXX4yKxT+lQ8e8gUVwqLFyS/4o+A9IG\n7EMS9xaTmMBKi9In4HCCCizYvIMwlFiVC3tJWH9QVEhyMUM4TlKg7cABqZ0o\nUVtS9yuUdJ0oTvglM6y7vzIs/fGdO+b9TJPhs39A3+1MNzGV1JNHQfxh6Od1\nbrdInqZDM2xeTILFb6ZTnfuLkiHC7LZK0bQ2288HGEcWs+UiqRkbL+QJnRDO\nv7koZMaFfBa6fCeTr/6aCWjryNK5IDL3rGHTq1PTu6EwoSGsRGYsR1OvoPWL\nhqQtIbcPPg2NiBOMivMsvv5HDYfgceiVi/nJnXMOphmOLh/nkRDNyHVwVR6q\nhTOmGS7FfQLn1fSonFt4Ed3kbEXUQKKTclYfX6oj/BFlPLQvE5F1JyBjU+As\nCBaGRUZ5XvIQ3h83MhcPzefvY/zs4uE5s8hHBqJxunRHZMERnG5JomatJ4Lp\nwfGLGObjMjvE2pqiBS2h/QBCPfp/BwHAx4k1qq/6UNOK86cfzayq9gegHTHY\ncEfp7D6H0VUaBeS9joWXvQtRByGKYV/q0ZMJU/BID3UQyME1nMsfNgrpflXI\npWIAr9iuZOyxY39WqrT7jRHokjKxxlhFjgbhkjyWc4zLD9Tx9l0bSQA8Jk6P\nTQ80\r\n=pK9Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ae6ee07772b70becfa69208ee5a4849f86c2fea","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.e902ff05f.0_1611705770553_0.8084113752934203","host":"s3://npm-registry-packages"}},"10.0.0-canary.2c9fc538a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.2c9fc538a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.2c9fc538a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f43f01f2af747835b1137b5261832db285939243","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.2c9fc538a.0.tgz","fileCount":12,"integrity":"sha512-YK6KZUjtTpEsghDl7AU/AkcCW1udtinD1VAJSKCalyKHsg+v/x8H85J5Jl71BrrrGEE04sUq83eZ0W/C+JwtIQ==","signatures":[{"sig":"MEUCIQCYMZLIhtrsJklhzZNdgdrIJgRWQ5LC57r+rs1duP5hOAIgVB7ltf0LzuTu43IuKvUDTyCDWfzTpO2/EfWiCxuMXgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgELMhCRA9TVsSAnZWagAAvRQP/1uCmV5aJnFuA+dDBvnN\nZoy8z1h1H/ObGWvFZZzEtJLNM/XsK13iKRPbiN5LGR8Yln1TJI1s8JBKpxZK\n5jxZ2cr1BT3ZxZwOG6LNJv4qStCRtMVYnpIFHMrsoUMgh1mIMfzlYqW1LY8Q\n2lEx5/BdSE7lZi9b08jOfMLyDXLXrSHmtHR098+ER06saJGfUfcwAQgybwbW\nNowuKCFIUnVZ/fx5QoaWSJhIUBFLzepyjuMSgSN+QVU5dT6V/SJK04b/haUV\nE264qQT6NwXHL+jnpT+Z7yp8A4ma2MbL0uSZyXnjMOkuQc/0/AFwQq9PRyj9\no+KO5iKC2+b777AdkMRcqaGe0Un4NjhYFXHhv9HEguBDuM2CwJ9z9FyFMJeS\nyC3LGFvBpFmL3Lk/H3QVAgmIfs0OhPjmQ1Dmrm1JUrjmP5avcurgAI1plhBt\nzx/Bg8gVi4IuzuEqBHJoG1XKgMD5SNXOG6nVXmU87+mYtwmgIsxTM6aHxILp\nNBeT26ecBjfUw3i6DIDqr/7upFi8XDPPOA4Y+nTJTNkjmTEw1jximiO0S6im\nYPu8WmSESdmTnt6WskdEbNyjgnJG9bsZZxGYsMzCVg1tUrN4w/cpKVix/Es8\nqOfd3te8lqvOXNcuopKXz44lPwYkUUtmHUQcisVDMW1FzvwLZDLYr8LvJW3r\n617f\r\n=TNDH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4bc5fff9ddee1f7703010e418626d050ca883474","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.2c9fc538a.0_1611707168715_0.2597569993594886","host":"s3://npm-registry-packages"}},"10.0.0-canary.6bf56aaa4.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.6bf56aaa4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.6bf56aaa4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1bccfdb1bba903f1dba88cfba7a0e7b084896ab1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.6bf56aaa4.0.tgz","fileCount":12,"integrity":"sha512-sHkA13KcawKQ86U3NvGE6Q5MuEfmkeJUqOfTkOf6JFr58/0R4NKOGgx6Swlew2zcLaTVHQlU9S62pV4WceNkKA==","signatures":[{"sig":"MEQCIFihevi62d47StAlJSccWH7t9zQlLksleZ+hldCahz6+AiAnjtjNskqxlEJB6jLpUVBrVEvG500hRHfICGIRS6k9SQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEL9/CRA9TVsSAnZWagAAH9UQAIzNIqNSVxSsVfqRtMfo\nb2RcPedts5c4FQt+EspEa4XDdb8lhJDJVghOF/Bqy3LclXBGGkdxTq8jx+OW\nLeXE6V4lYBLk6w0ZaABSbhedyPm2oYaIQZ3OVYAfXYEpwzLYjmdN25njekN7\nbV8zgeI27Xicgmgx5ivpnC4XP5mthhoO4eRh6ELnZNWEjSTgRZAiBkQzTK4v\nXBwQLmaWlY6B/q2RpzyVG2bEKvHWZUUuJT6t9rfcz9RvXjaPpmLjJXytiYSX\nt8osV1MI5OBUSfJRuWPVA6Hi2IKOROdc6K0kMqWfJQ3UyJZRs8lVvKukvNug\ncJ/zR5m/urL7rBZYOgdwhiJLbg3F6mC6YjTDAV6/iV/gbHBSfedwl+L34Xu1\nRLAZw16CfO49Ne88XVPymHxCPVIu21ysoOH3UkD9GpjjJJ1ZuR5gNvJKE8Lp\n0j4zBSex8kxpaOTTMf58LaLkNy1drOnlOS4VZwiRAunOknUz/BlLXnNFJMqx\n5e957vs8QtCIg09Y5sE2Q6XgajgxWTbAWUA9x432jyzjT1nrYBrw3mPg6Ktk\nHg2dkGpJnmEeHwyEv94LccyjOwndrNx4jzs97uy1/T8kwOdcLrOlMffFwOfE\nCh5ddtPIZo7O3g89BuIonZV9N+GtaySssHPJLeTE9ENtvEXdccOR5exHLCjY\nm7Sl\r\n=mqP1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"557b9cd09fc15e60ea09bd17651230487a292b59","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.6bf56aaa4.0_1611710334677_0.6614152993293447","host":"s3://npm-registry-packages"}},"10.0.0-canary.994873795.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.994873795.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.994873795.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"adbdcad1f3077b8bd336077b039954f89a4a6746","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.994873795.0.tgz","fileCount":12,"integrity":"sha512-PKNoy87luoHSIbPI7Nin9iaej0REZJ20RHkKBomnzahU9epS4p8+oeVzWGcls9R1xH/zmnlLg5q4jVDsJHAhtQ==","signatures":[{"sig":"MEUCIQD+yNgDG69Mez4x2BQPcM8wh1us0+ZVqpLjBzzHUKPR8wIgXF6MDV7y7i8yo5Q+0aG28U/6UMAlY5APkM7exvd1qeE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEX2QCRA9TVsSAnZWagAAR2QQAIom9ZKORi1TGnBdF0Pz\nFmFZTC6dJxOycU6EpiDWJkoKxGoArRDlBzGmPFX1om0b8OHbw4W/ATgGc2lw\n2MEUFT5oUKVNNACetIUq5f9ifY9YUo3ugaFfUtkdssSXXJJTF1MUrF5iWsYf\nzhfJ4ijF8N4UmczIcZwhrfgPnTQl0b76M00hNDh6Uq+ECvh+T7V7RwfHZup6\nljMF7CMF38FrMt5R4ls7nvRDcHg1Fwt2LNttpmHCGYmnjSlA3IHzoMRq83kR\nDJUZAUusW0DSiO/2hTI8kkcXqjBiujL2ET2Mz8rs/SB6/VWBFVYha5K5TFMm\nj7ZXMTPHBIwp0UePOuQNyGNszPUmHXKurE/tDPUqaNHpslBnPeh5JE8zG2jP\nnTamrwlUpIg7X82kvFMK/+ysCEQXHdpwaEPfejoQSEBJrt8OhPHramkBTjBb\ncttgItJDpETE6Jlb3VBaQV6gUFUyQVMGN6HxCrGtwNIJoTW9xQDxuITqp7E0\nj0+e5kP1omFghgTvQTTpe0NHFEzldQHRxZMl0oerCHvyTybNvZcnvpoLQlRo\nG+D/i83fLQEOWNmVL1HJ645fDRP9sLCxlz9Qz/iiZCufuATAFj80r+zYg+6e\n1qQwJjfq4BQPWSgwaXLKeHvFWYhO4iN2OT3w50mfVFiHVtfuh4ZzKf/kYZQ1\n3GQz\r\n=56dW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8d1337af6a27bed9f06167ca1cc1c996fffdd9a8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.994873795.0_1611758991875_0.6151890307205434","host":"s3://npm-registry-packages"}},"10.0.0-canary.96878e1d0.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.96878e1d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.96878e1d0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55f9e9ec74bc151cbb1baec78448c4a6801a9442","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.96878e1d0.0.tgz","fileCount":12,"integrity":"sha512-20s161zfmSWJ7TAaSWFMu5/fFlAPox/gwv3e58WMNjuxeIUUM/yffytyVbBJIBB0H4tr5J1Jb4TI5NxXvVSD2g==","signatures":[{"sig":"MEYCIQDFvlI4jk/2K70lE51MThnClOz7rzuqMr34Z7PDukLvJQIhAP3v+TSMprAA7YtvOyVdwHxDqZiyQjW07/ZY+zfDr1cd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEapaCRA9TVsSAnZWagAA3EgQAIdjUtteV48lRa2kE//T\n554EfEQLeiBkTW+9sGcwmkYcrIwdjesePEQfowEqNEYgVqHXAB95ig0m1z28\nHn3kAUC8dXaQgEw//Gj0g/IHh1yOCHRCt/dVJuJsnYi7Nnyjo62B/VtZHea3\nsqm9/XyDbQaqp4TjboqDbtGW1MKuazK1K8zcl/8zHab9ePjQN0ZZGC5OSU83\nyIRu01hzvTAZJ8pc7N3kGaU/eIGIznQcEAYSDwu+wA06OtQGpzzLE4UotLxV\ncNaPovH2cyDCIBdv7aBhfk/paZrnv8sUdPrw/SiYdAHA6NWCUdxNBhVtvmp7\nu2muPtXzLKc+e0EJVGN4hFt2vG017O6W6rZNj04orp5vW7+TskNm/SnNVM1L\nn35mlWcd/H7iPIwSSiIF2iQjRbFSgbS7RzZLnSThKcyJZjWigskvODf+C1Bw\nSk89Pa9+NNSnCusTb0MqJsDYJzvwP36y7uTL9EI5E0X3iapiQ+rvalPvzkjm\nsutNJ2K9T9BZTgYNTrm/OfktLYewzIzN40IWxqWZVdqBwQrveZwctwjbpJjN\nSx19AZIdug/yD4WNI/ggGJjv104oDvYmXoce8Tip0pb5+OPXEyDmSlxz2FbP\nj5Ux0B/tde7Y7m6wgB5LhAC2HKQe8C3qdFmqw1ZBWSotgruta9Ae1HgnbR/e\nJfUL\r\n=QLmY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc9f62002fbbf03874065eac25971ed2b49a47ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.96878e1d0.0_1611770458178_0.10867719027608591","host":"s3://npm-registry-packages"}},"10.0.0-canary.3c117cdcc.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.3c117cdcc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.3c117cdcc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6f8072803872c5849cfe362b289869242d14544","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.3c117cdcc.0.tgz","fileCount":12,"integrity":"sha512-2Wnlq8Mg5TIP0PX9bq/iXlh9ZG9qdR6q+vi/YasNJXMCARAo8VGSJfiQbHD56k30td2YUukh4C6rUclTyWgo6A==","signatures":[{"sig":"MEUCICvsDfoEaAP+1G0CoS63OKBDNpAgTsTrMFx+cb0V+aooAiEAxMKPFYtqzoC4xuaGaQX+vF+nUZZHebijMOOnBAYTHnw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEbFqCRA9TVsSAnZWagAARMIQAJn+hpZoLWsUaB/pxz1H\n1cmuECh3HeG8lFtTXdUdlStDGQsQUUQRPH2bq+WY1S+jYE97hGszwa+7AG7r\n8OgApHbmwIS+j0VdJNpSy0x+ox+Ds8gBmjyYW2EXVsp9K5j9HaimJ7MfUZkG\nuOsH85MT6tG9cEXCwCt/PAFe3CcLx+O9yHzzWB02bOE8hudvzdkAy33VVWzy\n7xWyicyv+/XEsUwA34prC7YNL8XX3LhVGp9nQR0ZguWmUA19oYFoCokUfylX\nl/NDpZ8PY8Ew9iGRYEuC6jmF8T+6yk26mtjYobzhTHg9rqxn6qs0iibXz32t\nlAAUWUdYo5VkIBGXdmpaL8k40upXJsTRGxEtMyBJgLkvIGDneUbQz4kdRc+P\nBpU1Z9fPZVoGiV7hYGEEdDHAVZSP78n7NLt3g3/HILCfLTfw8lDIRk/18spJ\nrOxKKuVNPvlb329h0GDpc1OdFWR57R/J/VYM35TLK2oXgZYUVFaZ1FjieBgT\nVMBm/+sBFLxC1WnWA6BU/PzWR/A5GR+8Ch9ZLTIyV8xvu3jt4JqTTluLqlAh\nf1We1Ni6xwXXfysTjE/CdSOkO9tqIaOVCN8SeZyAPItMJcUvryPP5lj6LxwU\nlMuKERWHgOv3l6OfjWazBfNr1k3SMCVZulyVEFljPkz7vy1ZkjqfFV3HIQTm\nb0vY\r\n=nRqK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dfd1ede4a4727199e63765d305bb36d91509dde8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.3c117cdcc.0_1611772265777_0.24435124131853558","host":"s3://npm-registry-packages"}},"10.0.0-canary.b411e7033.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.b411e7033.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.b411e7033.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5dcc58472ad6d91c4e4394be27798667fdaff0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.b411e7033.0.tgz","fileCount":12,"integrity":"sha512-XRgWwTaCBthh3cK90lTJJbjA6oZ5uLjcGOEVbHB5I90tDAO743DWqkXr+9qTbjYjQFWvA0aios4mmMXJMByALQ==","signatures":[{"sig":"MEUCIQDFDQgRd8MFU6MVGPzG9rPd3l119Ua0fRPz4Xtg5nERCQIgT8nTNmbkutSX9Ad+GO4DuZfNZOQ5NhzlUQlt0UyABbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEeLuCRA9TVsSAnZWagAAfv0P/3SbTW/uf7zaZlNOlg/E\nziT+CoU1yYKkK5Gg3GC+mKcd6Gka2kVmSgKhPsKIW7OMm/q3fg6x9NWvvR/y\nUxiL4qJ2SCHO2aHhStuR1v5WRjI2ktpnuRwXUuv0UEoWYColbiO3RFbzkNpG\ndwrY5woxcOXPOW4R+S42nsij2ktoRVkvp3++NitCyGD6JaZL3Eq1UMHbj39G\n6mGxSsJhBSFoLhriD1ji0HbIX+z1DFf7GEFsg6ReOxe1mEK+R67vKVHwEVqG\nnw3bwcSJXumBkYw6bYg2obC3Blr6ZyOc45f0fXObj3IXYt5/IpmrykyDYde/\nzUfWyfGf+GMMv8l2VMG03m1J0n0otEC9327HxPfaobS3wt5VyV8GEi5A03gw\nz+znqGUFmqqzeTPjSYlTuTa/+FN1QYymEs2jvn4WVi7LsY+opgloZ311meOc\nQk9xvlteUGtKM4Ib30goTwWArHO4d1A+xRQRzyvc1yCcTUfwYc567op9+gIJ\n/Dm96OcvK8gpM9HEaGEOmUa1q238A2FGFqfVC/xecYPTcIH9r8v1awmkD6FU\nMBICfEfurwFRLhdHdSPtdREo/OZvefuz8BYb4NhM4Qg2+pPXAVegsfjJIS+X\nLjrm7maZIZP7SmpuNv3r3bBb24pCwU7sbGFaF+zIAKMApfYFb3xO0CbXhQAU\nQgCy\r\n=TqZU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d12550a6229cb648f6739f83d7ba5feeaa67dac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.b411e7033.0_1611784941491_0.5284943101903719","host":"s3://npm-registry-packages"}},"10.0.0-canary.a9ac16b4a.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.a9ac16b4a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.a9ac16b4a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f9a024d601871fde11c13446656a4d4c407bf81","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.a9ac16b4a.0.tgz","fileCount":12,"integrity":"sha512-KI/G7D5/KvvLPyLWPcQIGcQ+DbjSFUjr+2GllB5C5rBsdiESlxVkGXR7+a8lkA4UwqE2mg388jGBwk/Rg/DOcg==","signatures":[{"sig":"MEUCIB34NysJxHSuN2L8Kg3jUhpPt92pYMysDquS/WeIPD2gAiEAt8xnuV2bZLuYN0Rrz9dd2oV6E50YaOGcnmjpNGlhuIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEfD6CRA9TVsSAnZWagAAyB8P/RHoM3MIWBHk9NOXsOLr\n4WlqIzA3rKTfUOgKSoYo8WfSHrupKYQqbd63HLGBlmADn03aFngaMcrMOght\nCGFYruumhvO3C1tNpXdSpBBZQMKyvg9IdqX6ZxM3uHxUkcySXrwZN/GEc0me\nwWlsm7h1DOXRmEGjCNgURlsFmxQfxXioARCJz9WbvIqXncBfhTERfBIxdHE7\nWfRzMve6F+Uy8CM422coHtairelrNtJzmQPFm/YgEEcMNCDczCttPBMPJIdT\nmdcmK5tkU3RRasKda+kvAPYFTADPIJfFy15blCpp0bc+WoGFTv31lsaGWaWM\nilrEBQkRM8XfdrPOVG0N+YYWmxSWnrjED9OVofwLu7sf3bqJKmVS0ygyzClp\ncxbPnBTWQWvx/IVYVJPA8Sb2PzYqX+z1qzmqkfZOhG6QyM55837rTrzTgSVd\n0S8kE8h8Anh06cXh4R0ht3Vjc39Bxrru3P/OSORq9xXzHyc558HIBP+fU4KP\nDzuUnBmFIApIZf05ZwQeshlL8fNkr6yJYZIvA9ghGMstHJnUjCQMqE0TUlfr\n4SoS5El3CQ678LisjDO0Av6NWrWGV8bzyMUUEahMwWZOEX5EdabzDo+vCSKn\nV4Vsu1lgAZFC5IDAkmyle3eQVO2ftvKPb7ZkpuTXqnXgdU74YWgYd8N582Nd\njHsi\r\n=nQqJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1635bad405a8d329ac4e844d0a2b5f3bac553113","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.a9ac16b4a.0_1611788537870_0.791478922095282","host":"s3://npm-registry-packages"}},"10.0.0-canary.fec7b42ca.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.fec7b42ca.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.fec7b42ca.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5004d87715ae0f9a69778728c4381714960b6276","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.fec7b42ca.0.tgz","fileCount":12,"integrity":"sha512-el4mQOyZNrpUy/uJ2YhZ0CxHiqfeYNDnvWM+wIAO3PyHjnyK7hs6cRsouYea+QyfOBfPk1o3PN8jSTglHVm5OQ==","signatures":[{"sig":"MEQCIF1mY1jblvcRugMj0Fa46DXVGAWFq1wU9tiZXHwMbyIJAiAsD1X+35XvwSuDw9NzlhcA209HwM+wlqnU110P4PhqRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEwzaCRA9TVsSAnZWagAAd8sQAKCLSgyO12892EmQ5EZE\n2DutIj804nUGnJVXdpZojiCf5n+uaBbwxua8G8ueJ7kAseZyiuwZrAEOA0qZ\nIo/qXurHBvDs3JrQMHwVgH57jfogx4+Agis4vVIePDLpEhJ1PbdZrJ7ePnD8\ndbUXvLJELtKZop/mcWmx3gQ6kpNMK+7r5D3DwIk9b/YnTic+QpVjVSlCXc1V\ny4D1Psa2bCr/ZuGYKQ7HL9cMIqexB7g1tYYs+L/Rxeqe8tBUl2ztm7USdGPj\nHOyAniQUEr0TbPGy8nSShH8Oog1D2bM6pjmQmgLpDMkGXoMkTzf3rBI5HYUH\n50SgCWZkvFZuzHgya9/+OlbERZAKh4kCk2P3XAItxci9tzEkUOU904nA9WVe\nJwTmU3L/R/56cs7lE1DSa3MfG2vim6bmKeuPqfJoc1BvUDlts5pSTS54G7Bx\nExgtdJfibPowXu1k6noM0qI055+aVN+gVWwGJrWoKSaokOuXKDfFIJxzVf5N\ngjBcAaHE/LLvJfE2LpXHTr8Nsl5Mq3wA90G7its3sfcALLR47xuhIjrs/ja/\noQRNuSplyiBHRpKahQJlD1KKyBdeAebRUjjBDe/rvYNBF5aAzZ9lk4xdeEK3\nIs1StrXf0ehgOGNg4pYMQ5Aite1iwTNZiBzkv6F1ZdbP8CoeRv/jyVyO6KUc\nXliv\r\n=PzDQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c05b9618cc2b93ff9a68314dc20c83c691206159","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.fec7b42ca.0_1611861210336_0.29013901352581994","host":"s3://npm-registry-packages"}},"10.0.0-canary.8e66dbfee.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.8e66dbfee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.8e66dbfee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b084e0d7df997c24bdd898b6ba8294944d72aa6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.8e66dbfee.0.tgz","fileCount":12,"integrity":"sha512-1hiofXXZ+9no7NVB1Zo/7zs74+9Rsbq1sqov6aHfpm3NfVmj4Bdo4E5ddScB7wrTDFaRlWXs5/LsCqrHn4sMBQ==","signatures":[{"sig":"MEYCIQCnMC75AMd4TXRxfVwbdxy06m61EldmAzHyxGptDfvZ/QIhANlal9t1IWBW532rBBSLL0kum1aED2VxyX2WybiWMVYt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGIxzCRA9TVsSAnZWagAAz/oP/2fdYW+QVSRMeRI59ldv\nxf1PhaklkcORqZCc3L4o8T8nMUx88f2YDNNykID6pH3IxZmDEyHHu7Zh+h5I\n666DKkfphc+LwenKi2Uflx16ZaFF8qDXMOJzZM6DAZnVEw3WMsHDZSHP4CTk\ntipZtPCnK8xv6/XGbIRZ1m4MX03HAeUYwPJtBLjLPAOgJlZrXdiJrwXUuIMF\nu0ufYQc+EnK46idn7xfFDWmRKzjXuI0S296lAGdJ8QbJ9VViJK39jLclhP6E\nbNJAVEqGLOmWv5u/WJfOfmAB9WtggUfVp+Yo/r8Xw1+V3U6xYM3i27wBj+jK\nyoCiEOYuEsfHoReJfB8VhKVAnxWYkDzAa6UjYbU7mgOKPSRuWAmytnNS7h12\nDxx7slUw6Lap2EkajnWRR3C3RYGtFfV40S2SscrnaKiWqfP+uNouEKz0VoXG\nGOENDcEJ54uRfw4rSxJ1nviINeF9Ro2ylCoveFsKSPpsZSollL07WKLad/wN\nA+gLruEeSCtjStXKFMbRhRYgzIQ1rwtWPC2DRo112YdBst8NupoUXt95E2sg\nX0wW7rGFBvWeTeptZzS9A1P3ptcGZOAluLs3JKdcj8zzBu+I5rzNTr2iZXLQ\nH30+TlpSjouE3J+VTh8d/Fmk6lwo8rBp0W9n0lBi4RHwSEV4trQwVbes7s7m\nRJnA\r\n=/S0W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"63606d4d60d94cbfccb1897812018e02aa13bd18","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.8e66dbfee.0_1612221555273_0.6695090181468044","host":"s3://npm-registry-packages"}},"10.0.0-canary.637d15da6.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.637d15da6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.637d15da6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06dd0b0d5b5f941cdab20eee07eac622c254e68e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.637d15da6.0.tgz","fileCount":12,"integrity":"sha512-fONAJeUQwnfcv2JMggB/3ubkU2e+i/6jzYqZ/cwEvvyED0bE7VJQRndBiH9sjqt2c+BxYkIDgSbffeIKd+PMQA==","signatures":[{"sig":"MEYCIQDt0ay/w5lRcSuXZD6JLV5Bcw5k6Y9/23ltis8dVT7oSAIhANP2t+tH01CCD0pymPE2grqvzHU5wTBX3v61daZ0yJcS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGZ5VCRA9TVsSAnZWagAAUgMQAJvsdnp6iB63ALBYlDJq\nn4hw9Z/bg+W2FSz7evpE4sRpOphxYnS2dHPCaM8fxz5dWfw1w+6/7fIpQTFx\ncIoFHBktHB0uDQAyMrl/ZotNZG0bNTmkqvC21CiW7ZRn3jF8BSNWLuktJGaF\nIEa3et2Ra3vF6Q5z4IAX6XUdBEshtsCR0SifHtz6q+zigg/V8RN2YO/O4yr5\nfgHDGGQP6O0nmHUDxTDBMQOFnF4/lkQdqkT3e2gQSFvGfkAOffWBP4fc54B+\nu4ygeM2v9ZDVy4X41AXt87Q4T1EMgRBS6IXWSfdbjQ0IIqo0GhxAwywpbLzC\nm+c9k443rwTNHXoyZSL7IBAtJ3unVJSYyADEQQ16FXwk9z4796r8J+Jcb60p\nO0ZQNNws2t0dtxPkz6wVZNuZgbjT9+ca6af+tJO25ND0bnmTUTxzFA24I50Z\ni0WhQzk1QzkVM1Hh2pIl3704SsCyW5plrl++owvfQ2DAhoIu6JfWcu0Ym9Zz\nD8EwRZtxtIITUWJ1w2LP9wDn49JQe8sOnMTDoCbJ6JsOLkfc1AKug2s0MZf/\n3p4DNvJy1YoXKZGm/GVcB2GFpjOpdOGyX+DUoRVDDToQ4JpdUgLexEbDa24c\n/Q+qRrf0xeEkmJCU0MG1K2o/fbRv3AN4r4b4bjx3MBhghYuUuDQE/Z7WROMX\n5B2T\r\n=/KkV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"264dfb09f81436a3537d88f2366133e250344864","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.637d15da6.0_1612291668632_0.34811909404192587","host":"s3://npm-registry-packages"}},"10.0.0-canary.fb793939e.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.fb793939e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.fb793939e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0d34f11324410ca6ba4f4aa7c994fa327b613c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.fb793939e.0.tgz","fileCount":12,"integrity":"sha512-YR8wK05ePm3M0lsS1M6Xmo6G19eIZX/2xmxz/VCURYiOFxxvVNe6XSQ3dD0yrd2P6chex+fvnt6JgerTzGkUYg==","signatures":[{"sig":"MEYCIQCPWV9V2/sjYM8rtrDL9kwqQo3zRngkJWghXsC3u8oLtgIhAMknx2W/oxcCnJmNuE0k8cEldJoP1IPGxPzyphW0A/PQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGeMeCRA9TVsSAnZWagAAeCIQAI2168zGzmDwy9zqJ+nm\nfB8heAIDREUdSsnL3egANUNr2L7XQRhjRX9W1Aqi8OpGtRJ7f9mIsdV/R5yR\nDEItw2iPbRZ+ug3DXdzA1N9QqNvzCF65Kk+iARvquHidZH73YivjS9a6r6bV\nI2TnX2nU2c1ydvtKqhdqrMkBfy0Ld73Nc5ZainpUSYUPoOOmiVe8HWkczovg\na4xoD0oMvTqDxggLGQ3VbyepwEQ8iyEmqhnJTKcM8F5k4rBiL9Gjnedp/nDP\ntuWDqYozCavv3CyB3LfBGWkYUhLlgTd7tm79pjEtNfApWK2KlxpFOMEv0cvd\nDOOvdDP8XMtCHh0FFSF2PidIp7soKpftbx12yIQWLtB1ABNoJ/1itSsUMVFh\nPKJPjwdV5pF7ACmtSwTI7BGuYyt5z5lOT6o8sNSsmBLCDjwXZSqCFUUQhEJ/\ntcPJB2EReUbuFQ7FOolmbRCEDi7Orui2Ky30N7mf6UoZXKqvsgh+ZvMRfB0V\nyrIWkM/KdqyGwx6oKNkbXqDvcVyJ2DyV2wDLtxqEck8jfhZum0ek47S/Dmda\nK9VGV5ZzFolPlS1E3Cmy7u6OnLaWn5k8/IkJdMFL05hY/vlrCMgtO1lriqsT\ncoZ7pGqfd1ofwWUs3vxsxIhBCz+MeZW99Hajt0XZUmkA6PGPLZ9nibGp8agA\nh+aB\r\n=cyFT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b89489007d2a0c1f3821bd2291e448d44723ac68","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.fb793939e.0_1612309277804_0.7226575393197108","host":"s3://npm-registry-packages"}},"10.0.0-canary.15a4d40dd.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.15a4d40dd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.15a4d40dd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d27d4d84ade8be17cfba8981c06d08161342f5d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.15a4d40dd.0.tgz","fileCount":12,"integrity":"sha512-1RekzhU3J64dMLrXKtbXxkXy4+7BDMaQn8ITV2Kum7ReLexC6KOfPTtPgFuXtkRy+EdiEp4woQJK00e4RO0bvQ==","signatures":[{"sig":"MEYCIQDZ/ml3AS0dQ69x6yAp/pILCNZs+VCWwhrMhoxjRYjcpAIhALQtYZGQyTtJb5Ty0mJFqA/e8NRozDYcP6qG54WgQfrS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGge6CRA9TVsSAnZWagAALPkQAIc/O9tX7EJuz7DQPwGn\nUTSM7NzsGbrg7WU54fbeHYUnvcjokOYleo3pSAUO75CE5Sn5cFa94+unlhSd\nltFO8wBvHGqUhu2DbqajuARpOMitBeg2yBCqjR1VbHcqDxGos/o8Yv1xIKlG\n+OrlcPazP5WnLA2fIocDdbQeqsbevUS+JV/DYkrlH8djlDzGoJBSBZ943GDI\nHN+t4bBqd6mnwAgvnxceIYC2RxAE6WALt98nWFkNNtmetZcnr7PnV0QOQn/q\n2t560a7Cg1IGe1lgaknlS1TnPlUPiMS/q/V2Sf2MhaBHgtSesxY2YEOgPWc0\n6SWarR5JOhRObhrlg3znbrqwtu8sTbqxxFd8++4wjSYr969Ax7+dlUlSDxLm\nF7tw248tp54rYoLiRg7QNKERjoW4sYSEvhwvq3wFnBE9P2gigo+1PDj1BAp9\n68JcDkhXLHL+C4FEZ9Md63nkeB/kHbNCDdtqIsTd8h5TtDbuLxE+1fe79euQ\nLdGbfw7nUsKA4mHpJ50br9AGw/cpuQU2r35Aylqz78EhC0o5ap2Y2LzhWjGV\neDTFN7glVgLfrE8ywmENN0TX9HShKVHDO/8zybTbe5L/xhrHHgTh8uchlRmd\nUqq+0rIjfccUwmhYMfkeshPNJPhzsv02JLAVm3jEFagN9rbxh6DElrKA3pRR\nd5uR\r\n=WIZG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a6b5f072852f1f101d03fb492c57fc97f7f0ca9e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.15a4d40dd.0_1612318649670_0.21780803619363298","host":"s3://npm-registry-packages"}},"10.0.0-canary.7a003acf0.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.7a003acf0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.7a003acf0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea2bb18dfe596740a349bb1220ee558df008661b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.7a003acf0.0.tgz","fileCount":12,"integrity":"sha512-xEhBibO+GqtSlPvusTMw6dkrmILeaNKEXgPuDbejrmJ95g5v45N2vbJOCP1d3Ftwg+v5GM6CyYDdPSBU04reSw==","signatures":[{"sig":"MEYCIQCHHr/xKk3U/OdXo2H2tE2Csm8Jyf/PP/vSHqh8xNlFcgIhAJeXwm6n/8aty3nzYZhntcr5ybz2Sb/Z5tnIBxKc013P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG1zTCRA9TVsSAnZWagAAx/IQAJCAzV2nFdoOdjGijik9\ndi/e9u47E8E9GelbcZH/dQ2Z5TOKnGlsvIhjs0Bx84GCJCDYmVkKLF7wP8RE\nufo9qU2CUcfS068S8YSjEzSjUqhl8JgChHGaPwfCehGSFfMFvFsGYVQOdLtC\neExZP6VS0qapbKj3AzPozccS3JRZDZNKQ9mQKjw/SJhrBptHFY8gZd/tTu/f\np6G3d9QeOJjWE3nZBRlcLC68gtkn2PrXqMX32/cUx0Ud+Xbnl1KeX0+RQgv3\nqaxjhw5Dpfri3gGOuaFW1tV0KUtG/BTe1gaPB2bU0idCXGXx0WCgtPA1qXWc\nExkpzqFPwBcsT3ZyCJMuPqV2QRxE3Cd6hF4ozxQPA0AyVwfmL0pYEnMA0iq5\nzNmZgOhWybdwVd2OxzK2hroFwG9nfzDKW0dd9SCQckb5qZSRQKmRpIu4r/7b\nlmyiFfePKBlNrnYuIXQtWIC7ZCy6dZGVcwhIYJLV5Ktw0BNKmhqP4brEXClv\nnvf7vIe1+Qwkmq0BXkERAoInH3pYeHxpdF5sTd26+oBdVPH7cbSB6SWROoSO\nwzdGsFiOFXqXjcUUbMgLAf4xOyeurLJli88prNtnNQXuMa+5ftX76CfuEigx\nHKb6kpBOsmbbwjx/kXO+FkiHHVgQXpWpnbI2jeXAb68JjOPl7jZJm5rZMmab\nZdUl\r\n=6gYV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50aca8110f6412e14432e118e1f9229dafb02d85","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.7a003acf0.0_1612405971143_0.3293701536992524","host":"s3://npm-registry-packages"}},"10.0.0-canary.05f249666.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.05f249666.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.05f249666.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d17d156b94a7ae27f5f26c2072fdaaa214fc7be1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.05f249666.0.tgz","fileCount":12,"integrity":"sha512-AZN5U9+UgAN/hH8dF/4/+cZmZuUvI+7hgAB0ROh1hWhhFOq7jeBR98HwUZt5MVOlOzuSlEmwAXWMMspYNe8MiA==","signatures":[{"sig":"MEYCIQC+GtAUlHW24qcZciJW8Rj4zkP9Nyu4wyV2BW0qbs1NMAIhAJ/NXMh/bN5sMjC8zuoH8p8b9BULtkc/h2PCKB6o0nuE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHDOCCRA9TVsSAnZWagAAat0P/0di7/bHg5tEcP0+TEgV\n7dqGtlqCtniXWYpM2MmAm6n6QQLBaELkAHOeLyuHKhJ0kXtmgbTsPFsoOOXr\nuCEDx/bydItB+tNTGxmc47BYvGSALSmavnjMPC5U6nhCG8Nlq27EV0OOC3e6\nx/sOJffYWKkroo8R3qZU+BY7GJ+GnGn9do/R0Uc219mxCC29laN5Z/Ph9J/Z\nie4zrc+UPoI4qk+FSWLA6i0kKqU/Zs3Zj9nVXBcrSh1eMN5bq9dIkkkkIxeC\ndt9159ZdlS0Z9kT6FjSq4ZbZ2QfyuOTT1Pryf+xcAIEifMAWCfaU3moVAhsQ\nxzsKp9AP+/VUu9Y8N/n023yjiICTd/lDsuGPXb+sIIAqx9hmCtFqsoqZOnJT\nHg1VghTF1blI9gDPkz61qbPP6+Utsu2leIXRkke2/eias5pomgxewRkX5u8b\nHozsugDy6Tu1mZLH4tbsvgHQ6yd7/uwlu9O5VKJ7JHTlM+6GAAUU+hhnpFQR\ndjow5Noeaoo1xDuiAqjh746HnwdJMWaO0t/jwU1evGbS/D63bLoKLkQl0oir\nkVKDq885rUbtV+jWt14UeR8MNeSWVT8GF+oHZrsGs5cexCqXnfv9hlZYPIr8\nS/6KkBTE3XztPrUgzUF6CpXTHLgWFul6xy1uzsNQygSS1OBmD65NcVdF2dkG\n2TPA\r\n=XgBx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f1fffc7e905a3d49f007f288c26a4b5ea11dfd0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.05f249666.0_1612460930097_0.5688066411556583","host":"s3://npm-registry-packages"}},"10.0.0-canary.1a3a39629.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.1a3a39629.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.1a3a39629.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"690bd8a67dfe5bfbd11cde49287c6f86a6233584","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.1a3a39629.0.tgz","fileCount":12,"integrity":"sha512-1Hg5Ow62wOUSEvLjW26Jg7nE1zlxIByWBgCKqkkTBvHyfaUzqZsogHZxYFDr2Cega3FzCy1qpRKQafijBRtlHA==","signatures":[{"sig":"MEUCIBOlb/53JPqCPx//FN1rJBnMeCMhvTfl1BTIvox20K3gAiEAzfjA/51lIudCs8hb3sZ9Y+l7GMzW4wfS06Pbv/ztl9g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHD/4CRA9TVsSAnZWagAAWewQAIHaWwMjIJkmDej+c60n\nh8LmA1PUTLR5BLALpZyM11FIILH6fzj8rrP2IFIGcKmV81dv1tiXGGM5vRH+\nT+8zsB3b6oVeDlpaEUd8u4BmISQoANtmgZND7qkUhoNiLgqv3utdc7VbAqVL\nB8bGVKL5PZ+ZyNuTfdP0m3HMXqBoUW3eAKJZXQqQZUupoijFi/6iDVu0aicy\nQHAvf4ATg89yua63/yVVxhXvyIasE/rZWUnRs1D4T2n3o8ys7/SnRItOULw9\nZkuuXR8ihD2S6IhtQSoDMWygsP+3qW8VPClrNfhOLwq/LS0MSivVySsgUN0l\n/xw/GtQWOrQJFnnJjmlQyon+9M6lI92v9NZ+RdH0UTcyL1uARijuVddE95qa\nwLNGY3trZ4pj21FKK8KC3pICWluaxPoUZoZDgFzj6H5+mtAAhpKL0DjOnZNq\nf0/He05HaP6WG1WD0bvRG5cCnxb1N8w0vt5zFOxrRJgVWbcKQcPrDnM3b5qD\nVc4+QD4a4h5foLEmhzf0eArZJqVwJUg67+HCkI5dJpGghR15aJLFN9AJe/ep\nSr6vmCX15TuKSfzDU58hEJyO4kEX4UJYvLigVNVpyCUWUwS13RsatIx897Xr\nGWrepucrZse1prtRR8WvJQDdrX5P5qdFbPH2cmKcyBJ6/NZhdDT8xlE4NK3P\nqmA9\r\n=UjhD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"87d65275f85db5a2c4e630df10d231afaba36449","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.1a3a39629.0_1612464120143_0.22330212764765367","host":"s3://npm-registry-packages"}},"10.0.0-canary.8b1cdb1be.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.8b1cdb1be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.8b1cdb1be.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3dc9b5c25ab9c25643f26fa7eae52b5885d9eaa6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.8b1cdb1be.0.tgz","fileCount":12,"integrity":"sha512-tPtYDbQ92EJOOqdD+g9fzT59Kag2seLpHTzf3H/MF5/7TRAUrpCdE6zHBu6U8I8yLDdBMhBWkAhutrPMAuO66Q==","signatures":[{"sig":"MEUCIDupfV/QlTEfLQApTAeMD2ZM74mgSkTepK0T5V4aokfhAiEAmLyZ/EL2xaUgiQOiYdwq6uywVLdga5/qBedokQn9nnE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHY9CRA9TVsSAnZWagAADvgP/152i6rBihBWo5N/ItqX\n7nt2N2UlIVZH8KdZGKUaLP2AkcLhimdwOMtTwzGudNPFdDfEHE/89M8XuPZP\ntzGgEbatcsE7myGLs2YXs+C9WtpWxTIjZ6GEAYjJibRldubMFxGNKe/tl5+T\nFFXYz8E4LMNioT9B+pSL8EPFiAvYyJJF5OhPU2m6yRW6+sBsWQQTL5HF9+bO\nQAi47VRq3X7w6KM3aU1yE4Pj9cLqWmYsYzg7+iLDScanZK1HHtZqwkCYBRyu\nwEBo/jH8h57juMlsvkK7s/b3ZXEfq9CtBW3AmKQ5Gb4i7uBBg1WUGRL+2F+X\nuanGl1tIJN/Vp8asdy/1G290r0voT8pJm/q8FxIOiOiaSjRa4A659J58zTAw\nAeTDZFJBpxeVbEvrBTWq7HM1MMOPKcbD7dant1yA+x1irgIpACM8rres6J3u\nk1uk9X+LXDLCW98ju3rcYov09NxO3WFu4fyZAq2MZ5UR0wsbPC/YnBObfjuX\nCsCw+LICxeyQixoTTXcmXSpGtPApLFKUlnR7cnxpXrG3fGmBa8fYEdrDbdYi\nFc1g00oDh7pM3Rd9rAfcPHwUIPgeQVOG/lJPXxTdbTpWqdZ7KTQGrHZcfzCH\nCQyXI81c/NO51+W36zuylmihodl/WgPuL4Y0xPelUAXgY7XoWgD/3lnZpG08\n08mV\r\n=pLqT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"73f8ad23c72c2fe32bd1a9e5e102b6aca8ce21d1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.8b1cdb1be.0_1612478012940_0.6606044647907932","host":"s3://npm-registry-packages"}},"10.0.0-canary.8271f00f7.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.8271f00f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.8271f00f7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45b2e11e432a9cb11bbbc787db8bdd95d91248fe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.8271f00f7.0.tgz","fileCount":12,"integrity":"sha512-/WBqTjZs59/ilung/J78Hn3WYd5U/TWzbeFhXkbFTQ8+57pBWxz5lEPD7NAhXSzbeQHV2vFw7+bzq6vQpfe63w==","signatures":[{"sig":"MEQCIFFnMXt/uDznWpiAulYITFrwGSfPbn/h05AEyT5qtd21AiBUu6jErfp1gk8aUVjzrl8QqvkBFMVpBvOb6EXii19Daw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHxUCRA9TVsSAnZWagAA3PgQAJ1RakDA0xfSl1gt4ARi\nROWo81lHY8/inOg6Pyhl4Idmnh5oZPFC+r35wF6AWMwblsnfToNjjo4SHdCi\ns5bJmaX2cZTAcCiWKdDY952ybh8yH7s6hjxN4WWehdr/bR4T0bareLJzxrgW\nF1ECPPHcYedNM8eUbyCzMasMvDfuY6xb4G7UqP/yEnu58XJGlG5ebzDuMZ/O\nxOH7/wAQs6+mCP7jXNJm+fdOqRW2Fpjj5dhP5w7yCQDyHRlIoxKbsxXmbF4P\nsINFx2quVvnLoywxuIzOv1R5GlqQRcsFVqpUszqTEzi3vmi5HW3hKv/VOPQp\nS17PlUPwjM5wZ1EbhgqmHnQo9XA5X1lt7omRwlcmmSojd2oCtfIPopyZ+tB8\n2WJsmI5lK91D23ogjbDvdsRyC1uAorT8x7I8f4t3KoYrewGN0yCK2REWKPSI\nGdwbghUHmRyHemB1txkP7ZEiXXfbRK+6543V2Rp8catMoQGtApwhkYEszloo\npULs7Qp8aiFF9U03h8s7TUuDzobgjZfH9W+ZgskQWOtQ0J28GsXyrbVTPUVJ\npprNXatmeCS37heLfVGT3xq2RErpR5x/hxzbRiWfaDV2jnUjq64SkSQD6TYT\nRgoxvL9RoEPbz2m+WYl4TIVfZzuAyIG7TnwLybJCpDRwwdKRWaO3Fuj7JAab\ndUyK\r\n=66Dj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e210c5292564fea23c9cedf08acd2b8ecf86e94d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.8271f00f7.0_1612479572270_0.7071444552909107","host":"s3://npm-registry-packages"}},"10.0.0-canary.533092a90.0":{"name":"@material/feature-targeting","version":"10.0.0-canary.533092a90.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0-canary.533092a90.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a5d51834f19ca180eaac9e5fd345d0d848388c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0-canary.533092a90.0.tgz","fileCount":12,"integrity":"sha512-S+jRVQgFnhExZgWot16T8goWgVTcvWxfPMsosG1lTN+SGVGrNBWbN0vsSSF2npwwQiE5G3QBwNs/jCGkMTaU/Q==","signatures":[{"sig":"MEQCIFWdL89sniyWXKCD3dhlVjIg/G0+j01CHoHcTki0W9l2AiB7faPRnZCiNmFdf5QF8Ti5YcX+/p0u/8403wrlYbKwgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHL9mCRA9TVsSAnZWagAAdU8P/1TWtydg/a4hMXXeUYQj\nV1fByrUCLj69v1wGNmI1AYPNYcCRN5vOAmVjqsv7Nu1scAkKOdXL8NYIMwR/\nNHnEPi8Eejwt9vEm9OIdWcZmohvb5gw2jk71EKaHDnnilQMrpicBTCulE4eU\nrS9He/anIPMSLwPyNIW7q7Lm3d47dDKJXr3tPwrrV/m79IadGJYdp/5L0AKo\nVX3eGixdd2Q8oyldehAV9VuvYviM+J/pH6P8aQOb0InIu4//4eE51GetALQ5\neS5dwV4KVZG6SPRweMe7/OVwFL356pZlQiHfs6sLVtPELkMsiOyCzGlEk4x+\nIEfI3ZmxR7tn6/meuNGYHcLhVi688pNFYI9+QXT5ZWly5QBXUB243QVtCCPJ\nAqw2XHyQyXoINRC6yOE+YA522Ar2fZPRUV1Y90Ldmr3TPorJKLJo/gebNEpZ\n3Tcrh2AE5ISmaqCD6ifhEt1mmYnTPJU62/k12iD2qhiNrK5OyNLRYzFQiIbO\nGUInvEcrQ+5d1UXo5PbY5hmBAOviJi2U4RrC5xRnWPgKbqYlmMHXoU9dMJiS\nRctwOxndNm8396uRb/otYmJHuBXbbBTryGx6XlDKGPEH7eCr/r1vG3Ueew+a\nOK/oxQ+4USFlucITgO7ITiBLnRfZdZEOzcRUlXkvRNu3dmB+HDTkJgNDMcp0\n+9T3\r\n=MQgS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f76aa244e85ddde7348716259e771c739c09f23","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0-canary.533092a90.0_1612496742507_0.7367862091121951","host":"s3://npm-registry-packages"}},"11.0.0-canary.633a9fc7a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.633a9fc7a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.633a9fc7a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16b56d00d384e36dd40e24d0f63d29e8290f28f6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.633a9fc7a.0.tgz","fileCount":12,"integrity":"sha512-wHQ3y4Irz4lU7n7AH/ETNR+kkCSc/Sfd1cz+QC5Io6zIIxiWYnfxwyCVYCzv6jYp3kcdBYssoI2Y0+LaFAxhAQ==","signatures":[{"sig":"MEYCIQDXPUV/ALBGhy+hFpKzXIvKyuylehkO2qZAvy/CziUT0QIhAOBRrb06GtY9MxiCme5xPPcTyqs525nZ5FfUxgBt8SIM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW9JCRA9TVsSAnZWagAAyF8QAJtt3QpwcWdCQOjxpsCY\ncPsqyfZljBb6I0AAD/2eBpxMAUtVdnNTcaoOUj93VseAqD8rn/mDviMyskpD\nh5LH1qktfkRHAdMG9Nh8r4RfX9UOPCJx/x6r+yNbi8CMhXIoI1CJqYMg3Iah\nWiI3tfTgWapa1dsx2KQ0kA1f+ix4dm3TkHjSdKrOJB4vD7cpdM8GpMWSuQF1\ncswtP2JH7ThK1FOvmcHLLxke/b04ThWTWTKm4EBt7T4iU7TWdw3Bq2ZoK4Cq\nGKkN8j6SiGhVm2sCdqsEjMnE8OnRvAOCxNk5fGHuHqehxjf6AKSUfdOUS67b\nx6JmwqRssl25cxAH2yFwy9iuiI/+7Ar0w7gbnstl37M7JglZ+ugh4VyJbbKt\nKXA426263gF8msUrO/dOTYji6VRGijjF1c3bJcb2tEfQoSIX+KpLaojJlhml\nBTk6klKyPOGbqmchWViQLof/InhLx8bjL8ASqDUNLnkBW5gBX6qCwAoQquVK\nKdZbmwcSXGmZ9N1u7XYlw6epCO12x840vAt+iJNm7rW5Woy/BkcpqCCXn9qg\nHsm20WSNEUFYZ+67aGnLGLkQFrTAJfAqdwuoz0azMYjCPRLbN9aUhFskTtru\nu9SOQeTvqXaIg9i2ipe6YJ5uD0sJmSGsXNM/Nq3AsjF4ZMDv2qN32wfbeJzi\nwuqp\r\n=FNhV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9fe28e8829bc50c384861e340d551c0718dac053","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.633a9fc7a.0_1612541769071_0.09650194330677486","host":"s3://npm-registry-packages"}},"10.0.0":{"name":"@material/feature-targeting","version":"10.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@10.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6aeffed7c936af22c5b23d9b75431675469ce4ca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0.tgz","fileCount":11,"integrity":"sha512-Pn48jeeD2ScMq0NoR0k9SeC3UFOOTarKNIYxL+TkFRLGks/TgFoSIDRwXCzva/9umw9/Q2xOWrY/Gqs1zBIgOA==","signatures":[{"sig":"MEUCIGh/zDPUOPym0mtZVddXBXOe7cp0dHRCiOZhyB++wuQBAiEAqGh+2lkPE9BuXG4ZDceANet34TmOMnRKsU5Pn2ats74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15882,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW+QCRA9TVsSAnZWagAALX8QAIdSk7/D8eETOUkpwGVj\n9ELXRBG6Io6yUU4+3IksOIAIEqLbCbgjHv/mII7i0RsqlvSiWjj0+lpaVBv2\nYwTXzHzLIKI4BokseEnyfms4RhfMOV0OHfg/KYgp9e9EBoVLE+EWRCa07ZJL\nPjyfNQnmuo2RxsVJg40OBAjp4iL9/Oi4ItSfAFSTPmXJmV01LV11Mg4WelVT\n/rAd9oUQOYqRz+xXB66aekbHz/fGiG83l6ZrazhB1fSUx1WYNQIOFSBcsc4k\n6mxcdKWMPF1D0rwSHvi/wd+Uxlj2CHyRPk01jgWWmVFl7KBw1u8oUWQPoBKI\no6pKKrn7QC3qQOskP8jr0BNiE8UNSp3px0kq0QhNV9gMu8W9IaEufXKGdRbx\nLbMpf+U03+Tv3aNYTwwJuW03xWN3xJ8KRq7t8MiKe7pXWDK2Frbir22lBqHP\neftkz/W7cmM+dWgj2KC0H/qkXPyA/JPfkemOTCGxCDOCi612GBO9KvtI4UMs\nhmTU8rjxeSrwa/U80PtKmxEyrcFPTZu6yPZdJhtzHjLGLHMjFCeN+lT6NSW7\nb2rYUs97S48xJdgbEM5wHRwCTJFXl0xf9+m+6ZvgisEmyqNFk7Yjj4/ZhJiA\n6GYIXOa4wsN1o4r5U3CYpDDPmRtj0SpRFeSmMVE6guHUhx45XVHYoUsA01fm\nRCiE\r\n=nqrf\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"633a9fc7a98d0d9bdc177bc9ccbd49beb25bd5b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_10.0.0_1612541840364_0.08834755358029556","host":"s3://npm-registry-packages"}},"11.0.0-canary.b5227247d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.b5227247d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.b5227247d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac1d4b8dcc426ddf09fc10dcda81d033cee4ddb0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.b5227247d.0.tgz","fileCount":12,"integrity":"sha512-fvoXyMmjW+7i84SDzTVNGsjM2ZqQzHdcruounCZfrpTL0sONy+t7pOUrKUfb/TXjyj+PMOjmVvhbSMbe9i0IOA==","signatures":[{"sig":"MEQCID3TS393oaV9Q9CDQF8GXmiCdLCCwAKXvGxiWRPtkPjPAiA88ZCHoSFl31Xxert+4LqRFx2wp18PRQ6yR7gNXUKQyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHYMhCRA9TVsSAnZWagAA4JkQAJp6hKDz6zuGubi5eqJB\nQap8hzmQo0tYGoAxoaF6rf9a2p64Cu3thbRNUs0v0duZCMBvaPj+DZwnoBed\nGJjUgYwjBgBKsfMS0sFwv6SgoIR1aNabP576BoCvOy1AWJ9QQVB0FtTtDgwt\ncSxWLrwv1P9KTp4OsUECoy1+u8mUWso4QYMuIp4jjg4trvHuXRM6xv66gE67\nq1IelJFlGdrMUW93KH+ZKC6nUzX12f0lKnu5Hluqf/yfGk9jzq+0A3Vq18wh\n51pU8Ydku6jXV25MJq9yw817CAluQPehdNmpjfL4cQvo7/K+ReH/bINz4ka1\nH3WiuGPwwRVOT9cwpciuzxLhUNPluC8uzhpM6ofiM3WFKzFuy9ae8b1p8F76\ncTWD8vbB2MdAApnhSZukDbB27A9ohbq8k8CyTYGMMpueBEpkZmIBPU0rDqMP\nYRv8m+2+9Pdw2g3mYdx4X0GNyeWqW6XocJqZiwg72Y8uH3cKMyPpKCxUNK75\nPOiGmHSNfTpzrv+SD3Qo5T8fMGiFc3LKoVMrXv0SisjGbPafheNCe7tTGYdw\nwvsOxvC81uLcNCADWosdFNQYKxO3uO6rT8dqDbIFJUNTYVUGHNt+xJfHjQDZ\n+oHfi1oO/PkijmY+5c00CXEHkps/LNi94S6rdDFh2vgGimkabJKxA1v9P9EV\nQIxR\r\n=+fVv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f733c52a8cabe9fdd3ba4c35cb19e5526d8b312","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.b5227247d.0_1612546848806_0.7893517695426853","host":"s3://npm-registry-packages"}},"11.0.0-canary.95322b11e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.95322b11e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.95322b11e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54b2ef3b1856b1b96d98e793e6aa1988b00dbd15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.95322b11e.0.tgz","fileCount":12,"integrity":"sha512-6o1tGZdzgQhEW7uR5LphTCPQLSs4x9Fyxhwbg20uMcpC3t3LTkAfLBj172cx+ziaTrZEn7CBYlV47sl0YLY0ZQ==","signatures":[{"sig":"MEUCIC89A3JgmHPpMX1aVmT0m2eIbzAhGRRjELCr7gYUwpkjAiEAvVlQHTRbCP7j+WSVYd1FntLS8sZxdSwJ7skLHwIXkpY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdUbCRA9TVsSAnZWagAA6OcQAJWgtf/Smo4bPA7FaYdU\ntf1oKh2YzA+4NjVO23eOEIEqQrKNdSKEYjjJ37Ku3SHHCBNfFVhTwaahqIFh\nEc9AQqay0wM7U+x1QeH44G3x3kfBnKs06xcnldv88/MIwbVhqZXNv5K5InYY\neumH992FZyJZczWNZeC7aH3jInO/OM1JRL9dTp7vxR6YpQJealriqwr6WujH\ngvj7BNaSfyqALFUm/zfhOf4ZkPsHOWs5FmecBpcW5HhxTPr7zYDT4OP0HS1Z\nwOJCUWGKdIazni3GBWeH+N9WpjmNMyJ5O3B/eKlR+K0b5w4YwLqKo7VBvnqX\nartKlDbIx6V6b2ZfTWd8gFVyM+9GQ4IBT7xaoSMXjew10YgGeuQtSH5VyKlm\nPXF8gyr+wrSj9PPDwzLI6GHfwXGUxgNuO+qy2XuuAzNpSnJktQ30UTZYdDmy\nl+EflDqF0p70UFqRIuAphOFgnJU4NEvJPHKDT0bhfosOb/eFkBPqd1uw4bKF\nu2xYnI+g2sS6YjYRarAN0CGzSphqxqxSeAui5IFkOxjvrr8k9Yh858UpeLxm\naLuXtqHEP6NG553xVunEdaSc8BtaXxtlbpcdU53GGEQQcFVfT6t0Ie7ApxPu\nnNL2n5fxB/E1WOUZsIpQasRs3UKHOHo0tgyNHjy/5dbc/FfVvTqF+TbZResU\nP9Cx\r\n=SeNi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"96cbc49ea4bd39eb1c275fdae68b6bae32b59ad9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.95322b11e.0_1612567834930_0.1965788072692678","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f318ff0f.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.1f318ff0f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.1f318ff0f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b7a893fa06058f4bb2ad3bdea2eede604537980","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.1f318ff0f.0.tgz","fileCount":12,"integrity":"sha512-ZOUApSvTYqK2wqkcW7+zxtmXGvjkxXPH0h9Q3UUFYa90bYSHUHW89P4BqxSBQmsDjxyHvPr6DFJDxckOXracIw==","signatures":[{"sig":"MEQCICcZBFZuY2n6vqOIrnieRZugywZexNFqsDq/b8NSNmC5AiAGiHoOb7BEVzJUG6Pi7DukcWsE/neuCJQ8nBAtYS40/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdzjCRA9TVsSAnZWagAAaMAP/iym5orylJQVqocfat6P\nU/MUbob99FPdEF2SCZcZZuomnFpkZZPA5jsKU+KAcv1wJsbN8gu/N7b5JmU0\naVML7GrfQrwFJLgTjf7B5EptUufdGSVr+iQtGc9nlorwwnTOi/S7Q2MJ3UVb\nU4vsjB4r6IT2Wnn6C5iRONnSEPeTyjX7sz0pZY0P8FuPYOIWjmfU1u/sEWFT\nB91h4wltZyhoeT5r01oDLDTAhab/pm5QCN+AfPb6rQublb8Y8vN9BhXpA2Gz\nFQVW8+pgDVRmxLc8YTRCnUks9BHEazrBueA60BgUNFG3M6jjrzbooznV6gEN\nMw3iP/eL2vRfXJdb4MOlw/wMY8w8F1dsLeB5gz0l93lF3i2N4+ehGJ88scy5\nKkStBj7VnZrzwEaokdP8P5NE3kDzkaEzNg47rnGE3habp5/Xvqohz2CK3YSG\nb0o3xaYHej+pZX1g8lcKgSvvrvZa+1lPhVHit53zMA9RuV14CIv1jrhNXIiP\nUBYbd8TGgyM2StF5O2S+SAcB51eigNF3AHIW2NQ2OGDeazttX51zexRQowcu\nZgTKFZ6crkza8Awq3R035D0U81wbpQAv2pDpMglCUBkzzdTg2BcVMzI2++DA\njYgApM7b/jz1dH7grqLVr7kskn0mPrpyfc730g83WsU4Yd4JpC8BEH7bWugC\n1Fxs\r\n=05Zy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fbdc53421d5701ba23a43e18a010bebd179dbae0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.1f318ff0f.0_1612569827418_0.981953488828154","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab12cf7a3.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.ab12cf7a3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.ab12cf7a3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eef3749536b31efa54792cc26252acb2a341746a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.ab12cf7a3.0.tgz","fileCount":12,"integrity":"sha512-f/KIQJlz+ZGC3qxo6WA2I3BMYtZ9FanpY6b9tWfvAq99dx/Zlh9w0Y+v4sWnPBhxXf+ejH1qqJZ8MMClehyCFg==","signatures":[{"sig":"MEUCIEMnRuaQE9Ys6l5/AN8KWXgxSTg+mKPB0uMzfe9c0DbqAiEAqVGyUSmmt2kKpcxzknV7DhTrCr1rJ1D8DLjZObnUK4c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVJcCRA9TVsSAnZWagAAc90P/RyfsFcy4T0Af6NLh/tA\nFu+ZKu2d7flLE+wzuBn2HJ9i5xcwRllI3uBKh7dFXVtLC1+InA+7YFz6Kma1\nEKKgtjmZU1s+QfwZk1JS5+eebQ38qKmf4S0HeXXEdQbVWtVGEjNAMZ23SsCr\nByQg1Ru42HprtR4y+ktuB7K5fYEpIf8H0BFh7CDY+W7SLzN6KTtH47ywm0Xq\nCSZ/+HftudEhveCllyYrufNbDDVs06hEmqFJR9fGYedMq+BACNQHqxFnEjDt\ncORBHu4f0UxRwRuaMHntJmjQwxwXc4Q5KbITbzoHyOFjGgBPzKSvt/Z72/KI\nXEnMhwfue0Qz1bQBEio66D7RFTjiCu6n+nf+UEbznOMp+rbI7G/GNvkALM+Y\nityBhXTTOrZVoNm7VTaUC+pbVfxlpEFIf1JsQNgUJ+yKHZjwQ85fZ9fQJ5Sr\n9nAH0azoa06JqLmhfcYVfKa6TGkhRfxuAkOBvY+ggP/9Z18nDtPWbsel58m6\n/QjsOwyayg/8tDJbWFxwaz/OZtVbBLbIeLg0Sm11phTlHIRSAmDZGI2gHrbO\nYJx8OhG2dwu7cOgtCQxZ8Abb63O2/f2YcoUaollUN8S44eHjr42ei9Mv/+n7\nCzjbpAxy9YU88x9EE2yjKx2BxwOyvSQ/D6cEG/WBUi5/4jznZZWPTsj5HvfD\nYR2g\r\n=4/SR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1cf52745607ed664e2dca58a230a3b3849aa273","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.ab12cf7a3.0_1612796508035_0.21653387255647383","host":"s3://npm-registry-packages"}},"11.0.0-canary.98db2c5ec.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.98db2c5ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.98db2c5ec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17b612f17eed8b89c84389c29247966698e08a37","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.98db2c5ec.0.tgz","fileCount":12,"integrity":"sha512-UojrZz3Zcoz/DBb+OMpeArT28azkJuN+yUUnuh27AnEoSWGiFIn9JcdxNyyDP8I2qVYUhT1uaIgpCk1nQfSw9Q==","signatures":[{"sig":"MEUCIQCiacf9Bd0indd9GOIaDR/FGHKZfKrK6Zk/9ixIjIVOSwIgYHFlyQuzJZTe17JptpzJ2adj1kGj4r2mlxO0rDOkR/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVmjCRA9TVsSAnZWagAAjN8P/2YmSnAXb732y59L4c0D\ne8Ez0ZSz7O6wQkXrpjFXEnGgfofom8+30WIX7JiQ1+kFleqCxbY6FkiNhwmo\nDFX0Jv+98Wo5NkD+JW5+dEZryAY37RedNd5KV0/Ej7Ml/WJJONMyGGVaG4ys\nwHIiLzHa7QMNUqug/T9T1ojtbBcfHL1p+12l48e0T3LzlH9bIRNvfUm+hgv5\nrYffHXTS/3Pf+mtn2/lLrerRbELI0vl04aKH5f9rPeADAtrwZB4kmnj2G989\nsueUe+N8eQKnEYvhJm9nd7NCh5js4zvKN72zQ2UqRTDol9FXrj/cSHyqVjZ3\nF3QCzk2Xqw6OGVK4zxTUb42AFnn7gzubN9jEfRmh8ekpSGp8YCqqA9rLaLkc\nR01ZsX4YLLKO1ssXwNBV7Z+yAX+g3aAC67lsEfoIGU9IJ9EQpLWZj/JAmXFh\nTNShs3Gz/6FmUPZA8Xf3KOLM4hfApzvUjNiDYLZ+CJtSisUaKz4iTWY/Rxoo\nT8T6Y6glPZ1hAz7KiF0fZW1+ysVaKyuuTyMo+6RZN5CdVAoOb6K1mMlMp42R\nHHTcmeAbCZ1Tsft+95K3l59Glb7RG7KjayAAHIBZXgkxX9mJmk1MKCmzWvux\nswjXdUlWG9PFEeFx2VpX+HMsbarDZem7x43Q1mqr4Y1QmlNf2W0KI0QLDiiW\nmmdK\r\n=84xB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc1b9da2cd7b871fe0f5c8370793e0ad9b1a5f1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.98db2c5ec.0_1612798371194_0.31879805510862136","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f86b9f6d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.1f86b9f6d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.1f86b9f6d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d7fb7767586102520a3ab97e48d287b120f4aa1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.1f86b9f6d.0.tgz","fileCount":12,"integrity":"sha512-7ABGFECEka34NOT+2UrPfVbzKORh3GJLhsGbBdSWvIyb8ZBtxQdKbuHMc82bnFuxKWr8iZbr1WJBa2gBp90ehw==","signatures":[{"sig":"MEQCIAizeuoY24UBy3j54NVdxQRd3xBNy1yOVvd+jri2ONHdAiBrXKKW8oSxeZvjJNPjOd30DtXg9LnlgbirXQnF/bBJZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXHPCRA9TVsSAnZWagAAbfYP/2GEZoez0XotQzQs/ift\ntV49Q6ISpHHqndP1osS4LPXZq0ZQUOY4Y4W+OZX7DrR/tvD2rbZRU8pg2dt1\nFy0JIsLTXvjkui/VmcXiMC2rlAJCqVpoO9woe3ILmGDwncFhv41at6oDLCTz\n0QqRQvJXFLJ3Pbn0K8uv9mA3o+SLW5/wPVl5u+Lh6uxj8qBFKdOaVIznpsnH\niTlZKDWCwSUYOvxpUPXyE0YwfBo/9VLM/hdNNSwc5rZPi606FXCPGSSIIG4Q\nri1ngLgpXsDBFTOgGrTSCuZbvZ9+ermoetGG1PsBqvrqp+f48oGnC1mTMi49\nzdlXzovmGcJjj9oi9780bGe1H+pkHmPEyA/iW9Mo/BxPargNLBSC0nZebu2P\nDJkF2G4yS3tec3JkOujIwOLIDLnkrVzoj2eUVnnhp58h6+UwwSJ006zvtmFv\n3kVtm12xJHx5SOU+k/APfBSE9sV+d9knwAx1a+JkXiFsZ8Mwy4yJe4SZ3scV\nH+c6jjXqqZChZQ3msewdyPvT5NRQ7EnGuIc8aQ177Bpg1J10EeC2BPWVcB0i\nExbdx0kAzV8GMuLdyWt0wMEbfV3r4c9/c+/g5D5u1+dQCu2eo1dOZHAfly2s\na2Rb3xaJXX/2QTLRzTl8IBcBogIhA2QBcoHKJSvlWBDjbIAG8E7trkrOx2OL\neZz9\r\n=5wro\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aff88a7d3786743558ecb0dabd92c225698d2b93","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.1f86b9f6d.0_1612804559350_0.5015083739599222","host":"s3://npm-registry-packages"}},"11.0.0-canary.aac8f5d9a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.aac8f5d9a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.aac8f5d9a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c96fa13bf139c2d608b4d56578b12dd4f937813","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.aac8f5d9a.0.tgz","fileCount":12,"integrity":"sha512-JMTEGJBXWeSsPPH7JoxzhESOawOVqgh8aueiRXoYbw5s+FQ5F5Os0QTUekHYK+w0B+KucUumRAG3j6YwXRkd3w==","signatures":[{"sig":"MEYCIQCUi+OUC7slJRgcHYi3AJfu3WG8zgYEom7U32k3ne01HgIhAJ6ojtR2BfU0YptAE/MrMYjVgndxvBCUMb+GGqdB0nM1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXvoCRA9TVsSAnZWagAASL4P/jr6grjx0SwLIvBji10G\nWKdY2kmUCy5UDk7OY7Vz15+GkjaIuvYE5VN0yJj2QhodIWIivoPYdYUqUveY\nH0nNrg//t07parqOg5GihhtFh/zIaCbSR6gfeCpawhA55dpFRNwOXV5FiUci\nCOajHOx6AFo8PsvA1Bp8CJh5yoIPoYhx2Xz99GxHCdlQYzaGZJTEV4TQrgeE\ntvR/SkvTmFMNJ6+rm1v8QMTif1Yc+kNNyf9/zEYOvIIsqZndtCEdlquB9Hd4\nmkV3K14wmuSR1K6StSAFlf/lgOSBBDl7L+lNOCl9asXxpV1nCSzenb2fLw9S\nXk/ehbNbz9nrt7v6r6wZnzJ21BJKUeXZ6pKcCejLlMgv/FGkXXfwCeF6ynWd\naij+1EteulVwTl/fODWfwkCKY/Dw2wofanwXPV6rz86PGwjYP+aKfNlg0efp\naVdCVfYpZd+XsxOQAT6JUTIyjMvhWNw8XhKwuU4fzhTskuQcDpPJKsGVo7JS\nbziyxsXIWlnNHN/kh0s1b4b0CW9J2b+xQGkKGrttdz6+c6J2qSYTkkj37pah\n8cbJt/VVKuqhtcP7ow+tccsOmIuFtWzxoY+x8esJTNMdxobdzHuQGIeOTLAg\nOP2V/jYgHIEAlxwpmYSYWdtlgGDdHB8w6nGGBdKX2h+0d8hYqfwfjlAJ3LY2\n0myd\r\n=ZgDH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5accfac22392cfbc1035dcad920093851b33cc79","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.aac8f5d9a.0_1612807143492_0.9843953356639836","host":"s3://npm-registry-packages"}},"11.0.0-canary.750e18fc7.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.750e18fc7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.750e18fc7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"704311d5227ed11a69ae229cd30a6d915560f817","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.750e18fc7.0.tgz","fileCount":12,"integrity":"sha512-HCHkEnTB60h8DSEbwP/ulkKEfhPQvuUk5i6OjIYoBDUtQ4TFRzF4ej8Dr/LuEePnes9JiGc3GP7egm5W0vAz8A==","signatures":[{"sig":"MEUCIQCyrSGF8XYU6eGFxc/2YNOxkM/kMgYLNzLm4H3tqktbXwIgIPLeQmNTHnOh/tsTGKkbCO+ofpmPkUy1/4uBqmueFx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIa+8CRA9TVsSAnZWagAAO3MP+QGui7Z9vKQfLuAWTCVq\n2iTClfXAYY/wHabXtdkKVQuxfmLwVSGcbbzJppPL7x+RrhvjzLn+QAmiiz8p\nQ/c4yb4VF3rcDGgVOKVI0rG86nCkdsSrRy0yEOJh81BOQ2Eegk47LzXgyaOb\nhFiU69HtsRM4D4aFbI0zerdwmPSlXDTZPQaP4JAqtckTu15t+EcgfTI8ICeu\nj/4f3q5HIfSsuAyB+l3WLBDtKx82HHRbk8uyClwxNn4FdAXrfJfuepGZPHqC\nedhpOqBbtOXD71Skq7wYaIBUZtBnZGp73Rg+tzIxwHp56gCg9FLnLMpr5qXd\nrrlF12CFZE9R5f+VvEE7SMsJdqeGXaWGRQxphcEsBr+oHI5G4WVduD6vye2B\nwuou7Un+7Jpt38uQ1I6TA3pKf7Q2EXT4FWqEwdf/wo09as5EPZqczyHFosFJ\nbvCDX+QnreVi9hy8G9s5G4K1Yr40DirlMxCp3c5VNpCR1nuN2sKwlJ6bT5c8\nGwurJEPb057kcQXmQtnLboQt8t3R9wTrtN9hoN4EgxAQMk0B/jsuytWAFX1M\nmaeKCQs7yvFoYNIEIyd2xc5ePEqN2RZYV0aLIQKPZIRVvN44AEanyg+udmFK\nSstE6bz1ou3GaOtXASETyVmAL84CyNF0FMdoT0Sv4CKlEk6OakWSBt03DLwa\np8Ij\r\n=AQgO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1bab3bfc895c50d4159c7b24b69d3ab3a7eb9e72","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.750e18fc7.0_1612820411629_0.4931363228322736","host":"s3://npm-registry-packages"}},"11.0.0-canary.b62b1266d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.b62b1266d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.b62b1266d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bb25ca3069535b5424b70456006057497acbeb4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.b62b1266d.0.tgz","fileCount":12,"integrity":"sha512-Jg4UlE4qmTmk9S93MVorD7lWDLq1pSxCoIlTRAo1l+RTIIZ9U7GHmDsC48PpQ7/EqtrBMk1r+kSeg28H0r+a7w==","signatures":[{"sig":"MEUCIQCA014oBXee3accG3Wxhk+pduTbTKGaVWd+lOSOJG4aeQIgKRznrts1UIYEeB2bXkV0gba+gTYGPgPcfAKA/pQUXcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwPTCRA9TVsSAnZWagAAebYP/1slzNhW41VY/ahoVQLV\nGcHFlG5UB9tF4gpwGA6WDGbebu+DfqCpeBIsr240MtiiZ0eSpQiRjw7q1AUb\n8aJ+BuJhEs6+I6bHlFzW88lfsMd8K8AUAOvXj1bmy/dHdfbRStikuh0k+s/h\nP3r4xxxR5NTIflOhAfWqWu1gP92suM2wrDkomQBHiwD1JA3sB3qb2M/Fgp+5\n4hStuwRRxH/+KD8wdIiof9WfTMWEejZoYQ9SPX0nLoqn7keJq+GRGL65y5wU\nk+GqJ5osB0+YgRQj2zhr/MiaPPw1dHCJZVMlbaJcCzuBii2HQGDlnA2QGzfm\nnqVcvlkpicxWC+r9ef/kBN5VS9XUpPaehQzTwW+S48Kdpjwf8U60Okg5sJAn\nmPxYs1QaDexyz7KeIQLXcLeXV6uYRP3aCZoiOLFISSdiMiwzeaUsrc//fLQS\ngTiZDnX+2lLyePiUcYB2TYloXyG0RvDuRx2GNaYdYkSDndKSrro4oh5gp0gw\n39acD+UKRAe3SEVCis5i9gVbrpe9MbrwpPvciInm8Gw91/N0LYU/TFKzUmN1\nysebiRiZ+w6QCNYt5Sh3wWYiDCY8oIyRaiAdXDb3dkFYkGUmZ7v30Dq8PPWd\nRJvtXKTfpLMKU8RVS3KaiFHRO8Oj1tj4A6j4JiAH6sWzONkMZxp4zqPOW3Mv\nDa0b\r\n=/poz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2369de5a28b7ff8c15bb5f1b2ba96320e8a9126d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.b62b1266d.0_1612907475329_0.01678821104410977","host":"s3://npm-registry-packages"}},"11.0.0-canary.a6b3101fb.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.a6b3101fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.a6b3101fb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65b374b2613b39a557fb4f7b610fb128c63af810","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.a6b3101fb.0.tgz","fileCount":12,"integrity":"sha512-i9Q9mXYfti6BLF5RIiHsKT0Op6tOBeYXeP99sK/4XWUhbBfVjAQJ7Z5X/Q1Gwfrps2J20n+LPBD+3JjzzEjd9Q==","signatures":[{"sig":"MEQCIFexdvSZ+Gsh6VR92kl9O2fwcyOJal/6jmj+sI50jEMmAiBM9xCog7zU1u7LTWYMzCfX1O11IEWDxBkPF6wUC3FRXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJbqfCRA9TVsSAnZWagAAAVwP/11zFtpfNo77/TLIqhpz\nNx9IS6IVnNl879RMARdAHYDIiSJwB6sPCO/OqW9kNKO7qKQXZvFCGKJeN1ZY\nMzKxt3ACBuEcbWpj3PUJY19h5Ef5/LkcMQGd+2o0R9yf0xQlkqkxX79291fz\nzy2LWWdVdJ13RtxspuBkSnBTxImzdxpj8MuoMrIAyKLaRnAh2jsYAJtMvUZm\nIZz2Svyy8JsklUUytfkl9PSD9krBY8QuvJ3gakd0hJGEQvf9o493l+kGxifg\nkROkKuOwpRb1uTT2YScLCXBEMui4+C6Ga/OzDFV7cP8E9brFvAGejfcSylEU\nacN9tSu3PNryExdzpKu+g16dwbwqPVk9+dr2blUU9l3cX7oQBWkyqV/T0uwm\njPBlgFf8tZM/TyY7QskcKwXWs+83V1cT+1H6/vf0PCGMXgyhSaujaVgBr2+r\ngYSVAefmztYA8B3UozvCOXFk9WpLeVoYq/NPIiDJdnJbhyrdCcXUR7anGOK2\nuXQ2oipHFZ1eKQ6dsl65yQUU/Ws2nn8ypB41/6t1ZfEN8EvkbRRemYcmw0N/\n2yh3Z/XBCAMjc2J1EoF/Ajx4qpnlRs8oqfnnaTWAoqhle9jQrCrCQe1OH64G\nQqqeWOisO2Qv+eHmPFwfr6tJv7Ub7zTuWkDBTflFhamxtsKXo12WV45kztdU\nyzw4\r\n=LOQP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4e94d35f86983ae07d81d1c7893ffdfca50c2afd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.a6b3101fb.0_1613085342797_0.9945009275723868","host":"s3://npm-registry-packages"}},"11.0.0-canary.ed88df700.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.ed88df700.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.ed88df700.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c361d2f9527a03e6023381220163922e5a7de24b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.ed88df700.0.tgz","fileCount":12,"integrity":"sha512-j5ppOmdy0Sy/1vzVzh5DuHUP3aN06bxlH3pbcTNFohvhjvLvLIOagb+Np0SVdTtMXFexIYD2VfBNzJiUMyMcfA==","signatures":[{"sig":"MEUCIGNdlMgocXDyJJ+B+V5D5Su4ki1SLE6CDhHZ99aM/faFAiEA0L9iQ8PaeIz5/3geERekgWRWAi1mFgRKvBrEqh5/KUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcZHCRA9TVsSAnZWagAA/EwP/3+sF/2JfMkI5VTsQiVR\nbFeDcuDR5X0C7vY16U/AerSfYEMyr+Lo09Saz1YlGYa7ggviai+77gEul7l6\n6bcLB5ciAFGjXbwUPA+gHroNNQVUwnnZPEjtuTTXDC4vY4lsu8V6gHvl2tJ1\nyZLk1pxuIELqNpYbimK81TWDItZ9rvQ6sJvg4rdy+vDEXqZ4KqKwEbXl/Joo\n1rzfSRxPbUhJ+YimYj2KIrmQBzkCtgpAniavTsHB5q3rYE/wBrFHRCVKdIIR\niCsSZCUqrkKt6/PO9nBt0xPdqU2J9mZQHn5w1CdNciHYYfKzUIOqFDi7caIp\noXZldB+zQ8jA3d9iCslCrS/Ey/Gb8QPoui3eVMMATUd99pQ0/Wa4ShFzzS+W\nepqcc8WIFU1pIUd1L71m13XMnFBPNqKHFbKRCuJ6jjrmNgdejo6Lmyd/j8Zj\ntibP9GCj8OTN8GT8jps3quIsxSwHngqV8xnXlHdI2tWt4on8qPYrAwsutfNq\nQXchovq1mmWUX3Eua83XHxgxBDs2tR+QYjUXbINdGpRZgqyEqgAemex9gX5M\nI0qg88ZT24nsnDlCSJH9Wn2pNcZ79ZCAT3eLBJS4J9uJLBdDUP8c+cfImQXi\ndlbk1bov/H7ImFsk9bU4UlnGEZ9hiOr4OmRGXYJp7Ok5H77QFvlmcvn2Ngul\nrD66\r\n=S9Kh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9ee8b051c4fdfde9d63ea193e791d71e20094867","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.ed88df700.0_1613088326661_0.5949241897508963","host":"s3://npm-registry-packages"}},"11.0.0-canary.d30efe6b4.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d30efe6b4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d30efe6b4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"510b1d4ed59701ceec60c0457d70387c06596027","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d30efe6b4.0.tgz","fileCount":12,"integrity":"sha512-DSObo9nczY3TTda6nX3INd87LhYQlkrHDHS/BkOLc4tIGXrIfHupei4/5YnTWsxILx0y0WTWqERa8+bIH+kIiQ==","signatures":[{"sig":"MEUCIQDEdTbgGcn3CU4uV0n/6aPp/Eon/xTimx3PQfbhlYwEFwIgFHoiG2GE9ATzGf/71fGjlZQCpbly0B7xv65KS8q57Jc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJeqqCRA9TVsSAnZWagAAhVUP+wagh1+Jm1phn9GPX2zT\ndvEoEUeHWwLXJQYxileJogY8uDmLUfJaZBT8MVr/yhhFZ4bCpTQA9+zjKWrH\n5tRfaINrPyyq1EIrTzAiGtd86KT2ZY44D2X4InDbgYmbSOfjwW96sNwpvEWC\n1HGSO0uBJmU3cfUNq7AgK7iWGfesuta9zU3K3zTXOCDk1M/IyRWv2aBogn+0\nfaRA3EnITszw7EpOT1uZj7s2fzO2fneFC69fbqf8iHSfkqTIQ34mz+GC5dD1\nLhZEj5q9skhFcDSd+aIJCjD/ya7ob/wmA4b8hTnb27kwo/7zbyZ61XhVNjQU\nkaZIgO3+SlIRDAHDlln79FP2OF8qU7cXXXkM6LuL3WsAoy17aTqIIKhTwOV5\n9xFyBiFgdsHJOY4ttirbNzQvfjNeQLHO8OfOmm0l5yA0mT2vVSokECPETQoV\nAPHTaK4o2M/iga0W+wYiyCLSlJntieB8mO8fXrW1CCpBpmBHWBMOMD8lhj/O\n1jBwFhx99LxB8Scpm8C8XO8rXafQaybhV1ZK6dfgtupRq/7ZlzYf4FU7lg4T\n2kRC7rX9IiMkQQ5XelMRPYWAqPWsvx6gRT4aJihZZTBpvJPqvqSMRGFg7mJ/\nTLWRWaUlVnis0ttrYuUWwgJKh59uQIcc9KaH9To/Jgf1JIEJljrfrDllBcVI\nhrOW\r\n=1s8H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0d2a46d4ab9ca5088511e4e0b5cf2b261e3e644f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d30efe6b4.0_1613097642466_0.7393204031675904","host":"s3://npm-registry-packages"}},"11.0.0-canary.0393bdc4b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0393bdc4b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0393bdc4b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c25c60e491f10e8bae24cde610b49bd2af686656","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0393bdc4b.0.tgz","fileCount":12,"integrity":"sha512-UshQGaZzVQKp56vUrSjva2o7SqfFMJCQgx/jvLmVRW3Z+yTomI8Ytdx8dn11aQoOtIwP56+tuSFtTFSTtpOnAA==","signatures":[{"sig":"MEUCIFqH+k0c3KMZEDdADTvOQbRMvS93XtMjlQrv3et2qs5TAiEAslR5KP9T+q1G9q+utfiP17O32QYtJx1pqC3Sk5syZko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJgQyCRA9TVsSAnZWagAADC0P/jscGrlZMDEsWu3AF0ah\n8F+MPXXoxH6LCDNh9CAoHmP3oOr+Zn4E1M58GFfWrmmUjb96P8jK0pbySUAh\ngfZE+Xf4FT/imX+IdZ+x73rbEpyCxj5xIa2nTqCW8Az74fQ+1ygLIOIBaJed\nIVV65lGM5JExJ5GmAunaaU3Md9hjPsGDSjB7gwheb2auXL+SYwdx1b9fYTw0\nMa6CyVmajOp6PbWOvsKmdk/Im6sT+j+gwqyNJavIEVzLmPmW7WMHxS+qZX/7\nccjQM3K4oYvCcRlafpLY95hEcSdvkyuPP4aS94dtF3e/1UHIGHm+k4rolBld\nuK9H0uWEQSnwIi7dzy4avKGjYtNv9RzIn3UK9J4Ta4efyvV0Jfj1le4AqgkN\nZFiKjpa13geAwYnqfXRt+93krDjC6vYtj/oeQ8+s4A4Picg5FZXwWKNiTOAU\nKYuj2caGS3TFA1pDYXlLsgHF7m+Oj/Id0GyE1Lotb/CXJDK+6Et3bCbjn+y/\nEFxwH2xHDYJoNYuH3PnWFXPLZsPgjSow5Aa/aQcgvATzbSDJ8kpsgr2mUzOU\nd3fJtA8yFHkgcqrTI+J03+oqetxaFZlBAOAfU2j94dcTqHuSt7SarJ+7rrsr\nMJ63uFQ5+dq3w+yzl+Fvi2GktW4ywsHT2CndmMIpQz7USYcFPfzdIL5I2oK6\nB6VK\r\n=DFva\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f241a2f549ae5b1fefdbb0c93ddadbc1e1705a6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0393bdc4b.0_1613104177860_0.921334557834399","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cd26af4d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.7cd26af4d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.7cd26af4d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03b3bd6dad451e8aa31afc14cc4ae9513f2d2ab7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.7cd26af4d.0.tgz","fileCount":12,"integrity":"sha512-wEJA3Xa9iBEzp6etnXWOtqrUCV67ZbuI6RFV6qLdQgpKgv8PsbgBUUfEn7Rmi8Vrrt3r8gHHXmL/WHsNSjLbuw==","signatures":[{"sig":"MEUCIQCaWxGrh4WyVWHPPVLNohUIAAuDHBOubKEYgsZ+EN/H3gIgNhVhhEdm8HYHtdpwVSco3oQrOC5eKGHsN6VY5vgaHaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqWVCRA9TVsSAnZWagAAf98QAIF1EMm9eVb7ybLe3G5L\n9HTNoztNf6NdQjZhdz9BnJqOTGzP3QbINN0O+oBGgGjYJk7bTzsGq3Dmv5i8\neX2a5p9KcFl3R4TLyvWvhYLGPgzCJfxN6ciQfePv+6BMjBSE1A7k8WsWO1Ip\nPCYihTxr995SXzEHCseq08u3QQbcOzU9GCHyxu6vY6pkr50/5CxfMj7syWGX\nw4vj1ACc49itiQBVHg91iodH8eClmJrV4TD77MNgDzvnQnuY/ZiRgYpJaOoD\nappnIVCqx/SQhgLQqBerC/7LzJilVDoOi1SyouomuMr3ODJbYaVx1GLx5B+g\nj9kZsVWF5W/CQwDS1ci8CsEfO1UnprVFVw+w/p33+x3Yq3CW3M1j1Kqe3DPI\nzS4Lnam7nqmt7b7AhMHOaNaT7rLv72cD75HMzQ8SlNWOaJiQsjo8Fer8SDOt\nzXBivifh5x06Vp/hke3C3yZTK2rDQ94UIkXxR3wX1SmcegEl2PrhyI19ZAGm\nsseEpdkjR8zQMi0U1F2v4dvMkG7ph+KolSocZK3deQko/o4avoRF/i5aYWjp\n+xtIeDoRDJsdVfOQhEVoDesyZkfaJ36wtSvDYt0wrx1OZFEXM8uu5K0OFGwm\nlDPdaYLCWgp9T2QRdP/sq1wwnVcv64ci1KK2KE5q4UgB0dtGuyo4jDRaQfJW\nq9kF\r\n=IAP2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"da78e237011a9e38abc623fed26601ad22a7426d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.7cd26af4d.0_1613145493235_0.9614844748437115","host":"s3://npm-registry-packages"}},"11.0.0-canary.71fe9a067.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.71fe9a067.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.71fe9a067.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d705e4c5b1e2e3978d9934dbd78fc0f90a10439c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.71fe9a067.0.tgz","fileCount":12,"integrity":"sha512-o8updOC+BaCp8X00MSZ9h+pofV94GGzhH9b1Khy/vmpdK8RivnIrDk5XupmQpWBbyKQxIBWlqy+iNBLjCl8gFw==","signatures":[{"sig":"MEUCIQCkaRS9Hu2/tsB3QgIluwOX8mlCnoAC4XfiV1aoby8QYwIgKBLU49nXiQsj/3hc7Gxy8FIe2r6j7lNlN/5MywdVCc0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqznCRA9TVsSAnZWagAAeIsP/3oE1gvIEL8c1ZRvplFM\neAYAthhDdOssMq5vakeIQeDkdsGnOG78BchM9r934EGlaHNWMsiYhV/LwHlH\nv42jfFRcr52t57Zg6zKHYAxrtrLr4IpaS7rdOoVnOHEKRgATZiPXR9MXxOwW\nVATx3mO6u9qNayKuDYT0oo7b88LHLQtrS0wFf2SosstAnQ47NWqSAug2mddA\nzbp96qYo/cnvkwM3BfzkinLVtzmGdtTtOj0BcPkldVxa5WqK/iDPCaVBQtWH\nDeDaH+UOgFipohdQdXyPMxYrdtl5WdJTg6L3UNCozEZbd8yfxdhZUFFTRApM\ny7CvTxoNp1JyHpZmoJ5DK9juueX4vpS1WWUM2EZmnJfc7yQToZEFLeGDPUXe\nai4arJf9DlcTUOUf//5W9+IG4zczNfgbyD3IaTtPyWncAKfPzLx4NxQvToiA\njwhxLJieAuVBvss9ZLbd5vOTc0BQrPNOQW6dlHw5RLq3d23lynl/+BzhbHTw\n2SruL8r8hh7ke8aUStRg5hst24+wWryo0JGjWgLcTgPYL+g9F1RnTFN2zJFi\nP/AMneWh9Br35+HkC/zJqZJqsnqC4oEdfA/YtUavV96Un3A4tYK0B72vwRfc\nukSpq12kP025IpQktU0Slr5laUSFN3kpSZ/rlhvzMrEOM5uN9gSDL/kyxpgx\n3Tqo\r\n=RD1/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c79890da6d0bcf08c3d7c57e31df805b50394019","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.71fe9a067.0_1613147366892_0.5671323661313026","host":"s3://npm-registry-packages"}},"11.0.0-canary.0fd56a86b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0fd56a86b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0fd56a86b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6daafe08b913e1cea547187ef2a4e4d3d2a4be4e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0fd56a86b.0.tgz","fileCount":12,"integrity":"sha512-US21iANP7vqyOK4brGkVlaf/g52HUi2NeRWUffF3ZDBpwknrsQxDbWROdg+ShPKC4wIwIqiKmIxrqF7Pnq/COw==","signatures":[{"sig":"MEUCIFoCBriKtntFf/xrD/9jAGafjiF7ao0UbtnYDy9SFgbcAiEAm32OhdO0cKT2dUnStE/kWjx7J1g+UE9k5q0nWIz7slY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJxj6CRA9TVsSAnZWagAAW4AP/i51O2oZm2RrfXhw+J0b\nlXjg6IJSQ/m5YNz4/IndBV0y/eWL7DOwjx02RCOk48vS92oohXC0PvB4vm7z\nJ5eg82q75D2KeKhlR+KdOP8uuMTI45r4DH+Y0nPif2tiCI2bjnQQGkGIs/ho\nnrPJc7OKh2rjbe7LClWGtdXxGsbm4ll68a8aQu41j7TV1W8jvP16/x7QV2K0\nIv6o8KktcjpNmC5HrXXVW63Poq2rNNxBKpS9QUOtJIQWWy8nMYX6P5Mt1QBr\no08FQopeoamMvBkRGq+qKdtpKYmKhhfPFrFoLh0If3YTYkc0Rz1RnRyWQ3NV\ncI67drn4D8qJBCJ45NhGFSWCDp9n9/JVn/w0uy3Crw/XMUkddGc5Gm7JkDZf\nUdzDLBDu5XpzbCqgA15K6rHs1J16s6BU3/H1nbI7ZAJe4QxGfPi7x5fL9ph3\naIPLCOMHU5FqCyLf4U/ZKD4FO55zXGIBtICUo4plYsUSrN3+rXo+5WAIT/xd\n05o+VFWiN92q3WM2MD+on/NQU9DGpSYiFsEe3+2EjFwP3YeN3aXZ6hedSSGZ\nphYA3S+dqNijxfDMAYM7O7X+fINE4lfzwnpWF4BXUtE1uwlwP26v+8rkhskn\nj3H505gOPzfqK3KAQ5t5EKxw2QKKilx14SqQdxOwF+wyuqQ3z0C7ym/ypRQ1\nmKQf\r\n=kuL+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5d7e78bfa318c864343a15754f4c5ab98160ff6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0fd56a86b.0_1613175034002_0.8749548572478185","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19bbc4af.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f19bbc4af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f19bbc4af.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5570a5845a90012db699501518a7c7053f1bdf1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f19bbc4af.0.tgz","fileCount":12,"integrity":"sha512-iy7FJ6P7iPHuYxyIRpeAx7Xa8+iG8dgy35xD6xqCG7NFz0+NkI+mT7tYiJ7kwj8aLKZuj+eFiwnWD/dtxMc/PA==","signatures":[{"sig":"MEYCIQCw2YO+Wq89h3gltC7bAWAwuIaQWQAzFqa92x7PKC9ezAIhAJpiMkgpIzkxg5x2euz18sMV9D9Y/wFq1OczXj3Jyusl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLEPgCRA9TVsSAnZWagAASxgP/irhXs+8S1Yi/7QPDPuX\n46u5rpDP8KykmoB+J42BjePBGQVB+mO6ofU8IMMzI6c3FHNMWK1HO/29tWD9\nk+Yw/H95NYC2cihAQUaImK2n8KBMltnXM57vIPfCfRvEWvb/KSAbekdjsw09\nZIkDaN3uQavVlARW7P9xYLXV+JFgnAoA4N07jaKoz+aEsIMwPz/PqAuhsSb2\nT1VECmDTQ0nhPTx/YDLq+U0yiRB+j58tNgV5g5c/pX/w0xLRa4THMVJZy2ge\nYkwLUx4diEhSl1u4eSuQ98DQ7xVgpdapfU71tl7sLb0qf9ghvcIEP0KTOwMb\nn9ISRsEnekUJrOHc2Rm+EL3A5cjrDQfN9cqjSzIIacEnmpliDy6zdST/o6VM\nES8n7gOwFKCDmIKb5jKEKxmEAYDBJXVsDTVWGQosucwwWy35GkyKhAN3ElJ2\nDCas3IM58gj0xILNEstiD4TIyvRerMjCbv8s99gmSquFR0di8BQZVJVi6uog\nYa8liNwf0ol9Dn4BaHKJ0uN4f5vW6yWHLz7Od08nTn4D3i6p7lwFpLgyKMi6\neQBwxsHizZytEhyig7pkB4KSh6ifzusA+9yKAPgyYp35evW1QJMNuvqXVgzn\nLm9rfOk/wGJAicazSfXXMNdHLR007w5+SwH9uRqjpcFyhLLjNXcCraELtDKC\nqxq9\r\n=Ia0C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"842729c260f5a3be9fec8618b41657a90e725af0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f19bbc4af.0_1613513695569_0.8138299568073135","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9cac96cc.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f9cac96cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f9cac96cc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2b9d1ac18edbc3a7b6db571c51cb202d7a1a5d7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f9cac96cc.0.tgz","fileCount":12,"integrity":"sha512-G2M9bSFpL0NKCIJGRVgOiF+/IQB231fld6zsJFEdOvjOG4ydZa6qIgu6IzJ8YtebgQVPBVHB7IroKbOxHiDNxQ==","signatures":[{"sig":"MEYCIQCsnS5WvAVbR3lh4/lO7Weii2aQK04tzacz2v9rIgaONAIhALN9X6vcW5oTssrX2suXY4bdTJObgmDGHM5bOasYPjW2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLT94CRA9TVsSAnZWagAALDQP/18IGpgPA0If9GaDdsjb\nfj73DnLo+Ty2YmWAx0uzFHyGdHBvXVZMAkWKIsJzMKaTJ4qxZEyC1ZNAt40S\nPA2VvB6JV75wjoRfbAj/tFPpXUEiMv+6wKSTTsSI5pxtVZxfGnL279gmC64h\n9b/FGyjXqIZHalwftWkzZeVvWx8Heptif3CnUje3rs/r5UQbKhA229c0hAiV\n92C2mDmzXAdP4UUQhgTCemRcDHcis6FhvBRmo/IiXpnxcPUhfNvlcuiSettP\nZFgF6hxdkC9Q8i2sbsFE00yLpUlx3L7wCqhpdcOiuaWdaFyJ2zfnupU0vrjj\nTJVWb71fiiW8fRG/eTOEJ0BP3kRQA1RiqO3rzNMV768IWZcnHN5YuGDUqR8f\nMgfRTe/6tN95qBp1p0qqtLQTQZpuysBw0ZBnWLs0VZdQt8Oit8JeYXc5ivZC\n0gb51PwWY9QsJ7tZdKZ+iB9YU0AqlA3zyeYz5H6/nvHwPYm/vb1Ex3WkpX4/\nHm6WHum41BpZKI4l0SrBlmaNRiQumpsJAYglwazBWKtNW2fR+/zzMpBYN4Wv\nX06cBaxf2R5rQPWihjsCXeQHHuOgByxN/ocayox9V46L9WcaiokwdBjS6SBF\n8AB6UoFBOkOdM7xGTb/tekxwcH3m+p14LmbwF5TExIKr2DFZ5y6VnnLOVhUk\njs8m\r\n=5Can\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"993e327235c8cd36a8c15095389eb149ada97cee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f9cac96cc.0_1613578103627_0.2715988658958228","host":"s3://npm-registry-packages"}},"11.0.0-canary.79ce0878b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.79ce0878b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.79ce0878b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8030fb34a9cf65407dc2ac975b98717c59e1d05d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.79ce0878b.0.tgz","fileCount":12,"integrity":"sha512-ffBPkK1r3lBlckTypkbu9LMer6N7nDoV25i5daf0jGxzbNtY4zVWSVoiCRxJgbSqVgExIAen7luERLU3hZkmSA==","signatures":[{"sig":"MEUCIQCqsVjU3xAvXEXO/JIwk/kvM7ck6K7k2LFxkkrMuy8shAIgD+OcHuPbSjPLuuLQgyfnN1+TCMo/SR6iFmqsABJihBE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLW05CRA9TVsSAnZWagAAy3gP/1UaZhO8uuocuhBUL1rq\nPnA+CHnp59R7kLSOVq7NvZYshTilw68vBkkHqXr0B6SucttDYg5oLmV5hzZn\n04TT14bnhKIazCehVw2wWKn4PvVBz1U9i1oLZXPK2u/8udLmGMfEO3N67cL+\npKSRq+QtMKiWSMbPBUFaAcpjfZOmDR8Le/fvbcTskdv7NUsSNRniO6GQBF2D\nJyu35s5SzN4b/2fwIX7YwbHvi1yEEWI49ZIxFfc5dDMQPgtqPI2Sm2pHmkee\nvATEAf4Lmvq8E369suOfLiNLnIt6vV5qmhDW5uBdqdhKF9x8HTbW+krGG2+c\nQelMHRPgj6HqOV02nRH+VFajNxC1eWbP3NfASeQCC6jAjRzE2QrqSvfvLogO\ndx3pRVzBdGjtMe83KRbfo4MQVzIpYHJM5PKOEvZc55igd3l+wo7XXroeR3S1\nhztaxj6MHIJhjTAP3y0+9lkjy+GPjNg88sucsSHhhggjLXsv7mOmq28Mi/N3\nOWJ5/5IwLgrQk0CPpRXjvkk7j4NfOh7yxPasYlepdBh3EfBzv0s+eO4LPVw9\nWF3PCCr7VCLKVI9qBdoK8gHRN2L4Il3iYuBHKmm+Nw9wBYCCSpCpJfdc8zlB\ngtY6k7h2hLygOl1vdmBDT3n7EUMl0SZTt3+hibxTKXt4rNorQObBrjjwQQWe\nDfUe\r\n=VCBk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3941c218ed650b1d1767cd6b17652d4e1b5f7ac9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.79ce0878b.0_1613589817294_0.06428866078654827","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6e507b5b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d6e507b5b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d6e507b5b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9f209993221bd2e1ebb2bc1fcd006b769fd89ab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d6e507b5b.0.tgz","fileCount":12,"integrity":"sha512-lK/KZONxA+EJMsHdlmA7m5uQdTVIwteA4H83ySK5LAeDl6eNIJF+ALkOWGxyEqZ0okq6mpme0cqAeujS/jemdA==","signatures":[{"sig":"MEUCIQC79wujwviP2HMafPxily2A0ad2glyqcLDf2Ya9heZR5wIgHKg4GdsMi7DiC+hBFKAF0fAQrK5CTt3tb1bji2LqpXA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLXUJCRA9TVsSAnZWagAAZVkP/14QWNtixujZsDNDNcIu\npVKfjT1c5KtrV57s8cTrPz8m0M8KlS2+O82tTQcwXBUE2CRfu8b1h3YziHaQ\n4ZJt2nziQTmDrm0dlVCOwVIrm64GN7pzDDoH+4RleOOzrp6oHEjrTKH9bPuM\n2KfnPfx0KYDq4bG0ruFMHhKsbg8ft7vjGjvwgGPXgmPRWvjICz6SseSztwCk\nedkVe4QZGnlebTmXHxqCO0XcN+8kOGPUys2kKPNfSagEBgUXv36PC0VDO7Nu\nhUe2/S9GlFkZVZqrIcKgTRIXqOSTSxv/wg5F0gvDHWSqsJEJv71Vqql/1ccJ\nIsz55QuIZKOZGV5EMOQdVXAVdMjvNEPgwl83tOvGo+4HitFNxb53CxAHMhhK\njEJoy7s9qxyWjVr6Gwj4OZWl3icVodBavb2HoXnSnsS7oQnzzpqmvFu6P8TB\nne3zW1qriCYctbsF40JFTm2luj8l9OdWrNkmMnQyn7QLva1ReRrE+MOpMAgX\nLL4js01s0GYGEi32hCs//QPusGPfvUIngKoTYyul+j1PcF/rjjKcRER+zFXJ\nqGwPiw+kVupVNBt7A1FuW1bsT//PFVFGDfCDtS/fNoQK463/iC4HyVvAfMJ6\nItj340j/smnBXRJX9otqDqQourjzmLAzp0zbWMfiiSIAPSkT7FxoEBRcWiMb\nOIzx\r\n=/Drk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b20b73a4aa16995dcd0b73e46e4dc31f7914a367","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d6e507b5b.0_1613591817452_0.663848918034406","host":"s3://npm-registry-packages"}},"11.0.0-canary.f2658381b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f2658381b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f2658381b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"33af099ff839686b98bfdd1350787e6d3952e0cd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f2658381b.0.tgz","fileCount":12,"integrity":"sha512-PEy3F/goLTX0uV8mKH3On6HSXAbq3ofQw6Hv7rgyhbsZzvxXNjXgPIPetmf6ZccHtPZLsNZFxiZTNZhqbmBfJQ==","signatures":[{"sig":"MEQCIEYdNfFuda/3qJQx9QNoFXxDx6uJZWsNGtjuSub789xrAiAf+8/xglMPHcHZnwQwmj1YLkmxAQ2KsIviH6iYWnKSJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLZwMCRA9TVsSAnZWagAAy1gQAKHThmW+5Vt72FVuHZXU\nSg6y25Wp5CXiiFJdf14UljxNm3JbAhynrytPjAcJ73vaXOXAcLodEZkmJqpF\neYFr+99xKDYIGvcOUMXU7h/7CObrWpHJ+o8bE2VlGnKGIodiZ/x4gSA1zWlT\nRAARPhBtRFtL4kKQZ2L37Rzylgj4rODNbBRetXpW38xw94xQwQKwvApBc9+H\nt6b3Rj0CjtGCI8HlA3cl1iAsQI0aacWrkz2Jtann4App8zZbacBdxEDgZbKw\nVCibuMkZontW7qyCdZrjKQU5Oql59zvclLNs1DJGWNqRg+LttWzG9jPOUeJa\nSWImra3aSGrxkGa+chNiqvSyxM9XCUH+W1KRJMcuVYWdKeBUbnqw9GCfbMA2\nsG7lmEZWMZihWJVepNcRRyq5++iNHiX3Tk/AMsvtZrBJM6ngqIeB0v6Bfzq6\n0jreHNarnjiaYzyyOIhCGhT/rjV5XBom5p9TcP/1vWInD7d9bq4NPsAiEhwq\nXoFryYi2I71uKoRRPlVpfNi/U2XEHXnO52nCAQwSJn+CAv11TL1HF0JflWdH\n2F6QpyX7794fk6/30P+OjH1p42okQ9BMsSXwpWFHzTlF5aozVhyE1MDld+QM\nABamh9jcuYyL/N8iuCldNVE9I9bzLh2g4irxs6w/BuXQnHLM7OyNOJEf9+dj\nn4nb\r\n=SbXx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bb1b60f60cf9b1a4184aa52e590bcb4003d3c09b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f2658381b.0_1613601803582_0.660889768517652","host":"s3://npm-registry-packages"}},"11.0.0-canary.97c4d4035.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.97c4d4035.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.97c4d4035.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d683f95d0b945744960bea6b94945ec8abbf734","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.97c4d4035.0.tgz","fileCount":12,"integrity":"sha512-hTiArF5xSbGSnsEyNy+ouKY7w1LNjUHIoxVhZf2zeUmfUafySqgM9cZUSPLm+wbPJbbZzPJsNKbeArUek6augA==","signatures":[{"sig":"MEQCIC3PETV1OfdWXw2J5TwH3aqRU66BZJt6lbErtch7RdNvAiBQKzYbpraJH3csGo+ERfGPg9yXf4R5wntawS5xSWjRtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLdIRCRA9TVsSAnZWagAAk58P/0Vq/bc6a+WFNsYMtmPW\ng8ztX8qixR/9KU8NYJ1j1ZraLwSgQvJN3DKqjfcuYxvqoZu9MnjAWljYnzuJ\nivMoqm9t2mzbnT3UtvZ7bXGhcEc5BBy1epeodD2OffWb8O4w09ntUfAsimpE\nVaG8ydTHtebCJope/FB5d0BMClm8b5eusNHNiYLrx7tG2TdVaCT3Tm0g+3xo\nH+69kzs1Al9J0JRBjS89y7+OwL//OhmLGJ5j2zcgkvpnM3BkHIwmS8aKWwo7\nI+xB3Oeck4NU1byzhoWoGsvJ7DRfiFZajs3zXPRmZAb8/cEx5as/khgxxOGs\nwbXcHS3zRAXQMyB2YixKpb2TGiXjdob5RrolccJkdw8VBzuc69evPE4u06Rx\nZ0WSuNB+FaeTOgHwHp6tQOptNdFbEii3e6psOZ+nKheetztLqpVBHU3rFIUj\nudosX2p9eiBnsKnLbgP7EhuJJmgoA7ma/tpsilkg0x8snGwhsATGSSrXU+yc\n9asYPFU6ju2KiEEHteMVpQLQyu52JJVWb77nZmyonQaaG7pVl5RvPaHKkE6n\nkmP/SCrDDDh9+AV3eeAUxlruz3SRXb5TU+9QlfLkIWYmYCR8dkqHeWkKtHfn\nxyYZ2HwZLHIL5U34JddPI/uTb0Z+edNaa+ywYb8Qagt/TWMOaDhvN+hdRwwb\nc2K+\r\n=BZ14\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d9a223ae17277dc00b76dbbc4263232d38e50c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.97c4d4035.0_1613615632870_0.9246420892215264","host":"s3://npm-registry-packages"}},"11.0.0-canary.2482cecc6.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.2482cecc6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.2482cecc6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2fddff9a59e2f6bfcb000bda5fab24bae9826d50","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.2482cecc6.0.tgz","fileCount":12,"integrity":"sha512-FnuFA6YZq5JnI0HACUwsKqCRvv+qdV5vRrDcoVJkrrckSla053AGBG4NJ0eUv2fvLZwK9Z9isTBafk1NqyTUHg==","signatures":[{"sig":"MEQCIB5mvUtQmqIKQpFLdtRVjGlnXlOQ2NORPPDUEuhG3NNtAiA5LSLOvk/GAnnPBy3dSVu5P73L0KeqPmnU7vfDKMcnQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLoLMCRA9TVsSAnZWagAAVGIP/iqxVIaB5hvTOJyVu6NT\n1oUFv4U6mmWIS7My+XBq6MPkba0iLnlNro/FpMXedOpJae50gZ5Wtwp9lSYE\nAonr/l0eBLcWensDlox871nhWRxMoMWIPYPexqsX2uvLyIEbYBxpO8d5lX5Q\nPb27PICCrfZf16D5wAMoC4ch4ungRDScZqaHFxIgTVZfdbPcY6mirQZtE682\nY2ksAm39mCjRGFSV4QIdGHQfJ4rgycNgm6a7+/WhG8kM4FUyiSe5AW2qW0QF\nkJGmUZd5Q7NejKeZ1bM2C+bmRBrXgFyFrMtBmbm1wFI1RdsT0gxgEmFv5NUT\nvI1BW0rqumRYlJc8Ll9gHWdL/E0/gTSn+BFguas2inc3eqjGT11N51azkMFp\nWPr/GD4ItIOgkTrj2b5jmYny+5AEZKE3XUMR/vBM0y728yAFHI22IvE2Zuiw\n/wAmUMMJOro4eAXX4PHDBRBjOXAgoEy5fOHXK5I1GSV4M+/C94miE12usTkY\n1x/RnQtLk3RjrdaROSbCGz11Ckp98ScjbydEdoY88czEF80S5Nh0AmwSw4UM\nPiSYOO/G46Z/sep9XIuE9ZINejie5u7kpw1O56ZlDtcBEpzCXVtIaq7/Dp3b\naeu53uf7ZDGaSdBWPob0PcW6IIh/whZoV/MfGjFKsyDZqEYGND4mHTBLHAHd\n5BsN\r\n=BQL6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0f7f837f9e604902ad63f7b6e2dbfd1d117d3510","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.2482cecc6.0_1613660868398_0.1769142799275072","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5bb4648c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f5bb4648c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f5bb4648c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fe2996db9b6e3666e6f02aaa6e85ac87587ab41","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f5bb4648c.0.tgz","fileCount":12,"integrity":"sha512-o4rEg1rLNMR8HM722RAJt2fsNkMvUe1da/b2sJ/feQGaxxLHh2DTMM5JrZM7OvCTMUaIQxdi51Keq9laFew3uA==","signatures":[{"sig":"MEYCIQCBklBOw+psEODjfY7vd25qEXLnzG30+4oYQFiL6bdzRAIhAO/0MGt9X8O13ZLq48T1rNX8dM1F802p1i1Iy7QsMNAz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLo/mCRA9TVsSAnZWagAAjP8P/2qgOSZoUoNxeAlFNfGP\nHyejmzzSjNKZhNvnggaBpanhhiYsAfwAQQCjeDmv1fJpc3ZG3Bs9ruGzPJrZ\ntR00LKfltSr6cQMxmPZ0Aq/I/qfl/IOa6myk3cCOcLeYrlGhR6+URx34u9gg\nHExTtu8+T14yMSZ2Av08tJCxxjuolEpjaVNR5gMwt2b6UwRNm9hLsIhXGQfL\nIj8aJUKlFtLCnkODj6FLbmEiB734fw98F+taCtsyZsYQYlsjgSdgdXUkP1iV\niAL0FRrDgD5el4X4+HWhDkB2/vOWK2TSQkCL94DymPAb+s01FtkoSJRwMvmo\n2riuO/xGAbcW5i+T5/DHksI6EStg73I3SQ1a+R+0rBuFSkU8QzOEGOCOKRXh\nLCQMi84pphngK+QPfxCn9KAeWNA5ZZPvPHH9qoi/vqnAOvcjJfex0iya2ftY\nrZ9Iard9LQSNXaLcqvOrmBHo43U0YENeQi0J7vmqTvTorFc+vUdqcmRgVDQW\n6NjX9HBpLIpww8e6ilMmaLNW/2dbp5QB4q3ybick6Tnjpu/nZmNPMvfsP/Mp\njn5cpOlgNcn2F3BE0NCNGQG2uKiLvCeLR49jlYQY6eKYZqzPYpZx3xczJqtd\nAC803Ti30PHcezaQteyoh6jgXEB8/OIXFBCsmRp0nxmgccMKdAAKQYXP/+WI\nX4L2\r\n=u0E0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3abc3c2f94ce48fd3a6cc689419e03b8f7769ce0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f5bb4648c.0_1613664229991_0.09603491617555981","host":"s3://npm-registry-packages"}},"11.0.0-canary.302c7a960.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.302c7a960.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.302c7a960.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"405023caf1cc55b83abc58607a20b398cf5af24e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.302c7a960.0.tgz","fileCount":12,"integrity":"sha512-4+raOHPQYjbWOAJ5bqcIExsBTsmtoAjdWrwyozPIRz0s9xbLDbz8xgpf3kuC01zIyuFb0stnIDQ5aR0gX7J/CA==","signatures":[{"sig":"MEQCIES5tYF3iu2OCyT7sxyq1l6hpYu795fPcDbUx5xM7I7UAiALzJm6ICeGU+P8mKmZrPhHc8/WBps/3pgine5V/OCHRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLrOoCRA9TVsSAnZWagAA2w4QAKH33DCLBlol3Rxb2VQo\nAa9LNriQKZ99eo7RCUHkECfb4LGpqfM94LEBRPuhy6/RM34fPsb4jfIU7Vpz\nimIUH3kmJ9YZNHolsqQnClrWm9a1pO5wM6YT9YtELk3MoOTWiqkzJKYt32SB\n2XjzMu/evFt/R2ZZfHoTnREBd3iQ+viSLMHbcuap5LpOJt5Jv+Ct8krp8Ktp\nbBCHQpGSWTAMUh5xadlVUtHGauZX3VjL52xWhlYcmU0FnuPU1D9uXnEVJHXU\n9MxY39R5RBHzyxZzck3W27pqKZkMcIa3U4cPBFlyHfBjFfUz/jRrgmsPRwPJ\nXhcSBf9rbl8gK7hBX19b77e5h4bQRD/Zn5/TCoX/W5Xn6Qk4ODIxfLp4s51J\n5vb0ui+0PCCb0CbjTbTWTCz0ItV0ljztcf5zmekQk/JHOsFvjQKl/lhWwmIY\nL518zwrZYbRJZM4wB0N11pcSuvkTmNMZbx0v58QGr4GTHY5YtDGfH0itvn4e\nlb29A4YX2F6ef576nLrnSTMIzFtkJ/qjGSB4H6nz1GMe3mUMrayA94m/5Fkj\nST361Yu9h5HNDlye491PJm0lmmdlshxEF9K31A494k6IzFvsDHMNQlqtIq8x\nHZbpr5POR1lBPIj0rn0qQQJmCk2yG/+63F2pd20XvpafMSTdcTMGhNcKKtjv\n0x/w\r\n=ob3A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b16c4cf1d0826970ff04a72b663f1838cf8c37d0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.302c7a960.0_1613673384201_0.7610511225607302","host":"s3://npm-registry-packages"}},"11.0.0-canary.aa0aaf026.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.aa0aaf026.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.aa0aaf026.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d31c124499e6094305124ef66b3beda4f9ddaad8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.aa0aaf026.0.tgz","fileCount":12,"integrity":"sha512-kTINC+5jkCOAXepPUVb3GZSZmGs/3/bKKo5r3sqvP2MbB+JmIVqP4MRL2zaWj9xNdmbU1KeXMCiAcwCjjYS1dg==","signatures":[{"sig":"MEUCIBaesRvet7W86M+YvA2KmdAiBrOdR/oeLdbaglEV1kA5AiEA3zfmevGLIF1a6zmmaMqcisej3FSIKJwn608pW4oWIVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLr5QCRA9TVsSAnZWagAA76oP/RQzQg7DHVFdsuryy/d5\ndc6Db/Mwso7jerA29F+9kxGbASZsTLbMj93hG4ZAIiU0Gi9MqOu6FvAuBSr1\nrOniwRWn6risK/D0D6/kbmHSxs4nZqp8G6DqsCWUjvTkLd7Imd0a2EMberoP\ncTdTU0QtxyYYrwFV4+GTQOU86031QdaWbmNrngK7r/fFhbUIC7V/wkj0OGV0\nmhPsSL9IE1hAhnlKjvAuVAYSKcPVDWnUky39nPo8mD212s0j2XOgMFGgM8wV\n3F46ehAGvKELyOY2YA26GGHzBQ9ZXpaNgLx2ZFuHrbMN1vgmfIyz9KJCbHhY\nH6ojqP2OgdmJORizKU5zkhJrlSpWyJAefZOJF9HpH4X0sudoWj41hS5eJIhi\nN40hqUCwe9SERIrffRmGFqpJakxCbVnM6j3FQ6ymakBffdavGmeYB2/pL8Rb\ngsyKBtXDwe0mCwN1ebXQWO+CXEVUk6IESZUURim9HrllN+ihKPxuMUpXinNQ\n+iOG2tqFvpm0v968EJ6Ny0Ew06WAhJidWXIQkVJHq22esDUcqPsVS6KrAX6N\nO14K/mm9xMWvcPlswWy9r8RYKh+XuNTY7Zl+RXdI0zBlxtkmBncATPIrVaOh\nccRcyOrFd21faWBPtLH/6fBkWnm4xOs21EeBTnBM9mTyNQVt4vp034+3KGfv\nR2Zj\r\n=8RDC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"de542de1d7c4c8f5f51199fe207ef527fc1265fe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.aa0aaf026.0_1613676111734_0.5389583646886797","host":"s3://npm-registry-packages"}},"11.0.0-canary.07ff0c452.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.07ff0c452.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.07ff0c452.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb463ee2724f69e27956568a19c5577501e3b88c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.07ff0c452.0.tgz","fileCount":12,"integrity":"sha512-Uz5FiQdm2AL6/F9pbya4iVqOlWZcZI3xniqodT5YJB1YBWjefmzs7kJGztzC1IEDvx4G2r5wDePVynTy6uEsBQ==","signatures":[{"sig":"MEUCIQDM6tHkB2kV5x/KdaRQqS9aTKHJRM2s7SHBsvK9KiTrxwIgaSy5qX3FCFWgoNRFfvSNE3TN4EdLhiyBl0nilPFmAv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLsLgCRA9TVsSAnZWagAARIIP/RJt5+e8hp76Eit22tDg\nFPyUAscCHXCwfsK5PYYXxId4W3NHwy8PleGc8QIJ/hfy7olSGa4mOvtBjT2/\nxqx70qSXSnoWMhfrv8uA9ytWJHoXmacGPcN41lhtB3eRLyaRL3OvFZ1exr4B\nqmCmjBHfsmuSDMG22nzmOC6IiNACYXVCK+pyzSgpqha//ZwzkIf0PEL/bvDL\ntHbkwM3Q3D8nKyG08cOUuTkmLadkXdUPm011LnNxVTqouOXlejoq+84S7eQL\nzhGLWJjDCc7QJs/IbLeeD2QfR6Epi5Z4aatAPZ66XW5olcBC2UlKZPwWCLGy\n8ih7FgF/6MhTYaE7cu+5u9se2/cC1qUtldfU7VU1CTKMNeRiFxe3eIxjHYSU\nqcO1sJxItth7eJyAcgnwpfA1jusik2TJGbIsVIoaoTvXscnquG4fvTPYRaRE\nJhxS/PvkAFshOX+I1mrWU9kbsUJDcetf0Xuw9wvTGBo32nps6Ju0TAFqIJcV\nXCEi+CcLQ3iEJfdEOisvdI4TWW4BlAt+z9TuZ4Mk/uhxerdUkqSOsco+dXnW\nj+JN52Nh/ZB8J4hFErrOyE4NN6c0DQJ9ic6f6p14Qqy8g162lUnQnTdzSdwx\nYLVivtR/1ME1FIYV4E4FC5azsV2Ps2NJOxzCucnsdGiyG3fNOORgTE6ifFaH\njSm6\r\n=ov9J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"52e3f1cc8fd4568a48ba4314f982d5613f53ef5b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.07ff0c452.0_1613677280525_0.8369900576085003","host":"s3://npm-registry-packages"}},"11.0.0-canary.bed7ecd3e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.bed7ecd3e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.bed7ecd3e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1745fa714b38853fc8b4e4f68058b87065a0e3f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.bed7ecd3e.0.tgz","fileCount":12,"integrity":"sha512-u3teo6IFfa9TN65oIKIlSiLdDOu7xrRpnnuTQ315nP/ZxZHNBVQO8jdf2RR1BljUpmSWNwUiZ3/qMlSBBevjYw==","signatures":[{"sig":"MEUCIDsnEdc7br728KXmCXSoY0QYTfCD2jgMqDhQbsHKlhlFAiEAqsT/myuwSlnAKDSGaDK5KcbUiTJ0IDQ2rJwsJaQG13E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLvegCRA9TVsSAnZWagAAiwQP/iNcS0RBGg6dgaHfc+Ho\nr3SyezY+3UhY2fbK6vgsZUeWnKm3G3FBrdicxU2zl6OeEBpY1RVj+LTd/DHL\nFHcmZUSzhtArM+DRTrV+9oyM/MKxN2niqdqqTKvQLubX9Sul4mMWrMWMSaUX\nt4o4j2+wRLkMtGbYOUJEUG/M9eylan99jY3Y+f7UZ7bQIOGmZZEQvrXIXJ/K\nz/p09rtx0TeR/CQWNJdWXXnS5wqx2eDsn3eCnvYA1LkULHsGsKK+gLcjE0rU\naRZyKWqY/eGYeFJy6HHnlZ1qOwwiVouXy9cCzzsIejWli4gEJZ+CaP1pEtST\ngzknz7Zv6BOtC/ly8tY838pOMdpsWvTQ0KPryL+BeI7qIK/Pe1dKKQymAUKy\nnajDAs3zkK9PnwQOlrtk4Mmw5T9YlP3+S+tS2i8I4DdW5BIE3kO5qWZao8N7\nLJhX+hGYJl49iUEgJj/PFIs2PshmqcOMTYzN34adPTo7Ggs0reOQxrD5ry//\nZ1F1vyOEJX/+ovN83Jkb3Z2+Imx75XF1pUV2ydNm1Dx3IsIVsyyX19ljpbvo\nOdGBauxpoo0nCcRmYCBjbT29i5Bzfl/B5HgMo+lh1q6DEf+s1jsNWrdOLZ79\nxK1CsoFeY9vUuk9UbOe/h/PhytGd/Y4WZXbJvN9CYh8FCyvYh4ey7esFMKf/\nQ6Dm\r\n=bdHl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c23b9ab547a5ebb36a108742217a017fed1886a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.bed7ecd3e.0_1613690784061_0.6063322296087528","host":"s3://npm-registry-packages"}},"11.0.0-canary.06dead2d6.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.06dead2d6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.06dead2d6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbb339440a033dd083de8251f534cd6698a4a391","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.06dead2d6.0.tgz","fileCount":12,"integrity":"sha512-4CcZVz8feSaS3y1UUqOuJmGZAScbo1h9ZOc0RKbazjhKSHU8un0PYIyO0LKfJLCLuqfkgrLGGe2PswlDIz6gFw==","signatures":[{"sig":"MEUCIB8l6i47Ms/+vWqb1KjmKPCXYiWTw+hfA6HZmLcigl25AiEAp7b+LSLmt1ZwEFJMKUv9CEvgYmRiBFrv0oF60p2iFrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwfhCRA9TVsSAnZWagAAvb0P/2193vl5Z7K7aWm8+8uU\nhu+Xl5Phn1nxCq51pvx7l9nXC7ZURYrHvQXXKD4qh78lJEUFYAQALSCXvixf\nUvk5WVKQnt3q45aLok613Qw+2Eb0t2w8DB3O6eqCGiqEO64HQ3/TFewdAcMs\n2TElGpnGjWFukYN8MmvG/ooXE9OVeQMHL/umnu09l0J3jYl3Kg5PpMXIaTV4\nECno+sISsv3FEVv3V9sFBY9MZk/dWK+egGKbvoAruCrNLAeH1CtIV9/LGjmm\nfHLojt3e62oPwrwE479rMkAEQMqYkBnIuQmtcHMdQj7ah3/G5xtLc47o6LZX\nJbedHL4eZ8A6ZBoep9OwRnWWZRkJKtKr31xrLpGriexIbgg6DUVTo98GaZec\nzgONwTEqicJqPjHzVhgSf8LKjnTGR8XWKbWUECy9kxb8UE9u2FVmNG9jbLWN\n/L5Zy85bd7ZNST7hnzSM7J62H+4g/xs5w/nESKGEVmwY4/KLIoGoqgoVEoz1\nO29cc9smb//IQ5bR+/Pm3f3lTxjP8OUFNDZRSo+SY8GN74BEAWeRJPZsfn95\nw2353+z65kuJVAnlQ2/JRyej4JQUM8ChOLHR42b8p0a/uv6zqUXz+JZZwChG\nKkVs+1ranSeALlxzPNUA312Iwyiopa5gDbl80KM8g2jnq7YW/fLmO/aIOR8q\nf6hY\r\n=ONsj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7458ca9f14be94c1a279bd594f262289d278bd39","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.06dead2d6.0_1613694945276_0.2280692631319241","host":"s3://npm-registry-packages"}},"11.0.0-canary.cddb03553.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.cddb03553.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.cddb03553.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c986aac4d4b499f9d1afb51e6fe819e44bbf4e57","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.cddb03553.0.tgz","fileCount":12,"integrity":"sha512-aiWjY9cLIvYCWO21zK9TBPAkfU5BhQtf3qghIQ6jXp2bMU1j0zcwwZv7mNGiw8eYqUMl40Y++GIbR49SfTmpnA==","signatures":[{"sig":"MEQCIB6iWKCMbds9UPzkdF7iTzTt6UtHlke2wvK278jxYQrFAiBCnqTBjhjZvHLMBAsGHM01cMs0yVbZG4iG3YAARHtWOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLyx+CRA9TVsSAnZWagAAgYkP/io6Jo5VNaC1pVhWvISY\nI6mUJy4d1h3tXT8f1eqjVj4g3YfN3ldkO2ciIhpW60+FzhaLho1onImXEywU\nupvkzQ9i96nncJebDnCVb+fkWIpYNsMqXZLXcxLq+XYnoGrPUmG/xYkl7d01\nGhnZ3gVz6bcRFgqkAYXQe/aUIV8Ght71UZN+Aw/chpibR4t8JpPD5HiaL2mc\nkRFl+orzyr3G+TJWG942fj0sjcWxcMVoJKfrFZg642Huju51EoK5bGNqBxJX\nNgIhP1Segoww4yk0j4E8IzorSIDH5erLrqLuvwGeH26Y1pCawpAcD+7laDXE\nVNiqmo9T3VWcK4EZW0G1DhIFrYUWro4wdtvjUX1nI2aaKVAX7ZJMj4xNtPgG\nQ4hFqJl/gw5cVIYZG7C/O8cNqWpQgRkkv97ZC8J2fqE4LRuJqq15eKnSO9Wd\nRxm5OALN9EDXIxCvQI/OJ5kxw9iX1Pfb65RPHH6BkVejvQWJG4ciSWs0E6C3\nLvVT+bVFTaY7G8QMe9B1X2kpztzfiHq8EJkaFiyMdW1NhBtHTj3yVjbWsZQF\nWlhYuKEWQeL4k7z/zSim1OkK8ImNP6EVLHj+rHL2RmLpaiDBsJ57hB5KZfav\nzs3PPZnsgm/EWOC+2HxR5tdZSYSNK8zjXsRycZ914NF5vGr67QBpKNt2xwyH\nmeLH\r\n=WPIW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a8deff13e5978e42ae51f60c844f7ca0abf64b45","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.cddb03553.0_1613704318169_0.21908797058951568","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6d8d0476.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d6d8d0476.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d6d8d0476.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd5f92cb44633ca1f1130e052cd01ddffbf559a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d6d8d0476.0.tgz","fileCount":12,"integrity":"sha512-MJbxj/d6onoYvQdva1ucsmno3KvpB+zPCGKF4ps/KM3paPpSzCfPLFug3ji/fNKyhB3Dw3O/7p7sa4ugUpL6eA==","signatures":[{"sig":"MEUCIQCZTbI76FG+/RSpoHqAdAWa0b0IO+b+fJ2//od4ho1ztgIgdU21Eq3j1E0fhWJkPZQ56MQztzBlSm/GqFdifJ/QnzM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL04VCRA9TVsSAnZWagAAp/gQAJ6bHLdC9TdSuBEf1WuV\nKPUPGbNGYIBJSOfqEZsO6eITIxVUh3uymTTrR3wK3Tz0p1hqGz7U2xa/KE9x\nv8uVt9ImBOaSOaSYEeNatQbAumpw10wkjmUQqtNCRq8raI8s5lSTPnC8feHX\nVSvmTxYfVZOSgv6ImvwZphRE2Pae0DgKJM9+d02rSykY6m3wxVhMsdCfz2P+\nZY1wu7009Qmd0ZaIQzp1welmiwBThVnoVrbZJu3HYlknjbRZQFVI4b32OcLG\nHEFHNAs+m/HnTmCO15XZnwLOaDqXXXx2e0pl7X68tQ7TY9s4qUc34AOTELxM\n3f4N7wmhbSKlHZmWQ72Of+N21ZDK58yv5c/OErhEM3p16UwkwAjuT8ecCWAR\n/jndu1hZBi+nGZJ5r8eLSi38+dFnJbQs+Dz9YHwY/vJhMEXOR4n9wJW5cAB/\ndOS6zJ6mC3X69FVkOklp+nACNyLMlG18W4rPL/WaHaPXq3kl6rbfA+nhkoSN\nIRdTh602DESUPNltqLzvrWG7bFk5XULUaH7vaQxBFvXOgGmcdiP3WNPAljfY\nO+F73v/GIGG4s6Mg6UuWnyl+W6oSZ+jyHiKlq7uKE35elnZ7EJ6ME0b6gTLI\nn6o18VhzYQXaN+PIFqAB+Foq8MBL+nfZYouB27heyroFjKdACRea1HMoqkZg\nedlM\r\n=3k6S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"17aa6317e2c1a8109a8bae34e962d438f170f811","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d6d8d0476.0_1613712916925_0.14779635913580802","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b4a4b2eb.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0b4a4b2eb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0b4a4b2eb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e32019668f96a788a51c5cc98d0e44671f864b2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0b4a4b2eb.0.tgz","fileCount":12,"integrity":"sha512-HpN0v8EwGNEx7aUVkFtshUo2GHqkdDEnk+8HNrvf42rtPQJtB5HygOlYq61YTG2IZ88ZjVta8JmHoJ4tDBAtYA==","signatures":[{"sig":"MEUCIEbJOIr/ofRTJTqXKA0ByyCK1x0bGbGjPqPCEtfcyXOeAiEA0T1ASmJtyzOiVzkiGdly2D3GHYKaFvotlmpL9HXmDlQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL9zZCRA9TVsSAnZWagAAMqUP/1aF/NDBLPpbv8F9sfwC\npawKZzQmRJjcSWzbzKGWVEMcPnnoNVajs1p67YsbrGkd8mnQOO82pt/f4mH9\nuCM+UJA6W86T4Ax4TNJ34zOHxv291gO5O4RmR6JOeM8j82+rEP5fx6mj3lf6\nWQJBtUvwTpiSj17wIFEbg5iiLwIP2E7Modndyl4sQvgRrXPqt971sRhCVCt5\nSyMciH1J1A+syi7ATorpfPAU8r2BEnBEgEtCJblRhkBTceAdhEiykyUG0864\nyXA9Myigjm7PzlHuuHbF8vJM78jB1rcNio/tqT3pEYNZrqI4n0EWtGXFirsW\nO//AjSb3HEBNQLyEHP3e/hWz+TBmzMt0twpAHTPs+RGatCgRhz2HNCNoq1VP\nyvIiS1pnqtrxPL4q3I2XVhe6cilU03sU6NYjZAvf+nTs+bCceR0LVhccUeog\nYlOK8KsbsnEoxq1gfX+qjXP6qUSzdQIwT4UfsbdVrU+1NDxCBTLvTmSt8/83\nRNP35DZMVn8APaTlW4EN0jIHjYp3DZ8jz4V/FjxGYPPffgorg9FHhWzK9ue6\nz2bdTBRtjbXPntREcNseJRc+wnpJoKFKtPkBe4riIQU9FBfuHjn3Sr90TalW\n/srnwSk4sXXTjlgvvPQkNww6RNPDo8QvrLXxbbBxCUZzA9SgC9OScUbbgBsR\nNRCM\r\n=0kiL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d96f438a60c2d44b9a3f9ec055d1dad78d316e6c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0b4a4b2eb.0_1613749464366_0.4893926914039317","host":"s3://npm-registry-packages"}},"11.0.0-canary.3201cae47.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.3201cae47.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.3201cae47.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50299cf02e51c0a1c284d541c2f78fea7045c020","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.3201cae47.0.tgz","fileCount":12,"integrity":"sha512-PCydptK1ogcprs/UVR5C5QBS+igUwLHsumG4LFx4BESfquWI+QQ08pqvMkqw+PC/2LClouv3/Y+qzEWM5U+6gQ==","signatures":[{"sig":"MEYCIQCYv/VY1APQLn2jeab/rwEU3Hl/nq1k7hXzKVEXv3ciEgIhAOr2XHYEVvTRsLOHqYYuJheXf7hlCYmoqKkaJcLJVSz+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMELICRA9TVsSAnZWagAAlNwP/ikDggdaKwjj/8/jtXzQ\nri3rTkVKJUeV1YqcUrmqZ85XxRynxsgUl5yxgZ3BAgqufl01HOjBr5sdqjPN\nLcxI8a2uks796+LUVVSA72gEARrCw0h4UndbObfMmNHtIC/UF9sj47HIRDbA\n2oVj4IwehQfMiVuJL4ujHvDCxH2norHd0+SoGhVacqZ2DMc0SN3XhBuFyWA5\ntT0idonoVgzkFvDEK7Wb6o78TUx71xkZ3dgYXDi8JcVv9vnsGCBtSUOZ1RQz\nK1o4bPrgqlmLzsoL7qQx6xqG/82FyWQAJCEKvxaV9nrViZtBoB0f0utAhEOJ\nzctmELVmpON3Ujh9ai6Va1669u2MPTGYcAWf5OGAPKKHcgbRL6BDtdBC0+Jv\nJrj5dsg4M8Lv+/bmq5zG+PgTXl8bDwm0srM4gzzJlxb9NgSvhV7+5RY9crJ7\np6ZE9EYf4mbGtUxpDq8I1uuLx3zQCNdg7S5/8zZS4Xrg3eltkfD0AOkOxg+b\nCxIpREe8lDR07+AabUv5h05DBJk9fF21ju02OY/chaGULprro+RlllU0u2NE\nP68oQfO1b4GIkfFkB3fcF2iVexsUj+T9L4LBhl5UWHQv38H27/UncHo42pF/\n8SEgUUfGrHKujpapscsnWHb+DUOsHzXpw5uNiDDE645kQ9mVGYy93Ka134+v\nqdIs\r\n=WzSy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"274d3ca7227bee74ffff3d46ddf3ae266226bca7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.3201cae47.0_1613775560396_0.35836614295009395","host":"s3://npm-registry-packages"}},"11.0.0-canary.f1b1fd5d3.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f1b1fd5d3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f1b1fd5d3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85fb834bb1a0b3d6fcd456d590c962069a3fe645","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f1b1fd5d3.0.tgz","fileCount":12,"integrity":"sha512-oFfrM8b7NgLUKDdfBf7mzkx1uHwPCNSMudeTvggf58uv1bChUfSrBiPoEbSHaAKbRDGk4eW2RPckT9jiIdhSvQ==","signatures":[{"sig":"MEUCIQCHDbZIE7KVTY61+qWQcK5IfPjXSBe1Y+3D+tYp0MF9OAIgdB6AZ8NaEwO1/SUuEo0qs+bgfnYmtkaOmFIZGzMhNFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNAp6CRA9TVsSAnZWagAA0ZYP/j1rUQXvVCgzvsY9LkyA\nPNJk7FnZIp1Eobj+J47O9ab/MzpDEbVjG/5pXIsA7sSW3Hu+uo5lVYwBRV49\nKbZeAA7vqwNLkyYQR6H1Uk6XzP+hBDJi66eGernQ2m7HfzrfrjQkDZrfPGPp\n2QzTCOloxbVmTxYeC/jNspefO6y/7IYeK9jNFCt+cvTWt7UOMk+NjlClIuWq\nYHKlQYkKXTo/b+5FrKG8ji39NldYBOAiuKf0SxQlYqFaeglxRJj2xmMuXHZM\nsopv1tQNYnwA9B2WHcHeev97HWXJ1Xdr/mWya9NY0WIiKTpEwn14/fuKrxr4\n7zjUSN3TY8rSU+pYcAL4gBUZY0hbf9CBMkhSjLmysysjLYYBM0HGkAvyl2sl\ndLGXgeY/s2fRK9d8VoE3XOr14+tO15KZHV12azbxqlJQG34EdGAizsz9KoAZ\nVZALKzCbBthKknjGFg54c92NjMzYM6ynjgjEbE0FReIrZYti2QAoXV2d4Q0a\nKHz4/xQyICRHXsIjCqytzfR97iEWrVXx1G7d6mJ+Drco97Tf82CJ9FQ6aInI\nTmRGHPmA7DSp4WaLKUPFzjRupQ4Xt+jfgIUJ8X80My9wYh/io8vfozaaxiUQ\nabm2dAT6jDF6KXBYezw4zqyFAKzbLHXP2wbHX5DYvB9K/wIFYoNeReocmo3/\nRMcy\r\n=njDn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b73a5cc3b15b450664de92ee70312cc1e8b17304","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f1b1fd5d3.0_1614023289616_0.026234984432010888","host":"s3://npm-registry-packages"}},"11.0.0-canary.7899e0fe0.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.7899e0fe0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.7899e0fe0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78c2bb1f3859bbcd9d5f7e3a8f91a696c3474ae0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.7899e0fe0.0.tgz","fileCount":12,"integrity":"sha512-k53dX5YUIWUt3zICkp8OBoZS07kvUyWtyiq4rss8hFyB/jhesrypNnZvMvTAFRvBU2at18UbSF4HZ/qY9LRTQA==","signatures":[{"sig":"MEUCIETfd1d2CaqXW28ru5FOxU/oeSAshE/sQSpiYFDD0nvCAiEA9m6qYqpsCyBFtcJ96Jxvrm4Na4WzvPBPHO+ped4TO+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNDPUCRA9TVsSAnZWagAAToQP/RQkl9pH9L0EPOoFdO2M\nriXVRWZOKF4ax/8bIH0nsBOjN2gdVMAxu59jXLycI4dO46vu69rfw39Zlk2Y\nr/SiPc+weHwp6ZaFA+eFS+pZ/b4RFc+K3uTKAkmLb/XMHaNQcKJYj7wPCA2G\nNVONLFl5jlU2rYsXaEpIgHLuv/Rv2+ybFRsU5BzLa26+6oLVkrxmsN9hN4Jz\nN/yoLAopuRiJuaFJ5Eh0liI640cuE9g/dDJT2LDt9YkVX4LxjYs3CQUIBUlW\nh60h6OP2W4zVO+IMomIcEXF2Q34NIg+JEYWtJCNCtknygCqGDprIdjtSOrec\nRTRJ6bdNV/LDj5RKHKqvUFmTRbDaZZ2/l4DFRkzOFod3bBhczPk9Hce3N8Xt\nvO2NdoTCoInQTUTpM773YppfeNYXNBTafgP8khb2JWol2DbZHHrh9todWo0V\nVmlE75bHDVfXsWNIJ2Pgj6Q3ON0LtyTU6EbCwNI7AhHr2SBkHwZjYRsEg917\n871blwBfUfI25FsAIAdCp5kogGXLXW3BCJmd+35UgiKG76Dp86J1WnrZtVwY\nl1B2llinTk/EHMTdhZWzZN0VdsJGFndcyFDLgqo7P0O6xdahCtJuFoayNd9Z\nrekrh+QK1BT09vAe8KEf0h8++UAHWMOEMYUiRh90ZXFShQHVb1PxMV3WMy3X\ndi/g\r\n=A/Ea\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"73b260d2233a31311cff76e4c10438913b91c2ea","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.7899e0fe0.0_1614033875945_0.5227326487306336","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19c86d13.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f19c86d13.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f19c86d13.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e73e9a00f602b212da7eb7070b3c02052b7ce1c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f19c86d13.0.tgz","fileCount":12,"integrity":"sha512-pg0cJtLKc2ajjKJZuc0ry+xn3nNeQMQJjYL22xP7gU1eQjwdRiX0mCJ/qSkahep+SHsc5mBOsvTO6w6EUpNYEg==","signatures":[{"sig":"MEQCICitsGvPp/FCWhMYJZeM07SDqOHVssJ8QCAVoZOmH5sQAiAcaLwEbNsbH5MLDr//pD+Vvftg8oVHXLcjHiJ6ZFQSyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgND5RCRA9TVsSAnZWagAAfxMQAIIMszAhsRKbX5YkqA1F\nZEq1Dm+qOZTl80fg/VJ9e9K5ha1C7BMtmEhgnmOohaKWEHcfeCwHdyfVimBS\nH8zVCO2b+EFi67/CVqJJVi31ETMR510TMv9yAW98HovesKNt6jwW8Vaw+hxt\nA84GegX0qUUx2/I7yB+b71Zy6QKq+YX7IB0z/4YUZrhyIkPfIf3uoiyFGcIn\nHw2VkW/6s3jkg9eaY3WfI1JHWm+Q58bL989jOF0MH9gp0FLf1eJyjv8BdvKJ\n4TBDZvtRAbtEzk65qzgMDg7XF79hZ6S6CtOHRi+S4J1inZt7vhIJ4JpTbAO4\nvk7zMHtHJnbqvZd0FJ/65a2D6ad+JavhtQyjbqtOG6tza4NRoKYRshPCkZyF\ne5ejpY7QQBY/CN8SNFzEJvmXWE5Vo5bJbWQfcdJJyWLBfr2VT3Mrajy+Py5G\noEKd03b9y+pJfG50Z85NECh2FGuZzVaKNZrR8egHfXpLFmFd4NQIEAkYG2A8\nEsEpY6WAbN8gieAdJVAv8yfyWryep03u84+a8bm4KtvsS2EIEjV6uVzxxLJ0\neG5vw2CasKVUBEgQgfj6tCWuxeEoII4nvpF/BptFfB7xGqMuj1WrgqWiWNGZ\nReX9EINSKxwt7XPexdYLsEv49wCv2V/n33D2ZHFmyVEsWjcX7vTKHGJFuzxE\nEHRr\r\n=ITTA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4b2b851fa6f3895a9e915d4bdc5b6b6715a4260","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f19c86d13.0_1614036560428_0.28104008738206754","host":"s3://npm-registry-packages"}},"11.0.0-canary.60e892d79.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.60e892d79.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.60e892d79.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c0e2aa888918bae5d38fa6633e2a9e669c1dbc1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.60e892d79.0.tgz","fileCount":12,"integrity":"sha512-SwV2bi4z93muPLWHyEsPqEvL8g8cioDqU5K+3YXsem4I9M+rLxuZmCSKFSdq/X/d1df/SmtZTBTny5EzrD5KqA==","signatures":[{"sig":"MEYCIQCPXjqDNT2vVD2ftaubTK23AwU6iI7woGOWV8vXefRU5QIhAJ0WdKk/iCHA4YG19+VtZvr5lyR5qQISyRXgDlr80mIb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNFZoCRA9TVsSAnZWagAAfmkP/A98cqPk1Z2yyG9eJWmG\nX0EvtIsVXXWWG3Zv14PayOrz0oGog+VJeR/b2cnuboI20KWLfzno9yijd98J\nm3MqmsglAfzemzh51RWxBnsW+iDDzwssJVTr4gcxx5SJGANLi4fykAqiT+g4\nIO+6Z6qjkKUhmNIORyi8njxO6TFMJAXjtp9PSJSdS7xhJmX+7BmZduGiu+FZ\nsrGCYhKsDpwlU1tK5lKEWMV4OwjYZwoHbW15x0tfL7R1Wo+7kqtzbez4Ukws\n5l0TWguFy/Gw0puT/2y8AqrGicYLtQba9YLavuZ6fWU4CzaSrs+B7uqqUQri\n7EsTuV4IvDH+oDp/IyGUv9vzimHzGaxfDuQF80S9OJ/WCdIFvaS0sOBGo18E\nhYjm0NUYfI0tEWVZ3ircPCQ1mxNKk7LJRoOGCPCIFenf4fZCUly0v6nthlZS\nuTb5iSvJHQ4ly2MTqjkS+Fm8VhJ4uhzsozkYZDkayKKTatXdU5cH0JkHl2k/\nov6cKoiYFoNvIOQgVOEB5l5TcwjQHvk10/HLtyGYUh0NALjUTUiFziLOliu5\n7TzGVuE/iOCFbWtTirSL2uo6ceWWsWdcEHPiVPJz9e9n5E1Zl68uo62IX6tn\nrnWpclx05bWX1gfM0gjjeYnIksDBXw+jsMyj0s9qcxLlWzXxSRYYtiJJQeEe\nAeSI\r\n=TTWR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c94f9f392484897a962a9b7101ddc6d70e5df67e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.60e892d79.0_1614042728040_0.1567660216207647","host":"s3://npm-registry-packages"}},"11.0.0-canary.c96bfa495.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.c96bfa495.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.c96bfa495.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e574088399de46ad20e5e51e6bd20c8f027f317a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.c96bfa495.0.tgz","fileCount":12,"integrity":"sha512-edBsxdFDhzgx3rvAT21NEuqxrBpo/0tKxqXMNBwU1la34bKMXZCdOwm4LNzW7oj7YDxFWPdebWYcT1a2riobCQ==","signatures":[{"sig":"MEQCIEi904hMRK0eUogxxWZAum4h8jI16+5QcOQd/7LyxWrMAiAKQLpAcR18Z7BWdRT/dar65U5Q89a8HJuq5rIh7WxkVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVgWCRA9TVsSAnZWagAA4CwP/A21E5PoQRFjAy3gRVi5\nVwGxnwbApe2px+z2Uyex776bIyL0Ufh6b8x4YjohrZjZgX0XpVRAvxO1+mJh\nF9Yk+qV1CPt8Xf4DiqcRqq8Tq8dzTs2xkP72Tk82NBuOCAozTqdzBfMz1AeO\niS7YrlkHLxyNba26wgdwUTwyVol+De2+ZX3TP9FcgW0IF7rg0IWiS2JwdSSb\nYp2r2KoF9mkzK//nHpmfk7h/vmhoJphAhTPEP2iRU7pxOCGOE6ohqdjBV8pS\nNhpbFW4sW341afFepdv+GF5Pt6AcO9VM1JprH2erhuJ3brDjo0kz0/7cN7jw\nyekyRNUKZuI5571/flEtLgMSgKuMRbz9B9E8szo+FVWlPYeW0/55L2z5a11o\naoci7nXNLXztNcrRZAIdhQy1U5mf1AXM2sM5ZoEvMzOr4Dd9mRp2MeDAwdRR\noqpujDfwoMIUn1QuX8RmXq114hHczWz+e2LNy7QOj7jBhs89d8hlv2ErQOgz\nJE7kQZtOgyblov17pEEuB6Nyv5rG8/1a1h7YOdL5o0O6Ad4mLwFKbxQ4Rdyd\nkA3fdOCcWXnefzRwYAIqN9lm4mVGWrJ+d7LOEgl0PhIxivlD7sGo8DCjktta\nWVKlE4weLhKc/38dvefgK+xAMaSOPKNX4aSxOIMmqpVZiP9qZXozldMzM27F\nLrGs\r\n=Nshi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1fd35f98370bc606c6677b7045a8acf16c0ea7a1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.c96bfa495.0_1614108693720_0.7966568525905442","host":"s3://npm-registry-packages"}},"11.0.0-canary.fa9b59f67.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.fa9b59f67.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.fa9b59f67.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"778d0e61af20d1bf5a5fc101c4040bd4098856a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.fa9b59f67.0.tgz","fileCount":12,"integrity":"sha512-K5RYdC+UVYjidEpHCUpg3QXGwywZAK6ck4GyfMyksMx4V9iNIjH/hiDuHtp/h+8oFb66JZbpRCsRM3t9bGeYsA==","signatures":[{"sig":"MEUCIQCA03P/r1Q733EURz1TL/WqrU1UMrcuiMgAvJjq/Fb8QwIgNqh9rZa4Wt5IDK0gLgO91D0TwetzaGGQNVMKN9OWoC4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVhcCRA9TVsSAnZWagAA1LEP/1Bz3cOQAd3VO5t9fRbb\nzbzMP/PBcKGcmz/5T1ctMVkBjn4eSaySgKWnHYA+SKJvU/W0tSq3+KKSOj9f\n0caxTkycWlTyXyNpzNPcJz/untgeVwRtmZlNoPzTrsklK+RA+eERMYAXeXSY\ndYsf2RDaoFVbqhY0L+v7COoBclz4TBbYWsqvPzUg3DKcGRzaYxboS/as1jWN\n2rr8OEQRvUyMFWMviGCpoVekWFa5Vjcr60Gp/T+J2hKyHfjf0HAX25uip9bP\nYIAHzpbL4vu5qDdLTrbkmC65O3Kft7N5MCBqI5J/CFdKeWWe3LsFdxtqowCC\n/pODp8Xa9OJHMk36MfX1663S0KkAfoZ0xnnK2kSmuwAg+CRsfrvL1gWC2ub4\nPjfN7TeUz4rca10vhhX6t1qBYSNtY3PAQ77hjn66Uk94NPG94yH9BrGL/Zse\n5rp4p6CJzTIrC4UYA1mbQhPydMZvvqKQ+stdyRKcMSzHLzuOew6ozYoqrDqS\nKtxdqJRIH3rt36pxupQkCtHzq98V81Dt0gty3MLCVVm4cmCUaxdNNQ79vG2Z\nirUaz2gvZZbYbjYkVQreXyzvPUa+CKn/pRLeGjsy0nJ5fVnERhs15jaVQxLD\n7gdWvus1fV3o7tKRTUBMSmSizsSoMRG2Xa1tOcPV8pxLZVY7dyOqxPfetc0Q\nJvUb\r\n=E+Lp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5fd97ca8b5906f3b3097bd333237976e3e93d192","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.fa9b59f67.0_1614108764287_0.2718473164289379","host":"s3://npm-registry-packages"}},"11.0.0-canary.869e3497c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.869e3497c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.869e3497c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6452f64da7e08e7f19d355b89ba69348e6d0d84","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.869e3497c.0.tgz","fileCount":12,"integrity":"sha512-AuxEyTwqO74ni1UEUVIn/KO2ox/JIKk1igjRvjhGSnumGXH3scQp614YWjiwD5Xx79j+UR/5GObdEL2nHuYQ0w==","signatures":[{"sig":"MEUCIQDxxuBiihkQUnfi1HPsgNoFV9+K2LrWkzuPDlbdcL3k7AIgfofl5ad9HwV/nIHeupp/OJb0cdu9rdR0Fb2uM3ueYdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNViCCRA9TVsSAnZWagAA3UEP+wUP9ouQbbRGhGk/JYAg\nJcApVo3nI7hiMRQSp1qut4INGfyPt5aRx/QISwlmf8s1YYDG6CjuCgac9N1W\nQ/sZlT9HJrM8p7mYQftMLRllSzTwlMNx63ve5uf1lPgcrze+SKwY9wKMY9VU\n4KZwTvuorB8PbaZgJ7M4y6Kh4Xqe1AiKQMXKvaddAc1jlaQL4tqQkgMLf6FA\nAQq4Wz06QLBoCpHumzz2l/HQ6AyZItycQFjbW6YZGV4T/oI2DLXUliYaAY4P\nHIFlHewBadZV+3XQaGTYoy+Qbvc8QHpPVtKYBA5XjUY9sReJ/w3fHSE1olsg\nkInr2M6Ax72DSpjaWA3esuL9kPR6FnqMUtG3/5ipVIRpCSIDcMGHLNX4uvTR\n7sOsOBEWABU8mSOLUjLkYFW1skZ/cwnJNmO2LTpDvq4eRPWMm8wbLI1tunaa\nm8Lek08gMPKOdf0GI0XNjWRQwAdan7WjAvH/d5przIRV0DrkEToFqxdMeFZe\niDNKtNk0OECM5AR+LCeleW0OK+GM70HIDZ2bUttUegLZaQFMdEcsgo/sU+pa\nkJgHems+i3ZEzmQw+hw+yt9o+e+fMRL5XQxdHGeXoUOEOmFW0Zq7J781LIId\nwhutp7yAOUXNPTph8Rg29aIQUAq19oPBnZCowJcsWvqIijBn2ADW+I9pf+UL\nHgx+\r\n=PQcQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e1e116734dbd0e962ee4e11a9952ba9ee6684da","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.869e3497c.0_1614108802361_0.9380974152954848","host":"s3://npm-registry-packages"}},"11.0.0-canary.750980728.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.750980728.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.750980728.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8d8cc75a196d6fd123dcdda1e0a9a51c9573023","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.750980728.0.tgz","fileCount":12,"integrity":"sha512-llX8a9PCk4SBgA93XBULYL21dXwIiPJao849rz0xjebEVVEVHrnGRB/ulhbzoY9kv1MsmrhPWNUcC7nn+3wkoQ==","signatures":[{"sig":"MEYCIQDyBZ9BXD8CfPb/uqKrUirqIEX/+DiFHY1V9EyakHNnEwIhANml44ALzyJJp8x9c5y58fdrs5DCardiuHZHuH8MRrWa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNViSCRA9TVsSAnZWagAAs3oP/A0vT4Qxy8ONBTPv7Ot5\nHKVL+2vA9xtH6M9+TYrGGCjbwP3SkSiBMfkbI0kzcFehQliEBwr218WEwhU+\n0s063jbdnQanEIhSPM15mQqf2de8OyedNJuarp2Ds6iA/zf+h2NXF3FHBjQq\nnR1ZhUXfGEhQVx+k1+OYtd0qiXPB7QF9st3z59cpkHUtgDMuBn32CfcobnxU\nNAXESSNy01H4MaAbPZS/XMofexkdvd2qh9g8u5IAYZo5bNHe0UNR4DEdRFMc\nxdHPqoZP4pyFcZtS1Ud9ZKuRvj1JXOg/0EodTLiZYEZOZqEkfOa+wy9ED6Kk\nh/xm4mhgr7cxmqi/8cbAtQw5CXvsl13ZxNSDDjlQKU1viM3GgWa4xw9S/4KG\nV9je+0PIcg0d4Ilt34xi54rr3l6/3qR4eM4A4QewJRlz5NOGq5/NzEX8Vsyq\nO6caE3UC0TXS7O2FnxN7+XzZWcCJU/2+W7avH35/AgmxU3BOqsZzhhWKeZOc\nTJuG02BkoYxARUOEE/ikjaZbYyZXAy7aISw80BG4C2BrGDeYuv+NjYlV3gpc\nsSV51jYg++RB0iPfuwZM8NbJ3zcPQmMV+50uXmLQud4XyOMS+26GQ8rUlGEa\neRYRcj8pOFtYxamy/6ryURkJaj6oKvPq/wzVm3q3ags7X4eq9rEm08UV8DHq\nK8vG\r\n=ZOmc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7cf47593c91398b8080d7a614ffea3df68ac954b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.750980728.0_1614108817687_0.40595235611969316","host":"s3://npm-registry-packages"}},"11.0.0-canary.8ecd7c9a9.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.8ecd7c9a9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.8ecd7c9a9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d34e7552df216527823bfc72455607565be56bc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.8ecd7c9a9.0.tgz","fileCount":12,"integrity":"sha512-ujhJE8zW+zNYlj6HfDpQvc09EiedU7LcRFhKLD4gN6f9tN5hhicEnPdilpN/8bBBlk4xWvpQZjMl/ZEcXoiidQ==","signatures":[{"sig":"MEUCIFLH3Qb7m0Q5pd2HdA9aTC9VsAaM9cmnZUcWc3LJLnlLAiEAnQVSNjRFRC+acf4NAn6ovGqGk38yANMa4TwlgmcC+9M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVxACRA9TVsSAnZWagAAwiAP/16oErCsZiXJRdWzQ1C8\nXqgeJIOoUEZ89bZEDiiCRUYDBe0SBJM+nBdWdwxqaPodDCmEeuGCpLytwCro\n/hDhyfU/ovyBoeDxUfcfr733TKSF1pXXJqdWOndyGVbXZ2NHPJrN12gTUPjW\n84BdFnMGD0xq1vudqJIiBQlVRuPmEIzcPBGheg30p8nVsHaVED/KyhXjIYaf\n43QOziGl21rMELRR02NTENF9+rM6G+FtUDT0TTJwwZ1Q1Rl69vSpmekx8+jJ\nuT0OqLyHvHRxr/WpxPcQASnvpGwc3A5AnmAIYr9xUnFdpltrsvpm/faxg6S1\noqcePjHdlx4DKsoxKch3PWd/Pddvjy81BvAAd7FsZSgSEZ45ZX+9eRkgRTAM\nDMBTznrgLyJkdsZTGL8viMK8T3j5xzTsB5oMS/aoBsaIFccsajof8LfmYh7Q\nBWWBmD2gF4nz4ZXYwFfQix/Wm7F/J80umjbaKiXpG3edyOOWqvvipgh7y5Ne\nBJcnJWtbi517cZCYSuRGznPSyL0WgUZGN0/7TvIiSZRGyelD5tzxL6+5FkXI\nlRyHRv5xQfT16wXvdj3DwB2FMOT0JIbxm8DB8LoR5llIbrTe1BlxY02TaCIo\nG4vbDYDjX7lcekaeYPCVF0nwT/pzX/RFq850YBkJ/ux/gvo9TdT8c2U6j2Ke\nVKbv\r\n=8OlT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ec70d22f543f79f769bc5b509c9dc06cb8114af1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.8ecd7c9a9.0_1614109759980_0.20372217095957845","host":"s3://npm-registry-packages"}},"11.0.0-canary.9c85d505b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.9c85d505b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.9c85d505b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"276cc824618c6935c9715811e76e9f9f3c13c36a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.9c85d505b.0.tgz","fileCount":12,"integrity":"sha512-SSo5ydAE81N7XD6HWHo1BYEi4t5R8mkAhl82H2DuVqToGre/zPRGBmUSQbpWJUBhpphMtre2t6u8x/gJ6M1xew==","signatures":[{"sig":"MEQCIA5mSDzvyynbQY8o4LOoAGb8LW+Je/zOhFR4V75X7mlHAiAlV7oNoZNyQMCA/DvzoROck8HZFITw1jPYiUSWDoSY/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNX45CRA9TVsSAnZWagAAtf8P/2uVdSzD4LBxtZtVB2mt\n5K4rRme3BhCmY002EmjvuSHRWTLgWyP29Q/RrVBBnhhQqPYWmkbHy0jFy4Ft\nc74h0/Kq8KR68O7+XXM8n35JLUsZvOKSw4Lj6w6NTRyOEOhoMlEh/wFF5mJW\nAknMDNdb2gTngvV1Cf1BlCDgszm8fMckyzf1Z9c467LO7xm0FQKkfCB7r2Ba\nXANW91VYKc5OZEY1wB1kBAyEtqHo+PuLCYzcR6TkXC60xFun3x9n0GBqWKEv\nVz8rAgqz+vtf7z7ZCN5hs1d3V3Fxo2SUkVBL4uosgzdbjVP1dzJT3MJzWnO/\nw9S6gTL18++5Ii94gjV7wrU5L0tCYIaeX5nuPR8At72TIb9BvdDQpEMleM+R\n+RSAJJUSzKu6r8T//BH6oe6huqaBz09qx9Wsh5OlAsgYOTGh5JumWcGDscmV\nR7gmBrAFt4fiB58LNYw1TsG8ehvn81HyavEyXvE8fhN6IOonX7PHqzHQgexO\nDGn6vZFNgFkPFSRjPHMcz45GQZek3mEZW3TGSIseeukD+dgclYKGMNEZ6mtJ\nzuYsk5+C5w1Rwnt4CIRMoC2MYZyTcGaepSqvUrAhdFHtTMU5xzHPelFWDLHX\nL2cc5rYG8JUJ9GpDCW8TMGuS1/b5KkPvxNzbaCwA5Rr5c0dN2a8OL9wu6pdj\nH03b\r\n=257E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"374562c85250daef48b37a0e27a506a7e81c56d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.9c85d505b.0_1614118457022_0.5604104975358586","host":"s3://npm-registry-packages"}},"11.0.0-canary.9f2e85fb8.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.9f2e85fb8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.9f2e85fb8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aee91a4735e5e2eee2e8dd35cd008e66503039cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.9f2e85fb8.0.tgz","fileCount":12,"integrity":"sha512-tvXhMJugHYNsFprh/qqxMRmVc+vfYp9SX6OwN+iztdMCH5LMSIkJWjobl11DW/LThsdV040PTwjnOWkglzl14A==","signatures":[{"sig":"MEQCIGgG9XRqKsW5gFJ0VmoVrav0smTpzHC2oWPyhiUesgkOAiBnemTLatVJxmbO1sBS1bopQBCs3cF5FltjJ70YBcLg7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNa/vCRA9TVsSAnZWagAAIFgQAJmHRmB+G3Htoi2sY6hN\nYzGkEQ1DMxaWZFCHlt7FhwtO1gvCMREPlV+xcxGS7X1xftgon5gID/AaSbkX\n9ZVqPRk7xK4jluEP0ayX2/h7qNZ2QLky3vQuQJPGRiSb10AQiLS7I0+i+y4Z\nf9LO9+jM2Bm4lOMrj/PvFlOTaxO/fpLmIFYMP4Jy56d80WAPleM0Y3ity9JK\noS8exsCDFzuwEAz4d/QwDUPXpkVFeUZGDEKpVrqgNeUkMlfT8kvZ6vLyuKOS\n1hMjBnDQORyY7QnbGT4whdPJ1P8+qy5qc+VXhR067TEUeomF/AgygrLD7Wy3\nkMO+vBoe4jfx2GY9GHd7AbVB76QkkrA0TD0AiXdfvmBNAjVxhNJDlE9JqY4/\naVVz2cblVlcqPtFxvSWpc2pyN3bg+xmyasRdiWRXmTm2chqfvdktNS0x5/Q1\ntr7bUHga7lWx9P9MgBnXtexx0JTgVRRcAt4Qpqw20o/Gg5f2fLioIJO2AmKC\n2uMrnfmr3eHCpj4qSLJekKgPzNx+BXhb69F+U7DQ+/uP0LbB+T+0u+QxjVUL\nJIdaOYH4f1jsof0azOusYzgQoVs9B8Ft9v3NXkq8do7ZJj96dDg6b424xLWb\nUjpq7RubyqhtsCfJdkm2IZaxViX5BPHAH/LY3uk5uaOZsU2D63d7HmOOmd6n\nPEQG\r\n=xLux\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4dfe4e49ca9339b2914b3dfd9e5c12642a0fd60e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.9f2e85fb8.0_1614131183194_0.44096648924681103","host":"s3://npm-registry-packages"}},"11.0.0-canary.19c4f29ef.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.19c4f29ef.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.19c4f29ef.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db4f4104d9439c4a4b6a013a4853cd50bd53bbab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.19c4f29ef.0.tgz","fileCount":12,"integrity":"sha512-4/fiClm5KO2M3vD/JJtd8Os2j+yMnGqeA50WldLFWOcrPG5pcoGznXEQHVGgU/JvKqBwDNGQQM84J7Vp/XTrrQ==","signatures":[{"sig":"MEUCIQCf2CI6IKxIjTRC5wLfqQWimS72GYsccuyH0bwwKigZwgIgXPagg3bg+9VOJIbv59R1yUnTdyA+ibf7mwEKgC/rVTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/ihCRA9TVsSAnZWagAAkRcP/iRlQ8pb0fa97GtG2Tiv\ncL9YiAMKHYn9q3bvGxdxcxRqdtvZZrTMf2urPP10llM8RITB8q81weafGch0\n7zj4KTRBcMXdON5LHRTn0KocM2k+PddgSaZ2UiqHS95PHI/SCc8IVG+O0oSp\nsoPLrqgGwCQmsLM2SH1ssftib89MMadJa6fWWzIY5avxo9uC/RmeobS4lCzu\nuRwRLBPO9gRBzkSFiV3htZeI52Kw00St94ZNW4GU3bKE6nnKYzaPaTdbSBfb\nLIcVOQnydQPPNu7fWz1Rk1LOITStdAe+scusPG65OgOftCxFXGGBsZKbj8as\nk1VWqZ1teSBTtFzIcAXkt4qTFWlzUSmz4TjeSvlEL+s5+Lc/ji7h8ifsiE1B\nSkIcnhOd0EgJ8yasPuEVgykhTZ2yLGeFMOnazdDwjdR/I+VDBivJurfpKvHx\nsUP9y42xeeQ5kWQTXc6hi1KIU+EVQPhwIXJBObAsSoB2JYAn+nvJPuCIcRql\n5L/lghIN9QuO9kQdwW7pv7E/3Nl3BW+SFdiDK4QHzRejko/caj48ZIBHJbk8\nAIEOxGw9L0VMDDxiYtgqBAZuS/jAY+vmr3f3o1IoW5hJcige8o+n2INffRO4\n1Uo7ySJOc92iPmfQhhFELBeYhgg2LqGDJwcPnSL+VB9yz7qrdw+O+UtbRbvW\nUBbp\r\n=rqVA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cf61b54810b37e81ab57d447f7d050104a2f6f46","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.19c4f29ef.0_1614280864584_0.017818180717527277","host":"s3://npm-registry-packages"}},"11.0.0-canary.63df6e9bf.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.63df6e9bf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.63df6e9bf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20bca92fe95c7c3eb4eafa7e09fe4df66bdb32b5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.63df6e9bf.0.tgz","fileCount":12,"integrity":"sha512-04+fKWl3ggA6BBq75VuIZEg1z05hgCTaulIl3yCK8dOU8jo06YWjOo/VtBZxL/fDXvE/GU7/4c1vQ6CngjsxyQ==","signatures":[{"sig":"MEYCIQDzZLovYeD3qrSA2KbC/fWVeK1bTRG6/xtTOdnMqZVdfgIhALfB/sfyBKPRlmQsMQSR3MQejOGtknOy8tVskIpKMxwQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/wMCRA9TVsSAnZWagAAEAUP/jygpus/oB9frwD9DA9b\nasYn7YyVBVj9T1OR2T72BZxlMp63neIJLTelfmOJI0igfPzwIQ2JCeyI5h1s\nMalIqzmZKe4iuKGj6dtIf/1YSL+Wst3infizczuSIPEe6cFoGqB0475Q9T1G\n3yGnN+4z2MpAemYKXgtkJ4hIdvgToK+TDGHfO8E1e75fOF4JEoy9yml1aPfn\nCcZHhdL1vEidstW3s0Y/X1Pwas5tN03MR30myQVR62baj81Vujb5NNfjBuMY\n60PYYoOcQBKGTvqy4dvuKnEg00S0GMCbmhBn50am5eGg/LpRQ9KRsyYZMbK6\nTIQvaJJLXtQnIEaNmDuX+9iFcbS3Ny4PMnLo+SGiUrWkkiKTPQdIlaaBCZyg\n57O4S0zkKzz0w2Kl5k70xvoLp6fbeYH6cXvIKkM4xEiNUlMIcucc4G3+l9t4\njitYnvA0Jwn4oAH6JZ3BmSaUwT/pX/QrgGuoDH6M7+2HrxnagplYI/pj9/8m\nOF/TPRGTXsevhVIHDfLSiHTI/ep+49aDRZR5aCozDWzGDCfdTUT5z5ODdqzT\nfxa/W4mKFDWB25evO5uvgkBkZicb1q4XjoTQupNe+BXER9sBbHVUuJr1N9oE\n0c6F5hu0v9RsWsCehrjupnf87U8uIMyukV4e/qSJjWBukparWK4e978YVuk/\nN3K4\r\n=eN3b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6d11b414d4ea43b5c780988e2437ee30c9f1c0b3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.63df6e9bf.0_1614281739883_0.11511035005160442","host":"s3://npm-registry-packages"}},"11.0.0-canary.981ad970a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.981ad970a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.981ad970a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d209f7673fa37668bba4172a1006ab55facc3ffb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.981ad970a.0.tgz","fileCount":12,"integrity":"sha512-VqZeda8IkpKAelwlOk8nq8bCg5/HXCpIbmagS9/7+Oio4D2871sYBcbS5ZW12KgpWRdeoUxSjtLqEY5IdSZaMg==","signatures":[{"sig":"MEUCIDmDPFfqHWl/Hp5GAyt7R6fQyAp+0iXOcEFt2s8OtIOsAiEA2FXkCIIeIW87NDHCQI6mYaT39S0ivpt7WF6TnJ3hn5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODtsCRA9TVsSAnZWagAAbGAP/isN7ZW+MJLJsRv/ZS16\n5Cl14asBuwYzn7PIm0BAWSOk32y4gnJRIOA0J1iVdWgh/plWpbwCBXnC7y16\ndhqq9+b+DQjhUtsUayJDcNrZZJwAplB8hBIMFd0aWl5EZ7pje/YTqcUi93yA\nkKBeAZ9S73OdQTcqvii6M5e/LjmIyBfSaHuTBGw/XVno8d8yWeVTROWORA7L\ncEQajAqDLUr9+dBMkGicE4tV1MmD9hVoQXGb/FMBjq4Go6zla+EppBTvIsNA\nB+fa3UPNhOVTI7OpEA6b4nrDO0/EEre1OZVZVJSfk65+c8OlPBL2fxawuvrC\nn5v0vI2Ep5eIzj0VWxVWbmrXBXoIa0SkGXsOU9OOUWfiSIgMnuZzoAAQ+h7U\nX1iOJ3sbU0H01Lx6j/xVJIgJiqiGF8fBAqficgfjZR8/kvxyu+Tzm+IWLtCU\naiOP5bww87bGUWFRDUocKfnIb06qwKLRXRzDBhRnyOggqf83Bz/J4v6g+vrh\nVIdK1/vl+a51KumpB3KklY20RFiQAasg84gtWI5NUUFOVRp4T26E06M66C+V\nD2dV9DpTCr65AImvMWac0gJhoZH8F+ipGLC5sWoAK+pHhikbtNanCIUhYEEB\ny1VFXMxokMeQYQxKRBH7vioydohst1KElskuY6Q99Dk4j6BIVpwAV2FR5Koe\nWb/j\r\n=ZrYj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0faf6e6b78f0c9b2c63f416ae85331d13aea198e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.981ad970a.0_1614297963522_0.9642953702959818","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9c9e39d6.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f9c9e39d6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f9c9e39d6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d0441b3f2fec2757af2e25c3a42fc3d9b0290b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f9c9e39d6.0.tgz","fileCount":12,"integrity":"sha512-P4fynqOqenuGL+PSaMLO7FDOYWIYi6sKlb2sroqaN/Ud4My5ssfbrSZDjl5dOcgxnRj8NJVpWD4itZhl9JC2vw==","signatures":[{"sig":"MEYCIQDwBjZxx8v/X38dMGr9G8J4U+i3/Ey43qO/yBIXoEM7IAIhALxs68ZuvJoHOnkrotIWYa/hb/s++tklpR0yrZqJOljc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOT/yCRA9TVsSAnZWagAAChoP/2QCf3a/MA5PWFgrQ/ma\njwnAjkOw5mmk+wKTxEcINMh1nKfdjA6sZFGaNqsS28ZsW0euWIZp49Dn0gnq\nW/sKgsxkc4M5U6LH/4690gCQg7tQ70jWqtoaH2YcLpeGNDQMu9zGBceQgOKB\nJ8av0ROM13GO2DQUucShJmBzX+c9BAh8Q5HKyNWvYPHYEAzNRXSVmU6JEvn0\ntDnS3AAtCfsQ3qYC2wMWUauGn8KvzIiuK+hpsTGkj0FeHfQQJA/1kIIl9Mob\ncFGCt/LUQF62Y602Ui5250P26uNh+92Jm1u0N7t2eLKctYflMTyt+6p+cGv8\n5vWYRVQJPBTyZaUkoAsP0fniiE4AzrumWFuKHw8D/zehH4FhVcLeo7Tdy8O7\nTf+TuuiGV72Zb9XM7TCT6Pvz13AFPSAZ2X19TbgTYHXykC4m60hUNrEEpXfN\nUGxHBysjKJM59jg8alNFZhEZzDkxg7iGCjrq6FPEQotGVSIVjyo0w9O26nwo\nmuB3QUbFqpi9yIqUQ2Ge+gm8Nt8rVkTdX9W12+zS8besy/6UKz1RCyk8599z\nvVjPS+jgYunY2DvcNPDgOP5U1cgZTHzFoM0MtUI5xn3jRVzrXw06Jtk8qhqN\n1AmWBfh5A/0bPEb9WfU7cJS+A6YPlpfb6i4p6r1E/Gjk1uqygV99TzSd2lIN\nzmWM\r\n=N/Cg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"81d489ae3f1defd63ee64de05a2a330040ae6406","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f9c9e39d6.0_1614364658097_0.07206681098347323","host":"s3://npm-registry-packages"}},"11.0.0-canary.c97d7d881.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.c97d7d881.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.c97d7d881.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc0f6ec76368080c510a95ee25458a2e144068c5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.c97d7d881.0.tgz","fileCount":12,"integrity":"sha512-+qfS3039KSRbaSMxDvg7UUdKNL9z4OpMOewDLmgYE+hvsyuTDE9UG+SO51oy0M/dorA4ra01/hzxORbMdH9fDA==","signatures":[{"sig":"MEUCIGQK5LleGcku8yva+muvPAIrGPUbWksgQseVzQSmO8nEAiEA9hwC4ICmIeaCfTzzScNhFtjmU7C2YehKkMRFGJxV9O8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPVPuCRA9TVsSAnZWagAAEhgP/iBa99slmKjtY4V6W/q7\nZsHTF8ZP3prf9P4yuuUutOwUzKUNyCmtRW8SGXG7YeOHEgNq3je6M3K1mYD0\naPQRXybyhbWuZC/yEeND/WvZJtZUzsymgnLFPw1jFVZy9y9yVnYBZ2e1O06+\n0tlFl+Jel+17YxI8munk3miy0leA+nEooVGeX4XVONUiqgxUgrzGpWUyOgQD\n6mF7gG1ZkPU9EKHpwghO8JJIV+ZNyRFw1S6Hazu+EC29bafdsapG8c+D9MGR\n93KrTrtB5AZXxvf4HKVaH78eD9sudMyNabVJTRjcb393yw2Jpqt6LhzRQUf+\nzr5ED9tXSB47pBrOB6S8GSzSWvioZ8jkUCrlPXbUxjhwOY+tsnCZv61ICJK4\nXRgNodm1nEBq0ccAMOEDlir83p3MTWq0PjlZ3mXwziiPc8DPmebW+zzVScx9\nrtRfQDyPiyZLtAPK6JhU+9V3gaJyn7a79SgoYwCm0/9A1sX8A5InlQqQ+exy\nqr0dsxlrDOFaHONHNK5xt9wQDfengALUuuq6VgLvkbXGKOZlWgg6Bk2fw8e/\nEGxN3hJ9BUxyHYpGYRDyf4ost5dJJdkucmF/6AKOBOSPpyMd9P+TdHafF/AF\n6JyIOMB1RTNjHEX7SWrM6uJWZhlY7P3yRSDGYiGMPHEW1F8uSAXHTq0tirfH\nMswk\r\n=3+Lc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"27a49055320511cea9f431f9c62d44a6490bb64a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.c97d7d881.0_1614631917594_0.4994564000458248","host":"s3://npm-registry-packages"}},"11.0.0-canary.bf670dad7.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.bf670dad7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.bf670dad7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3567b8cc7f405b372bd1f7c63f7d7b6fde928a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.bf670dad7.0.tgz","fileCount":12,"integrity":"sha512-wajMbiLFC3ajHmD7dRIRoinNdrx6WFV2btHc5ZINLRAk8K8LcxrnCMNiX+5Xssq7AilN/f6huqW2iXWqqtXvkg==","signatures":[{"sig":"MEQCIE+hiKAh4vg9y3xFZNQ6FH3xERgyaks36/7yE34x/d0eAiARcDhQ53ULOnHV43UGZQNs0YY7DUL1Q9BC6/05vSa9RQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPtYXCRA9TVsSAnZWagAATawP/0nJQaTZ+uOuew3uXYh+\nvvjTNWWo86ow0vWCnkpSwLhIFbpanA7P62GXkx28/YX/iA9SpUjv2Pxhl+mX\nrvIFXNhOkv3Mn/9/ryZsnMKr0hQI5RNKF7ESfpYhAsWHbWoIpCkDRPKjiT9J\nOJ1RtCyz3Tnt7NEH1EUPHNy+0Efbp3IDBnRfr7Zvfq7f3lZJrmdhHEUkoj1L\nnEBOFFjxsPlG0rwTY4f9cI3udJVrDXpxhvhivtO8vZqyQkAp2Ip9c7ppPqb4\ngxwGgRjq78H9wQOSSIHojf3IJlsbSgZti5rIexcnIbHosrYmiKfwtxKQBAIE\nYQJcIsCQQMdfJjJEt+L95RsjnFW9FjG7U0AzrDMLFUTSfJAsQiSWRQX/+co2\nLT1xArynY3uhJ+R9dXrp2nTm4cW/GG4lYdJzedubfQG9gwcPNUIjBKzh6zcn\nCFa97PGwxJEuPkaFZCOhnpDpI+wa0IPJYihGblEVRcydWzR9HcTpwi5NS87d\n3EP0mKVWdpjDTDryvYM33hgbvH23GpWIndd+3zf/tPhxTQGBH7yLnoqkgZe7\n1kN4+EyV5Er6ZMRhQ8oz8ft3E49ieCEfbXoH71vZ6IgeNpdnGLDTvn1f2eAm\nsYey3bBinGCvyhRGGNI6CoCMUx415vMz/WInbno7bViDNIvAGl9WzCids+br\nL8he\r\n=meJR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61b03e5331bd5c886de5c4a57a4edc1b53878e47","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.bf670dad7.0_1614730775158_0.540809385955273","host":"s3://npm-registry-packages"}},"11.0.0-canary.c7d98fcde.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.c7d98fcde.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.c7d98fcde.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1ca294e07f4f75a0c9dc0e13c5303a30a098e8a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.c7d98fcde.0.tgz","fileCount":12,"integrity":"sha512-y1PtJKTqdqxJ9HGryZpYHwDuyl9/opmIytEoR8XrmlPaW/ZSuDJHMTaXnCFNMH8Vg/Vl1ZbkDVZBFhkWHW701A==","signatures":[{"sig":"MEUCID3m34u+iL31Fj9gDUFAOdlZpc2QcI9rK8bsmRcJYsCbAiEApqixKHVknfjXg/L44q2JfvIEcl4v2Kp/8Nbzl4AABPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP/HgCRA9TVsSAnZWagAAQu0QAJa1Cb74aHSm+34SXnAY\noZ12vYPefXTEiKMUb1Md8ZAQT3mDZJmnzux7HoQfPSxIrj+viD1Gt5RApdow\n+v4qyBGFjy7JbmtnIHoPZnPDUDBVdbpsE4QwM2A4X4ur/cuKfHxCf/SVLHky\n0t4o2NEiVuJYk4KnnDRi3H8ytr9q+P+pH5tbGoMvUDESP7sl1GgF9fzfwUPz\nnS8njAyN1MZF1ACVGCBVFpKCRexmHLe+6/RmKIte6JQk2/AScguQTvCRjsDQ\noQZly44TsfN2qkTuQ1J5KVwy9PpWW4x0yF6C8xEdiEL4ZYdigFUBvtijWK7C\nMaU+7QWPCvCBAHtAV5wVHtWRCazDG7Y9LABPwZWVM3plNJxg/UJzvJBAi1Vj\nxZX25Lcu3yqGmA/v/n5dypEa87rPwMpLj1GucYoGOhvjbLKh4ah4HhPiknp9\n7NhyJvRqmXYkr5FfyrJ75FMGF+5OFk6cmqNXz9bQntFuNnPrARGULkMcvbUA\n6PIFkwcV+1oeRLAKxB3LQOOMRGO1BpFCNMtNR6CrSIDnXXzSMO2pubXX6TMh\nH+C1rgua+YfhChCBcRN9WU+CX2CdGOcaqbTlRwaNkClhQyBXba43PB4WiYNb\nx76v2uZ6noiNzJMOyCjfK4ToXIkXBKIDWb7d3XtGIaly8r4QdDLtJc+8pBeo\ndhqC\r\n=4pqG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c5c4c5b417df34d141edcb1fd743d83d7a2b49cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.c7d98fcde.0_1614803424320_0.5791168958284862","host":"s3://npm-registry-packages"}},"11.0.0-canary.4fef8bc1e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.4fef8bc1e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.4fef8bc1e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0eb2969387515904cf1c5a9382602ef02a1ad56","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.4fef8bc1e.0.tgz","fileCount":12,"integrity":"sha512-GQ/8CVG7VaXjI79xBynJnRVKVm593QH+QtTLbe9zOgv9AAoLDBjn0rsSdh9+SKopuD0asc/ylDgGzJ2EHBCTKw==","signatures":[{"sig":"MEQCIG2MwrXu7oQLKUFBc7AtpokwJ7iYBpnRDqQ3K5Td8n5OAiBpJAln8x6cEA9WDntO0wMhJv3Y0cOu0OPCjV9ThYIqqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQBpSCRA9TVsSAnZWagAA8tQQAJS0R7lz1QBUblNdib9t\no0iXhNecXPoPVBisQedUwQPx7eG3q46+cn6tGeHKVAMXpYZi6/E9e3pzncpU\nMXu5GUYworZd3o7vtyA/3aRillGY+k2OAThRI/mVYfXhrX5acX1UQHArArbF\nk+XCBBtt6S9K1qglRy7LXGlxxSyJkbOQ6c2rd9ta/y4Tt2POk2MRZubEeZy8\n0VTOV9VCwE0vOYRJWTUzIHx1MjO7zJZqPiodeUl7t2Q++WgvhFL5EpJH2p9N\n1dK7ZsU2npAA9DGUMh67TSutN0zQ7hKc98P6EhdamJnsC4L3FhxWq+LI1K2j\ngZdfO5QcDyI+vqoHCUjaus47FYe+Ukm25S7c3BZ1jSi+X2vi6T7VNXAiJc+j\nDQ6DfELsGMiOATMJQswzi54Wj9VXSjQoMu3MBWdPLYLQ4dghouNwzvM6RH+q\nudZ4M9cJ/+DDqV+NSk4vht01dxQIDjK2ttrLwTmBMe5L1DupVG4k9MXznpyU\nhWf4WDz07EypCukiB36kF91DWnFm8zJsjHD/iMgDH9StJRUL3yrDfBDtAUa/\n+Ohw3B/P8Z2yGNFGNVVlaRzmGolnkzf7BA6DB4F7kOlFMiMfRFeksT+WJzbr\nfamglk4xJIwA7+vASNmDqvPZLyO0JKK8VvG7zhRsgMPSqZxKHYwjHQYuNJl8\nIElX\r\n=Qct8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"933905005f9c16276caed5327bc6ca581afabb6f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.4fef8bc1e.0_1614813777829_0.5020923902673133","host":"s3://npm-registry-packages"}},"11.0.0-canary.afae3a3ec.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.afae3a3ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.afae3a3ec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0035a4481ac772c827071cca5300be124e90cf4c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.afae3a3ec.0.tgz","fileCount":12,"integrity":"sha512-ZNkNq5cBvlgjpOLebe9xoNYgW0qm85gAdbRSq68tBmioDLgaHb5o+U+8lXqIN7HHQZEXdl6VCx8YIGwhS81qaA==","signatures":[{"sig":"MEYCIQCqklGyJ7OP2c4grB49b5wZ+pbjeYkcVjcIMxSdp5lfMAIhAKU2qKy7ZIV5OOQmRk73yB2YXf/gVVH0cAUsjtcZ5HjD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQB6QCRA9TVsSAnZWagAAQacP/iObloZw3u8H3/UjeYbg\nZGXK3ZuOmW4ghmNrM42GHbin96Ywi3qc8/dqi1Cmq7GUtOH+G3+ODQPwJycK\nfrdXlfE79kyJ9SqqIYsuYBVdnv/9meTGJd08RkipnSXJoEHa5BBoVYJJCWaL\nC+WDwffMWHraRfFsVhdyL/i13JopAYq690beEMqklGBEWxvIdV3hPsa4mzwz\ngs8I8ml6YcuFPylOJbB/STOrRMvkliS6w7Q8b+CYXp/LAvxQpHdW8vEK+mM4\nd3WoNCc9Drfn9cDMw746Lk/wLYJHrk2Irg0jH0oyPvotQbET5VkuOvVnrC2v\nLUM8X1mn4mwJMswUayueF9V71TpMu7hDkyq6zqkay68mYJY5vLQNV3tmxqgn\nl5PAkMieZfbZ237Lx9oVQ+6EQBsyrPoWVpogPtpaWnYDoFmUt7itzPB6Q/f+\nqgx+fqDtFKtEMq3SkfmkaHx1e7fYWK6uGp5+LZXIhd8gFHhjU6ARB0VMnTyv\nGy7KgDZ8sC2wqMmboGJm6oQi5CyMJMNre9Mge/ZLtMOLBX1XR5xsndTfKDBc\nosr+lGJIN2XBSVBQ7+oMPGoEt3h5s3xvWu4DO4bdnn7zUAKLxn+ZrjkRTiFI\nzxRpG34Q8Df+db3UUa+LhZulM6RoMSAiHr9OPkC3x6A1OiU+GCgS/uYx0zYO\nF0l4\r\n=tD7B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"054b07cc588568c82346f2cab8aa8948b77a80d9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.afae3a3ec.0_1614814864346_0.30854959321378406","host":"s3://npm-registry-packages"}},"11.0.0-canary.0a0b10f22.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0a0b10f22.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0a0b10f22.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a58016d9c0c2b8d0a5c508249660423241a4167","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0a0b10f22.0.tgz","fileCount":12,"integrity":"sha512-Q/kpEJpT/wNc7O4r4MPUi+hkphTygNalGjY+iRwqEnAfAhVhmbkqHK8kqZ17bfw05a5CdIV5f4OTqdG0FLHyBA==","signatures":[{"sig":"MEYCIQCqKfYX5t9bHuG+whW2g1js0dt3D1vTsYzcd2BhkK8HBQIhAP7gcs3xxMV7F8iVwhRNLWSW7ef1Qef/RQz8iCq6F2Ab","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQCLXCRA9TVsSAnZWagAAl1YP/0b/hYlKRVxdVsoSYh6j\nPSlouHR7bjDmBWYGYokBCphq9qwgHFrySaylFvn5aqCVaG5y4uVRCpSk3GAP\njhY9Vsw4cy6fw1QoexvU3+OFdSiCh/GQJQv+v5tb8OMhHNsv/d/dTqkZ5i4L\nACs5FGQkByM9VTOlQyAvEHF9jmHlPYc2zKcblufx51Kn9HPs520BZXC0b2U0\npAPVA6LYhAOGVT8SQGzO0XXrisLlt8gXSP1fkUYK3CaklXdVylVIhmrbvEe0\n1iLkQDjOWWnrhGhNAjrRE7OwwooKiku6RtWagU4lnpz1Hv0Px0bROdBrLecr\nqBfve8TIGiZh1E2kus5Jk5Nbyn3NfVsiqQ3lPIUTztxdJ0qmQ5n+hCFuH/4d\nlg8EyOAzZTgHdPtj7O2zmewJ8lQFEYI9aHQ8jNuS54Gz9ZjvdOQS92hIhZfS\nhKkG7w8kcYpZGXfaFpUP7trKYCOP5+8E03EwqBjgTG5aCnhiRhts4O5CIJGH\nBRff7WCB7AxNtxdI7rHi4yiT3F+oFVM9K7rYYskYoHarrIv4VzSdlfpNtKnk\nq4kFt8IHvfvK+Vvg4pR+MvTLfVF1YmWlLEWYCABTH+zoqBlaxlm6kqB8JJtg\nSfCM7aApM4sD9fOXzgBvzDEdigGe4lucfdRk9jyWy4L4HdsigTQ+2yZqiuyd\nKgxt\r\n=uGFC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5b560f4bc4c4b50a124c9432e81b3287bd348abe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0a0b10f22.0_1614815958608_0.9568764096012106","host":"s3://npm-registry-packages"}},"11.0.0-canary.6f678a91a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.6f678a91a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.6f678a91a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbeb99e2f2e18c413ee9236d930c14630686f80d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.6f678a91a.0.tgz","fileCount":12,"integrity":"sha512-Idce4dMUoovkkh9nOGIckSiNvy+bbrGpODXjb6St+/vECFBbj0UP/XiUi29T6SMRwo23JABiG0zXfvFRgqQIFQ==","signatures":[{"sig":"MEUCIE6RnMwh3ZrUmVhYQ//e4T6EF2kDytr8fd3YOhlGVqLVAiEAndCr7Rivn+zLPhMg8nRR6uZzsuXKR2QkVWi6Aq1o0Dc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQSk3CRA9TVsSAnZWagAAmmMP/1UPU4xEyK7yzkhQ2hKt\nRmIIz4Vyqx5rfKHVpYwBqGr9Sh8wM3V4o3DbVCC3t7qdqNjQgnTDBfkB+pkg\nWyiI25ARWOryjIPSvJtxKWrmIYUmZGQtyo4X6rjjJK6oqpjohhNrLR0t970/\nvj9yFCRqXYSc4eK247SMmxuQYVZGkefDaIJEMgJMl6aBDA9iiNuWKrR+C0Ar\nK7mZb0dwYl3yxg9atdkZ7i+vA6L4Aq49Olls9/tgb9gm48dVxJVz05328kDl\nGgwjDuojpE5Z69xE5vSFPvqulpHcFOdgwLB+asxcxmCVkkVQCitcnCgD4fib\nkl510HJOynm3sZk6vCLqKGiF8vic1vWXmCtrxhmhkFtuTA8VZbTprJCQPERe\nNMYSqcwNOcWPbCnLj5SY0IAFcERsZDzp2ZbVWG+c5yj0OFlSZYhNcHvQqPxr\nxhTZUQYGjZCHC+uXkXfDkaXLeOOY+b39voIOCe2GN/6T7LIoV9ALohFikeDe\na9Yqsk801xug/sJMZFUsKftL8biec3FeXC+H7pZ8IUo1Db+rxffb00sIzmJa\n4iwd+eUsUXeZENzcz5QUzi1SpzmpGlSPr2Ol8sEs9VASp3ePLrEE8q1FRQ+N\nTNxYez45LDkpmoBQi+wTIW9v6fBLj8Hu7YT9UJm+KwRGduOPgU57xdopgMxZ\n54+B\r\n=+QoT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"863e8a04081286602f8b0c9bf446655b9399e8c6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.6f678a91a.0_1614883126779_0.07211305975558102","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5f1b613c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f5f1b613c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f5f1b613c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05332eee5e5cab5df06116114af8b8452267cb5d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f5f1b613c.0.tgz","fileCount":12,"integrity":"sha512-Ev+W2neMhhpCqPWMdB4Peh2eY3bMFG78yd4LMFJ95KNR+1IkuNeWTxpXURtEezgGK7GufevZiboE4VcStHY1Dg==","signatures":[{"sig":"MEUCIEK7ZDR3ru9KBNcOd4Ew26kyl+Wc6F5X0KctHp6omTiAAiEAt/Alk7+a28d7zLVL+jQhKc32xSBh8ef2ziOyt4oBkvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQUeICRA9TVsSAnZWagAAOtAP/0ETlw2TZe9/SGGBuc6q\ndleaVp6FQfNIWFrE1WfoMjhDt8nyMcifU0Es5FsqvMXnwy/jm5KzUscTuEej\nXkHAMLqAgCC4nBSFFiRjhlDqDaY9JZe9QhjtHrpLMN8Uw5Ehv3gmaF1tuVc6\n7HBMgQLBS5yN1cMv/+oL8X7ErizFOA/nfKFLKkVYgOICgXpdAOyHz45sf/Si\nAbRAYLRk1V2Sc3HjQmNwOt3ikTG/mFoPFIorwNfxyeBNCicXSIl7LJEd/nnS\nFZc1+rMDR3Ahk0SzV0EKZb1ZzqB7bNd2fGqVaiWRf8jP0xN4yKtV00eMqVp/\nDOCRcoxQQvX9GbvVytMUAxsZMzUEMxiuPtT85Izle5bLRRE5hQestFhMBLtL\ncl4tw55vahoh7vY1593d0frWTMYefLBXpsV3E8PjbYA2bBGrJ4KvjNmIbmQh\njmeNvf6vc7MFtC2350YSEmMbYX7SX8phP6HusJCxEmkQ3avK2gzK7PW3Xr9w\nH+9gC1RNyUw2MqpgcZ0Tsdo6zzNZp/L9kV3KTAZvB/XLOTV3lxRd+ecVOVk5\ncM5b0JJU9uRltoT9h2FN66ZDlMQv5PCLYlELN1xk8gTGQ020vzFjynOhpDzD\ncZvQ/4RWY81JBrRy2c+zWtbsgVO1dNcrIMGqERQ3Zmxsld9vm/43vhMeCbYV\n8rxR\r\n=/PCq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20e2000d9ec732c7cdd0b5c15381f0a55f778036","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f5f1b613c.0_1614890887757_0.2654885011900938","host":"s3://npm-registry-packages"}},"11.0.0-canary.606e767ef.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.606e767ef.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.606e767ef.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ca7cff377247649ee750fcbd29da82a2044e307","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.606e767ef.0.tgz","fileCount":12,"integrity":"sha512-rgViZj6WIz9UlK2PKnCxpflQnkstSZQGFyK99G8+PBitm6Py2yoB/OJG3VtrRYtqqbkhxu5ohoASnhDLMt44zg==","signatures":[{"sig":"MEYCIQD1BWskKAQbtRhTBAIyH7kNJgVA7mLifn0+H9zS5Uci6gIhAIPrHcIlmezZ6vL1PwK6KHOBGLl0Fp5dve7Ia75yVrD8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQVSfCRA9TVsSAnZWagAAIUsP/AnbKY1xY8fuNj1GOGyT\neczk5oiKg5KS9HT5qgXwm8LCCGaRJXcpGUNOBucJqHg4FsleoFz9BkQ2+7qh\nW84qZL0GMN+0UxRBM+Vg0UAw7Rw05P1+8uiteL42YWXMbyqjKEH29c1q9z80\nS2aYIK5U3Oak9QJGGh39eWp5jlsE3c3rVgNo8WqSWux4ewLN4sdZwT/SEzmh\nMEzGA0bfxh0IZZXE5x60l9XwBtDTuYKisRakn2OT3J5rgXaGIlU3oP7ttwV3\n6rRQIL1ByN//yHeFarN89vQDEgMyQJZ1Kle21Y/fR4RccRVSiz9pNx5Ud17d\nH5wSu4kr3iasH0A8SxL5fVBOIPcpRUnYa/P1/7j4uLlgRKJuplKXYwkZ3ywe\nIvDSWZgXT9nuFnDW0Vd0OzaL/LN8aG13mtaB+K4c1lJMX5kXS38LpL9FEmQs\nh3wsKEI75vb8Q2CpjQqbxFLXY4roQkDJ3SgcEqUvb078nzNjU+E6wG1i/9xX\n5vxfr42nyJbtEevohnsvEQIhd5y20saYN7jkneqfBhRU6nxNIXBiyQBfgoFa\nVoVzHBpc6+8fZ/r4rsyzWoY47gx6eRlT3Eb4zFxxjlDajQVa6YtVubeIOD44\nF4LUNusFIlypR/V7nePK6T7W9rG/F5Z/o3ILZJ4dLA1JKGQGWgsn0j1Iy/Oe\nGMrT\r\n=XjeO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34c41b3553e1ca4ee49c0c36a1685f3f462d33ce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.606e767ef.0_1614894238556_0.4255751460080637","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77a4dd1a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f77a4dd1a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f77a4dd1a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87b7c837a49dcd69fb86583d5eaf1bd07db30d06","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f77a4dd1a.0.tgz","fileCount":12,"integrity":"sha512-rfcIN+nJEh1LaNo68KZ6IBYDr17KhKOURLTu+eibN8AKDArjlxCgjy52t/8z5BK9vBE4qsDUZ1GNB6xWJD0cRg==","signatures":[{"sig":"MEQCICSh89A70UB7nNSPlpfx74FwOJuR8IKLp94l//t0YcejAiAj9mutmnkV/6YjsaVdHL+lXcSC6QAs7Akn+6n9D0EDAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQwdKCRA9TVsSAnZWagAAV/wP/2r4RLKeZCcjIYfztvPo\nUr8STxW72P/eVRP8CXZDst6rV9JEwdE4c6r81M4ENLvJhwvEq5u2sija7S9K\nixSKVVgKK8Z8/mdjvAixdScVcyMJwV59gqQLgWipC+LAv57hyP4UHjLP0p6e\nleeeuRtnR2il9P6mY5PhpcUrpM54LTaS2jsX3OgMrP6UoIGcZS0czLvX+y+E\nTR0dXTDsT6LBWGb7TxZtkwF5NDAiHvgn6kVsb0STp+w4ZeSso2o0J6i33OTA\nBm6460/n2CfB+yPzHf7QZQnFGLC4vItADX5V7Xg3amSRFAdwsd6eSXmmreP/\nOY0ES0M2ky4mPAf0SJMXEf5ajK7tJV8PgUBZjZxd32kRw4XK7XAnO2I9Iuj+\nqGgJLUl+HQ7/GpXgt1hV4DE3VadYDOcc3KzbKqiCXz/7cvI1xvYeJCb2L/RA\nE05NNCxs+e/1MlM7ppJy76z17cA/DoGZl7Uy0jbh4/99t5Xd29OjUbh5P2qH\nDTRA/eT2k5Ov5g65YFfJyC4zASHXE6uX8ChfybNCrzRh0aJOq3XbE0z/lLOw\n3U9dlJYokrYPgUuOn4i1jM/MsPO98uR+M9vb96TxFcMErd0sgmGgS04VrQpv\nFkUUp8TouVqhvy9n/k84o0M+xZ3mPT8UZTemLnCc/Nx5ZjjAJSV4AB35EbvS\nwarh\r\n=A602\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9a729bc3e368dfd8685190e8460ffef16eac8947","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f77a4dd1a.0_1615005513634_0.917888006812031","host":"s3://npm-registry-packages"}},"11.0.0-canary.2d6ba2c23.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.2d6ba2c23.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.2d6ba2c23.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fed24edc94fa9145dd7c858eb88608f22b371576","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.2d6ba2c23.0.tgz","fileCount":12,"integrity":"sha512-wiHjo91cTGmZJVQ+NvzVRI5gkgyhlg7r0qFZDQc/5pQ+0wDluVHV9XiFNUvu2BoCZ0MK13JbxJCx3Jq4YQmxEQ==","signatures":[{"sig":"MEQCIEa+OFVXHqyez2Vurv/DOlqz0N5ZjAVYGrQCtzRIOstYAiBERh1ZLIOP2Ao2eoP7doNcp6wxinO3eW6NOFVJ0kkqaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqhyCRA9TVsSAnZWagAAR4wP+gJSSn6LNg/8fSwWxpvy\nRhwKRJKEMwprFaDjPEVXbcJ14zzhlOGTkioU7D/I3KP+ldjrM/WEKAOMlKz/\nNx2vqjiXg/LLyGN0drrhzxyE+8xf5yAlfqrxU7hAz6DvAv0WjzAj4qD0MNBr\nrw9bq8+DN7DpRapim7FHmsvrKJ3rvspIVDXtNx+NMRrs/QvGVr+sOQ7heFbY\nu8XJ5eoqtj/wCiwZS+1qSiPsbYtVDde3TcOF3yAwuydcmdk4JxJiUnP475dW\nzBrNRZWyYLAz5CP6IEnWlUqgGa2++xAGnjKKQMXb/kOHuCTvcxozsznV/fy7\norYA0N2y6bsazX+VE4lWPlGh6grWgy441EvVaL9TqrgX8SRHz7KnRsuq2fi9\n3q88Oj3ioZRUgRBgqCES3ihbJZhhfdtbFw0kwnUPfDgNdSXpbWuEn45r3RSZ\nxMOXwBHdXY3jVDGkKjBKKcCpPvWW00850EaiOnVx7IWV/KUK70PyZBuvTb6B\ngenXk1FgDWWBiVt9kZSTGDKB+/rg8r2Uaf5c9MB80LtpzDafdDFe32zKeEWY\ng8No91uNyuC6lwUcw8yjISSUItXafEi4nRQ+YPnqDmFKUVU56TVTZylKZtXx\nWz5VXzsbrmpJCSPAZN2dc+C5S/8CA3l0DzjNt2Sfb9C6gNBEF0BZZXP25FM0\nhR82\r\n=+MJs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a0b889753d981e10bf70b9bcaead70c1549cf865","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.2d6ba2c23.0_1615243377680_0.4119382866750785","host":"s3://npm-registry-packages"}},"11.0.0-canary.7522dcaca.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.7522dcaca.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.7522dcaca.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a24b8c7aa1c321b03b8f5436b34cb04ea17535c7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.7522dcaca.0.tgz","fileCount":12,"integrity":"sha512-wNGdjrcRPeEMI9kLToXB59EwjUdLVmrt1He7EEArtaESW9uOi6b0W3cisL37PzxYKXbsF8DAtCSj+Yi4h5Ma/Q==","signatures":[{"sig":"MEUCIQC1j9sbk+z5l6tWUWi8dPv/Q1Z5oluJs45CBdG9kJsmowIgLXqvslCgZ7y069aZ7nvWtdguMti6DXsrEtD2a4Lq70Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRsCkCRA9TVsSAnZWagAAMjAP/iTLZGWRfkH4AW+b2Bhz\n7/cXZpT6o9pjE3R2PcGd+1bcpXXLP3+Ejd+1RAli1h5BI+bK9GRE79cnjfts\n8soq/Y/JvFwJcnrSI4To7nnLbjbs/2NW11pFQ+RMlf4lf5XRe+HEZMEKDnQR\ndFknzr5SfNiEaNx+u7TxhYsX6/w5ahS4VxLJhVU9f/jIcBxcdvX2hnd/DbUb\nmZfi/lHYfaU65JAcK1crc3jOFdeJWyy+YpjGA55cIl/e8WFq1s7PGqxrXgzt\nreN416mp3GRW3QsuNATGKo5OJhmQe6y8inc0KxTzaE+CooZyjhmNRMLHoQEx\nzOUsZlrLX03jntODCHEQpqovjJ4D7+4xszxP24+UPpKLUa+858owVOKCVJ2r\n3lYDZYhdL5mnViEuzIbJ2IvHiXaguz5PPOnFcDtOw6fUlaaA0ntI/N/lZbPw\nd/Vi2IaJ8eHFAkfwa1nMKvoYM806/TIvxKFiyTz6/gDwTycWHv4LMV9ZiOys\nGd9qaE+xFP7wycNrBR9W8plBt2UgJGrGfZ5/pm+aKX6bYcLlySHQYMi1t9nd\nF4ox0R+rtp4G0SHkTn8whJ77HEFvP3vWvJsuwTmnwfxabwTrnM59gU0qnfS0\n0uomcsxWchSOHqRFpUq9DYThiYn2oY7dZtJut4AQLc5S2pALlEbjmVX21KDa\nxNqP\r\n=AczP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6e73ae404aecb0602a5da37f40b650181ac48062","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.7522dcaca.0_1615249572004_0.606480995348363","host":"s3://npm-registry-packages"}},"11.0.0-canary.5c0ab7401.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.5c0ab7401.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.5c0ab7401.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b82f8ffb6114fe3bf42fe8edff140095e7c7bfac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.5c0ab7401.0.tgz","fileCount":12,"integrity":"sha512-P68baPKDkxu/z2SL/EYvA0jw82sBTDht5I8MldWz4Up9cKezphnhokm+KWLfSXNqC/M3Bv25EfYPTtw8LfrLVw==","signatures":[{"sig":"MEQCIGnZ4YY+b46ld0LNPwF248S3iJb0ulXaDD6j26kl4Hm1AiAltN3+BOIMycDdMgjoBEnoXQplFRu2R+6ZLJIERnry/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR/veCRA9TVsSAnZWagAAI2UQAIbL6SQAh3fnWXAYkF+X\nr3eC1IN0aKqhVFaC3BGSLWdyucDleULHViSJLKOhTVnmT3fKnICqUS6Cxiat\nbPQHysSiD1unmLGjfaXFHq8vnIHD7LlCd1S9/6pJEuRr/dm9fr6fiLoUSQ+h\noMcZkrh6NRR03YfWfWokQ3u1yTcbCKk6jCUlRoI3hQKQ0xSiK7Q9Bho9ACQK\nhOFeJWCN2MiMB037gykH8gQ2DWobHpA00JAzZdqq3wrTlSmliNvnYs7Wh1gN\nyVJizNpaUpUnUrPQ4ARiVs862AbrGTPge653WSr6JYlRPWfHgeVAHt069EVO\nFtBKs0ZFI1oCiwADa+tR09QAXvOfCCr1lwFVaV68u1JzURr3b45cEDU6opKt\naZ7mC64biFEsC5BNMllAms2kZ4JGhDK2CCGkpVTfNcbqqwkBC2S3fL/1c8Vm\nG5oWeKDOBmR7rjFfXZNuGPsLBW/HGLWLYnMYZNzunXG1tWFOIB8YM0BjhOjw\nZ4kRq0GQWDwW85A9t+dlSvL7zDzSCHvjlGyHYORy/paHffPOnLvb+L49oTzW\nvZs0EN0QNj4BvAzJD9i0P2VV65DVWFTBN3k34CxnEQoTxU6PTj+W/YHyrFEv\nBS1Z7ntOX41TqziZc3+xnKHNMOZeE2jo4Ar8mjfhHzpcMb4Vg3qtYgdyIB8h\nDJLa\r\n=sUQi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"95ff5a1121ca15128776896b8e4759594ec51246","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.5c0ab7401.0_1615330270066_0.8243563943832506","host":"s3://npm-registry-packages"}},"11.0.0-canary.59010b6dc.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.59010b6dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.59010b6dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c668b167819c3ebae5f56192ae201bb92a167cdd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.59010b6dc.0.tgz","fileCount":12,"integrity":"sha512-SE1d9GmAF1hGU+IpDLDjnysXKv+whXWkzxBKYXQq6SMwpZhsmj0Kp8xtMYFAkT2p3Luo+3N9Q5qIFfdfTchjhA==","signatures":[{"sig":"MEYCIQCxGi2xaFLV8FxMAufFbFfEsHeD/uU6kpGjw30fwoJQ6gIhAJ7Woo67JnjtVmI/pE4cDUIjjUL8fbJuZo7mH/rhBwtW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSPoJCRA9TVsSAnZWagAAwA8P/jNZWbVOctpJhZ3ynbMV\naFI95Pgu8aJJ7VIAEqkTkytiRYGzsrW8LJcInflFeBe2qRuqcq4a52Ew/b1b\nDV85tbJqHpLyW07LrIA7KtrqqhGULkiqtCm4ZKwrBFh8r8ADV1k24u6zu298\nDiVHAaBhSzf+3D3vf06KJAzF3WhM0Cm/wVANHbLfbmIPwOMpRbTxWdn4S8V3\nM+c+V4klfACCdfSY9F3GAOItNjV0nv0dHWeE0Y/YbU4iwlntV8OdO5jWcvtP\n4fW3uMezPPknotT6VrNOTVKIntRO7hrwNQ5RTu/qqZHRbWaTSxKYV9QFakoO\nD0NGPqttGpKzJzPDeDU1c8X0FDy13+jxb4JpsDpB4PzRCWrGk/fgtrFeQvwY\ng6mCQAALHkC4dM/6pnO58alX8zkCKge6O2UUkDVO9rAO3LPA1jzME6nlu65p\nfqNky4tSLq5oINXjhsMh/KI0Gz65FgrNcwfvwCta7xoQI3AkLKtaLs1I1U2r\nRQ+UCVM+BX+ogiSYGsY6xmi58z7NJiSe3lURy4xoWUAZtD/592cCBi/oyyUQ\nWlf7AeV9y75MxtoQryqSl7VFIamxpZBizL7ZjrjBZBwPIPSjIW/NcW7nENLm\nsGy7OPxvSPdPnWhVqDm8Gxzj1ViuvDbPgEF4/470W99DBrsg7dGbCSDRJWAC\npJKa\r\n=5jlb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e697574285a5102f4c1e5002a85ae33a3bf2210b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.59010b6dc.0_1615395336586_0.450700742601049","host":"s3://npm-registry-packages"}},"11.0.0-canary.9e52f5544.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.9e52f5544.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.9e52f5544.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"363d3d6eec58e1b88c95eddf3dc8bae228813c7c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.9e52f5544.0.tgz","fileCount":12,"integrity":"sha512-PdAEzRIkuc2+lomCbzw4ncLjvNKQr6ZUYmpeQzYKJU/39inUDhfkcHzlFVIaI13HbST+NsQAnwxqY5uw9MmbJw==","signatures":[{"sig":"MEUCIQCNPLhmEuW940/IDN0lA8BIesQ79dJumMdx5nex9F9GDwIgM/PM0VJAU9Idvy0SUu2M3AOUsVByk5e9Rrx47htpReI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVUBCRA9TVsSAnZWagAA29kP/1K/TOUqfMGUEXAcVKy5\nSD4y0Vdmb8OhDa8q2ec7ZN0mh8sxRchfI4a65PGMgN/JxljWa8cbIlI6qSG9\nWzLHaEajQ4c+h7QXrKbPKOiKbfiuCM7pu9d2E0cyJv0ciD8B5SaOEAdU28EA\nBwHff60ywIpS/4SxFb/c9qq3PSfCMjBzgb0wC8otuOCY8JiaGIS8Q+MRdaLH\nl3Xdo/ZG2mZ0DtTc3sU6G9QQewc8Gy3Rrzai7dEGRbLCTON6fJRNYGUbXbxV\nvKpum8hyGax/tF7MicRHP2DxOMwZJM2zM7MqFoGs7ITnmTZkOxwl0A/X4K2b\nBMYkGrg/4FVXK3Tbd0FY6LLtwkWagW3iLxjha6WzMk7rOk01HwVdTLbGIE7P\njaP50ues0rGggVfQ1gnKC+JMm4pvySSmCsK1IenPmOelIRRsFfHP1c03NJ5b\nQJX8imOPky4WAbBgBnsgEXic3H7cF6jhAvfnmgZyXInIW1qwG1w/q0xJtC0M\nGUAj15ytdDhKWC2sxaEttR+yaele0iJFE1sVi4xurVu6uLr0jr6OJp6Y+FiC\nFbQOw0SeLxmh+EhKkiVGa3dAYJepr2Olb8S5zC8SZg3z0UMvr2OanQivWXTq\n8k4uE01dJSNPfbCT9mA9EHlgbsneK9gmHzwWJ3elFJWWqUMyK6KE7GUXAH62\nLhd7\r\n=Ingm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4763f125770ec8e3a6ea4d8f1f5f607371847e45","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.9e52f5544.0_1615418624740_0.8672913311658574","host":"s3://npm-registry-packages"}},"11.0.0-canary.a678806f5.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.a678806f5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.a678806f5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3b76af58cacee001262840d01e0bf6500f6f167","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.a678806f5.0.tgz","fileCount":12,"integrity":"sha512-rMOP1mWn0AehvwdwuzXhvM76mlZwaqDLesFYA6dECtGODMr3hf3of1avDUAIlRDUzMz10nvE9iI+ouF2p3wztA==","signatures":[{"sig":"MEQCICGWh02aAeFNXPBP9bq9FdrfxvCGIgYbNVJJSE9HOC9hAiB2S84b9eeycuheWIik2kD3uIa1RwYEMgN517WmKYiZzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXb1CRA9TVsSAnZWagAAxn4P/3ba6NIc2DtIMe3gT7nN\n9PLC+kPEamGWedlJgLbV/fdM/++HQSd3gJcCU8OwAPp3Q+6eg1tvbCVnZlNb\nZflrDs0/vzuZ6j+XBdQRK+RyHQrRtflr0h4INvPHNQ6AiWNF59ze1Xv+TTZn\ns/XT6p0O8lo8VVfOjDEAOd7hvbsO0nS7Q3ywOpSdzmzcI6jUYZIMXAIzCyP8\nNYNlvfpNOFkAySpcX17nwgmbBdgJpzNjNL53okBLDRaXVzDCVbcN2gNfedcU\nywEwDF1eH0gSXtu/0Svs1S2oCWvDcn4clVve1V3DGdsdj3Np0tq/j+smRAoA\nS1fJtedbRzNBwHedSF7GGHkZrIjRarvGrKBURPViTarbxsboMZxZwkXnIvYF\nA3YVOr0EfS6vh1vMfRDKbk3QuB5wnifHN7fyg6vdOfGSW7oKZBbIyPX8gtnK\nIVY0ose5ulKMhkwdb8wtQkmgHRsxnoAT6fev7zZn8iP5LKNDb+XAz3Dp52px\nqvZQMDtiNj1nZZwWLqcrYw8qAx3vp0ODtATKcJNLkiiIgy533kxPypf5Md2z\nX3Gz3uSZ8KsV9OdAXftUYbwrDNw0s7m9l6DjYIOEEKukD3KcQ1aRqw6LSwux\nzg2YDldXA8l0qR75/yanBr5iYJRNjJ09j/qLXIz3JuWnsifz6IbthpsF/Evl\nGXoh\r\n=VU7y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a724ed1e64d54989ee4c27c71935f90fd5614f3e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.a678806f5.0_1615427316703_0.5078739090005535","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2d22df5b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.b2d22df5b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.b2d22df5b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8921b167c3071363f1aee6a802da28bada298883","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.b2d22df5b.0.tgz","fileCount":12,"integrity":"sha512-FtkhAg2Htkh0+JXuvZYA4dGf9n0pHBqx5G5wjmsLDfd7jzZmv8FOoF4o4LDA+jBx2h34spYGfqa/e7rFOPTjsQ==","signatures":[{"sig":"MEUCIQDuPyCMYzRjroOO3WGonMzdm/fmFKlTcEgLpqwqA9ijaAIgLIZjgawmRHlUkbwtlVC5MUHK3MY3Xju9OGJ6DKSx69U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSkzfCRA9TVsSAnZWagAAVacP+wYMw64t4rcG4TSugkoM\nzP1b+oSeQqPb5Gf3W2EbuRdaa/3AxCYiigwPRoytA8fSykt04LpY/2C2xKts\nRA9Na4T+hcZfXBai+LUe1W7rB4xZ+xUw1TOYqcn8ONhPiDKQhPYxnmEft85M\n6Ib5wUgR1NIh9mM2Km9WcD3qKM6gVVcGPJ2I8sS+LIEffxv9m9M+L+Q8SAtM\nGE5S/RCKBlKLJZQYf2IW7AsWMCGipzAuco1bXkAbDSrXrY52ZTgqBURbMjn3\nj0Z1q1V5j0AnFhpfNKZ32ku5vcOEzLN7gfjmRes1WR+PbpWVztdshiTpTbri\nrYpEqD+Ji58EFn5SX0sBGv/P/vLiHsTqjc3A3VZBh+OErzjYu6p+5f4lUHJe\nx+RTlu7NnNifAt3gmynuRX41FK6XQiivcpT48RrYqO65AWD5PB5H/ZQH7EGp\nKzF5HEJxTTk5Rd0qAr+1BJbQn62zwYayZ4llTi1m1tOMTQwhqZfDfVQt6Qmz\nvGbhLOJ+/81Grfjvqi93traNP1oh4xyhATDKiHR6WiVOfv1Lv6pI1Sn2KbnP\n1UJBIFaCaCS0FhBV215P4Re0ECfPizMSGkoU79i1sE4f29HisfxSA3uEiFHW\nhze7glKf5TTgKXNrxEzo1ibVzm+hYlaEwBo1MYJVOZxcyHmkdXujWfC+gkFb\nuzGa\r\n=yTuU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5c38fa8d841f5b293e55e4a22202bc6ea8220874","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.b2d22df5b.0_1615482078857_0.7610960682922439","host":"s3://npm-registry-packages"}},"11.0.0-canary.81911b707.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.81911b707.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.81911b707.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"519254dab02794e0bff62fd31da6a24df22caeb2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.81911b707.0.tgz","fileCount":12,"integrity":"sha512-X1/99YNE9eC2h8ZCEaeR1qkXPLV6Df6Lkj1yAPs4zo70lwAxFykDt7++aMsp7rmXJzHRzroGIqQZ+vMupxDM+A==","signatures":[{"sig":"MEYCIQCP6/qKbGAG4q7C1R7l4jMpse/h0gSay0afr+hXd/8o5wIhAMTb/9UQIc8z11L9/s5fF7X8ir2JetjZ3AxD80Adheil","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSl+/CRA9TVsSAnZWagAAEncP/3RWYccIWxmgX5x0xozg\nw37Xl/ELltDakS8CyCHadRjDi9LIFC55KxqVZXOP1cN+hIXo3DX1IJrBNtor\nModKfBYpMWDPUuI8NkUu79VRNBwZSFFjGX7BXa2LwPGaCPg/GIuX5UkMFInL\neZ+/Up3uuyOdya1el2+HfP9vbAtMoCde54UW8/0JBNFt79vuK6y6qFhlZ3xM\n3VX00vePExfD0vEWV0QX6xyzSlZlMbwTS+T038aWP4Nvm9Ke37yAoVAJ49KN\npImrmugQ9OBVaycQbQSt8ZlD0Nu7DFck6Pkja9owyfFZmWbUuzqkkwN5pUIL\n7DrFKsXvjm7VyueW8TOfr+427VvHQKhAHevx2RGouyGp59A0kYZAE36sEU9W\noNf/8KRHiGiBSUkTl/mWvWS13QY2pVZJpVnBvt8Z9MrIKtVrh0rJFiJSbcKK\nwg9U7agCWq0vDLZULGjzr61DZwE8ju9Y2/UP/07NgtUp0O4unG/VD5gn8IFf\nmZ/sGotFQehT6auRt99D/a/QvwDssjd2/yre7+/tYwuP/ZfVt+UwJGxnm2fc\nlXaKTbxQUoHJ9daMSQvVq3MEg6nfKvk3CyKGw50t66bPYbnYRZ0BC8D9g2gm\nf6t3TDWvJCNwyouKwADJipK7J839ST6or3PgANbN57c3rO8oLIQLu8HfhPhs\nvlRF\r\n=ThoA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3c1bd5b1d6d6453c4f616633e1d16b1fe0812814","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.81911b707.0_1615486911525_0.7757976805195839","host":"s3://npm-registry-packages"}},"11.0.0-canary.9eeb35c38.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.9eeb35c38.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.9eeb35c38.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17df493a369abe02ee89c4498b4d681297f6fc71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.9eeb35c38.0.tgz","fileCount":12,"integrity":"sha512-qtvW9Q9FLcAXuu8qpJDNpd/oawzh0/HAHs/urQzQC7YCX6tPemKrQD8YwOBIKoI5+QFnRCGkw5s3DFQpdGF89Q==","signatures":[{"sig":"MEQCIAYClsRB6siypTXETwUg4ynvaCCoNp+ioYvwsZmkZK7RAiAvJ/NuUgmONA/HI4UfwpmWUP9Z1u1Adtb2WYbnl7RBCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnD+CRA9TVsSAnZWagAAf7AP/0qnKBP08ykvAiYg5RFT\nhkS1yvmUrkrTyFw4l4fWOXGBH7QPFdl/K70CyyYd1VF8fOUKgvd5eaYaglEz\ndtMfwQo+PzcmMfGIUsTf8Mnuce+3Ri5SB1PBGkWN2OABLjBNaXZTh0FDCiv3\nLN/2pFcDKe0bK3qN1MhBh8Zgy8ZoHKPWkYdQXE1htdAHNYjgF1VglTKugegL\nT6cDs6Oa4gByLZ9QBzVIcssqYe767Z+Mq0YAWVtbJmgC5FzQCbRlLDrVHUZ4\nj2q0YQilc0kHfGtODPsMbiGZwE36jxT8GnQpB7I6CSP/xBC1upv8SrBaoXYu\nrg2W4C5OZ1l65o5Si6/WNt3T/ewVdrB83uYbesagh9W6PAjexg+OOhYdpKOm\n58K1MJxlwbRiYFPds2yQLG5VGNVd8dINifC9ZaWvd9FwcbilnZl6Kv++GfB3\n+9QvuMAHJMty03ILN6adycPrPnsEQgbIVOs/S+IWbHJe9hhLIKgvk6HK2uaV\nOPp6x2i+4JgvBGbKUVTr2UPUJUaaP7YZ2dVH996o9kClScC5OZA8yrU6g+no\nCB+mXCdPdxlZ6vYMh/ouPM6lTFrL3JM4EUOn75NOSZRiwrMs4QnLRUoOWtHu\nVvEJJjZbX+fQSfh2u5c4XrVXCK7nZGE7M8+bsNA+q2Ld4f7eKfLmZlAX3mVV\nHCkK\r\n=eJFH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"147a2a556e5155bedce0b0f267f64c26cf87d0bd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.9eeb35c38.0_1615491325467_0.8291205792158578","host":"s3://npm-registry-packages"}},"11.0.0-canary.12be3e95a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.12be3e95a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.12be3e95a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2647a9a9774101b4fcdd81e825fc95b7eed780bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.12be3e95a.0.tgz","fileCount":12,"integrity":"sha512-uD7YaHiRmmfqkRoaH2EQukOROuTsPXctXm+/axgN+uRNbZpbii7zVw3C7Al7TOO8PFtpo+dIIOYR81Qw7v5E2w==","signatures":[{"sig":"MEUCIFUR0QoY9EzCG84Dm9UwvnQSmV99DcnDNjQLVArm7lDIAiEA9+Thgx9f6rIFMovuD89vMNxUbF9RIuOKMRPoVzOSvsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnbICRA9TVsSAnZWagAAgyEP/jFRAwONks2hNsktCfpt\n3lbYTHYGVXao/1+cwEns7oyoszuV5HZTLosbkuXN+e16ldKLaere6gssNX2Q\nhHWnPe015OtU1bYHXI/W6FUPT5vhQHGRa0VzlcRWzet+ArP6RRtASnucR9Wg\nM1+aAnp0kx7lgLw+cpeeHPutdn8Uzvd5329ySpo7kdBdqnNCIKcmvWR/6VtP\nk/KU2aKw4MTGhWYF85JXdcBvEFkMhHxdGPp8jFmUYwdeT4qGk71gg1iHAL2c\nbc84lDxxbB1tdc3LftthsBU50aCIbywQATHhklIe9xFY+4bQX7DHTl5bsZ+J\nSaj6z9BGc610mVjMhkwyIPAyTnYAoJ4Y0DQG8jn89GXPY+m4zy9FyluggfBQ\nR1nRbeM8IjeBJuQNzzTFPYWXNDGXaCqEcDUyKhDDVpix1IfUpLPKKarmxFoO\nmbM8NWgvdLP/XPbHo5j97AQyE4pNEybawMxGtlNxlbqoW/G8WIjORlkCR5nY\nDSZbG4YaQOrYYauQiG+nGxAJrbA9RKTMtN/6+RIiTPpd/8xDtBTHJKsSVPR6\nTjI2xP7IdXRZak5b7OCXVRj0SQwAvnKop8Ld17E8sPiPZqAaOdeSZe7E5Ei5\nfGr3hM8KHPDKPXrxynQrgBJP1lcjCUtlwhj2ehhwblWy4epDfTr10FnZhCEu\nWE0H\r\n=oKJg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"883077446617b632d698e09818dc9d5903a7586e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.12be3e95a.0_1615492807813_0.8944760677140933","host":"s3://npm-registry-packages"}},"11.0.0-canary.e683bdf4a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.e683bdf4a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.e683bdf4a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed7a40d6c8bf5517e5a6b51adec58b262b7516fd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.e683bdf4a.0.tgz","fileCount":12,"integrity":"sha512-DJFWBUIyk/UmdlBCiz1uONN2zolS79wPpan+2fNLkNLYQEZRdfDSck17L7xQNpLFxRkVJKFCvDhysnxEc6SISg==","signatures":[{"sig":"MEUCIDr9uryMloMzyuXbQ66OFYB32bqN7lqUAdrT7odqYJIwAiEA7BK7tvURGp7HV67Y/LSOtQuv35QeHO7AyV2xmgVmHQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnh4CRA9TVsSAnZWagAAErMP+QBtM5yLML9/DeGk2mPR\nH6hNRMZfvmOur+ADuxQTfSVzCw1LNxslZA/22zR+fK6cKfdvsprwotE+ic4U\nu4Yh0zHIEnrqli1XBMTrzbx5a2Cw+WRpEjDaV9oYudq0dBeeaDa9dLHwp72A\nK2J1PdhMC2JMlXDgzIPfJRiPIDGd1Il0kNE7uckysPjc5rZtKzhJB9agHY52\nnrxkgP3fLSw9Zl6VSwSJpgI0kt/7AyaKUw77Si7Nq2W+kve9cXthhqfCkFTY\n/206+PO1SDnZfeMv7HYuKowCDVb7MwjJadNsbc1r/mSNU+uY6hFXR9bMB9W4\nfGcBq/X+4IbIusQwYKduDTbbapmb29l9uTCBuiV+4qdOT2W9tPZJJqYbjQFm\nDB4Z20XwtKH+i7X1Epc2sgnP6f4AmCjQjBhMpoXHudavJ+CauYcCBuGysHPr\n436br3dKsqf+JSZsdnxAH6GJiv6oqpteXtfuDnLJQfSiy/+p5SPYQbi6aEVd\nFgn2NTveSU0+bB5MjSSUj4I6xHagnFWM3CxuEaBnhI82JAik0GmTosyxbNwt\nVHV8UPSBdALt8oEl7lHAs8w6Tf0tSwZHOwWBUuHULOMH8IMHABiNlUVgTBEJ\nSboJi3NyDOdmsDCk7I7WXz/vBiCzYl3UULE4vVHfcQcrebPUnvz+jLXIokiv\n+d9i\r\n=DLLE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0323fd7f39f825f8717fba8542628d111777ae35","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.e683bdf4a.0_1615493239935_0.30363262236212973","host":"s3://npm-registry-packages"}},"11.0.0-canary.a07b6d486.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.a07b6d486.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.a07b6d486.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc2e801efb850b0f31526e9bba5611a4ba81a350","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.a07b6d486.0.tgz","fileCount":12,"integrity":"sha512-/oFDif7iHt750/JapAtkE8hS34LwaNdR+cYyUsqdrw97+G0LBG6mu4HbUMLMXB/7N9ozQfcF6O78UCQ3hQsprw==","signatures":[{"sig":"MEYCIQDBJmUxItm7TmCDSW8ul1zRwwQOgIYZsslprhsgHDJvgAIhAOheDLqXphmZ6bS+aJ7c5yM51SIYGWxQISrPADdio71K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn4mCRA9TVsSAnZWagAALBcP/00Ypz+qRwzMo6EJNsPc\n14AIsPR+AynjnbrGMztf+OCLzppQm6eWFuYkz2BhI+1Sh+kfMsdcAVSUXnTj\nWioEBigE0DJ9rT4qxQt8PvoWou0aRmtXKOs1UUXHvepI+iCXmT5giYlAzBKj\n7wO1Fc6lvBOfzZ2GthX/CLRG70Sa4yx9FijEcKf/XaQA0ZJcXr0yTT7IXI0Y\nMOmba/Cp6DItWkec1ywkqL9+PBvFIgPKk63vitzTBNkEukloYjsr0MsPE31y\nw+b1D3RZtkDxmW05N9RjntT8Dxt+cgPDCnTO9lJuPSn3aUDz8ykL73LTPBho\njhFPeNcSDCFESKAjfxwo2P+B3xGzfbaicxKmBDap4ffXkAqrMgzmNM3Tv5Gs\ndbRvUPwMgff1siny9lriWUOH3A24aHsm33j2b7atfvWh+TUrx1heGDOfDO5d\nCjIWGMCrHxm+3udqtbcqlzcqCsbMX1/6/kFYmhJ28jFM+rWrWZ6keuKNK4PF\n0cnq/BMGd/FV7JbQVJish8J8MjU3v2QeeSNK6NHZuzac2Cn6bmxYPCTz1HNk\n1M9zxxp8GpovzvOCBjiEZT5b6jw4j2LfVc30tuTi6Sjehn0X4jYjrh6RYc8t\nQeZX2tC4izZqeZC76lk7KtloeyCsfbUpeDjY4t5Z9stsn0g0MhF7px7gCfYd\nQWsS\r\n=9HO1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"425bbecac77849f8786f0a32de18a168e1874c9b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.a07b6d486.0_1615494694112_0.665453827354763","host":"s3://npm-registry-packages"}},"11.0.0-canary.1e0653477.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.1e0653477.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.1e0653477.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50f5ffada14a4c755fd4e5104f77a260666855b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.1e0653477.0.tgz","fileCount":12,"integrity":"sha512-JPhUa/18EVgcImD0u/NzBjmymY3GbQ34ox9YxQ1H6OxlNw/rh/exZEqoiMnMl2h8N2FdysoQtqapaTPGVuaj5Q==","signatures":[{"sig":"MEQCIAQDKNmVaKDP31E3GQ4spDZDA08RVSfuRJi2HuNHmswdAiBDU81mCVS8cKp5dBfQbpg3reJeKb32j3F4uKMe3RVkJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn/oCRA9TVsSAnZWagAA0eoQAJj/SLxu92Pif72a7Z2s\nUR0mADJ9IhIUDHLTkogNYc6LQIUkg0o7rSdp0Ox5hu2BUBxhFw7dK6P8mhku\ntq119x5MW/CEl/PmukQs7I30X6m9b2ftfqvdIFSdER44YZ8yXHDWMlMjpzH/\nUj3JUp6KWppwir3tX0CrIDE3BLcTNYopiyeJo4iyLf2gQu9w9nSUfRkodyNQ\nHdUi4BkBanFXMD+H8fKgbiCPobwExEFO1/ezGk1KJL5SPe4tUVe2wnrMP9O4\nZHnfaacsIIuAtuKoffA4fu5XC7NnpvLrPcHfQBDOJ724VIih6mp4lzOnqH0D\n0lXvfYhzqWWBjqJ6J8cazTxFykB7e0zrhNn113qdMTYFEzR71546GalUcNps\nCMgxDPhs9FiUM/8tGvZVLDoAn5bStXaMFDrEkJGc4ISNgR3HkUV9Vm1fMwg+\n/sBAqVcubhl9jRyPV3iERu7oX2yNJ2Ieb1VIAgK8LBl0VqZbM6Rmz+q+i7cL\nxxGsfaV8ipF0VaIJkzqBNGoCoiNL9Eq++jRJbVBVo79w9Gl5hfZMsoW51UWU\nMyOvyoeZEQ4WwRVgVU/UFHdb9I+6R2KWrIrfUkudTI2mqQLcr5SitTxgGZ1W\nvZ35+P0tUcdxf7SGl3A11yzBPMbjnkMgGh51dde2tGl02R3qcjZw+D53PzW0\nSNlh\r\n=Mx1f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6130e0fb82d7c39da4ae1e02df8f0851da419fba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.1e0653477.0_1615495143760_0.9451330592526372","host":"s3://npm-registry-packages"}},"11.0.0-canary.148e8cfcc.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.148e8cfcc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.148e8cfcc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae2665eb9d58db2b326f9e7b74ca5b8eba0cd577","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.148e8cfcc.0.tgz","fileCount":12,"integrity":"sha512-xOa+awpUdM3Dz/Pf8vmQzRByS5Ifld9+WZ34ULsujnGaHypj/vR83QOnioq0/WReahWFMTPwo1tnjPuBkBvaBQ==","signatures":[{"sig":"MEUCIQDacdiDZuJlTtN8lPIouYejvRQJqOi0rmHHBsrLDVNzVAIgOBnRBQ2Wd5QVLcv4bS/REoC4LmjzWqQrwYdJHSyQNS8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSpzuCRA9TVsSAnZWagAAK98P/RITQe+cTIos0omiSWir\n/Fj657dfh8VtRSsGNENEDv0LRZZMWotoJGCj+1JIq2ofJhSPbt+I0c49dm6R\ntABObo3ul55YShRFtXJV5qyKsfl9q0L7H7YblzuWlk38sugLeA4p8dNSwDc/\nMTmOcJcBWJ1nFB3mOxBL7RevtCgzSSKjJsDkcxx6ZxdqUupZS2SUzJwkSozi\niASWiLDsy++ICVYL5YhoSD+QUM4YxBoAwu2b/0NdyV34IQeUTS9lhBcq7NNy\nHe314aMGHxJwZ5TVomZdQZ4nBc6+soOYyW4S73YP2TpAHGE3Yjb6HJACi9CR\nq/quzg9B0euoMaEoBYZIgxWtVPiO4Tg+7agP9d3oPe7A8im2D5Bqhfm/eqt1\nYhqOmP4DI3Q4iZ73mGeveWVrqaUieDhc7IJ2ylX6WDaGsA6HrdBp5b0UucMG\nuk4IJXLWik1YYCZV7pyRxQpeS9xk0KMDHaMrnJI9pLm1npYv4c7PjyPS/abV\npbNbxUu9QhP18h2kgZ+Vh+E6QxJ3YZ/LBlZM2983RwUXQqeqeHJlDhQ5lUST\nhZ2uYPpQk3+AdyeAti9w570nz/rkElCdWQuSFGp4eqxrfNJYYO74dYlHs26I\njQnAF1UVIkWvE6AmHjKO66VBB6GF88ZxTAn2FQzIUCPLppDf5/+hWPsKbyAu\nUPs5\r\n=5TsP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e686ac2d72b7a249bc4deb8b09742bba99ce581","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.148e8cfcc.0_1615502574442_0.5054018623081997","host":"s3://npm-registry-packages"}},"11.0.0-canary.73a227194.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.73a227194.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.73a227194.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d54b88868dc668ac13d586979ed35730a46449cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.73a227194.0.tgz","fileCount":12,"integrity":"sha512-hAedPin2vYCaGEcgZPEDpiEX3yxJzHYqduCef2Hmig4uT3eE7zF+og/UKODj3e+WiS7rnHzcynU79V+UssiR8A==","signatures":[{"sig":"MEUCIQD6Xx/6668NIFnkFt/4AkJJ/ftMH4XDNg+3TUa5n9Q20gIgKyYmAKITyWt4aZ2hraW3lecXstwBa7WDlIo+CnRMlnw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSrRCCRA9TVsSAnZWagAAKOsQAJYe7BRUpVIuMmjXO07A\ntjTP/+lkgi7Sx5QNESxJCOdL68Jt7DA/cm1r7JvC4L3mxnUR6lMZPEdGMvR1\nf41uAUoOYoZNHS7DgxEEPyKlZCR6gxXATP8xXKXZS61wL6EsSYPUfQdXcd5o\nTEgji26yLFX8hN1ZExSDqJ1JFu9AfCiH98gOJuqY+jbkU8WDSx1UNF0IXLqY\nQurK+yT1vEPv+7IG8N5X3ZbmyVbh/Gx6XCgsceMoi5rgk6p8cn0z05wMnW7n\ntdasaRatfoKh/9Dz9Hfn6jOhJNkCqXD5mCT5noYa1+cbQos7Dwlu5Y4gS8Jh\nzauXq03Hk1Kpv2TJZha1mBQvPosKhy2kKiIE4bAeY+/PGhNQR3y0H9jkjf5m\nH8ElAVw8U9QLJW/urMxCS3VpxUab/nc7GZ5RPMCiS+ZIKUf73+UDd5FzIzLv\nC+hHgTf3UUiEDUtL66Z0g17K7Kc49h9UwY55fAnq07rDXOdhZhosKQ79iscb\nPvfqhHC6zq636bSMTFImnxEt1qaL1RkiSeO4sydP6FJBjKmV70QkwgzlUD5y\nzpRteBJBtHyvpwVvuhVmtibO+QAotdBSRvrJuUTsWMq8h4dgerbuNs54hts1\nnukurXtbjRMQv63xWPswzVEFcjYje2hvVtU4hzkdmNn232A3LTmYsiUk+B7o\nPOHM\r\n=cQLD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3bb5344393057d23abf5414ff61402a5091ac74b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.73a227194.0_1615508545814_0.01022060543646841","host":"s3://npm-registry-packages"}},"11.0.0-canary.f8579b7ea.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f8579b7ea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f8579b7ea.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72a3cd82cf11dba933edaac18c3d1aec95a47d63","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f8579b7ea.0.tgz","fileCount":12,"integrity":"sha512-hnanqOR5x/Y6TW5wxRIt5s3jzQSpgPgpla92+7APha6Ux/2hpmxS+o2aUW1xmqPVBIYzH6Lpx/A71eqUfzd1+Q==","signatures":[{"sig":"MEYCIQCuTkXmbbNTKIsEeQrui3F5FSYGhW8qKemp7hcaZdixTgIhAOfV+NcaZnHd4u4JuXCa29jrrqhMTvmf1wIK+F5iiwn9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTBzmCRA9TVsSAnZWagAAX48P/0aO+Wsh4p7bpbX4fHxk\nyKDnkRlbe1NlD56lt5xR6jnmxSUE+6njYDFa94pTF+2/qpw1GowsssYwn9wk\npPdJlf0lvCwAF0dVTHwu/MKxJRtKRsHwPf0WrhfrxhLnTm9t6tKkKAeJEqYv\nzlCJdbW3c1v0pftN2iUZJimrhfXrG5JRZ6LgCUxi79yzdBUuVBj7VeOu/Fc6\n25jenV58rVpPBkp7i/F/YEMobKAkgystvk34oSLI9MvDo638/Y5r9TITFBbb\niyYndNTjcIENwKh+OlanxwbBbnu90mCLRu1XER+90dVqmyk+DNGAllSyLeIa\nPmBKUSfFWrW4c1kYiL3qlTuJhuXePzo4df/UPYjt9e2quLa6ZrdVQ+LTil3G\nMqz8lQj3xV850U8UX+KPwKMdvK9T0R+6qiaOdXkNcpWb0lwJhsqiUyaCLG3g\nNwRrIUeC4xWJsFJGKARlF2xf2/u+CBBk+H6yJLE8oemTdWV1GPnyU0LKa1YK\nLRaLU+lHS18Oc9OW46huhIlkjbQR2dX2SnPrZd2A2sxo7ba9oXGKYiJuBKwI\n4J8TkFfiHhJ/9+t28yjfN7aZM8oxgVyIdxZA8HYC9xKgdmqNaua1XM2g5LeR\ntPHwG+S9ZJyNykpedmvRMi+rucsjPon3FOH6MGaIW/5up9IasAGxGErDmsmh\nk5DH\r\n=HZZF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8b1a0816c0d3a68a851c5e6a199c4a9ff75cce07","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f8579b7ea.0_1615600868917_0.2772144814370616","host":"s3://npm-registry-packages"}},"11.0.0-canary.d2a39d300.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d2a39d300.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d2a39d300.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2e88fa092b88c398c16eb28c9674c3d1d46af29","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d2a39d300.0.tgz","fileCount":12,"integrity":"sha512-F35PzoPm77Vs4uPfzgL9xISrI7sez19/KfYJ9CCadvXh5rrlLkYesnS6thu6bwoPtpyjpO4MaXERpBbzTfHxxA==","signatures":[{"sig":"MEUCIEKRvtdVrks2DtbJBvVfNYHAg8CwpkcpBkQQb7NtsdMAAiEAnlGmOt2EIpPkC+fBCcg0JVMAgt7/8llGYU3D27wj3oM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT/zbCRA9TVsSAnZWagAA4vcQAKAcRU3/6Ls00FYytN6x\nL/GogepCqTy4R7R3SSQIvKNBuq26ah0+ofQk5j5D39yf1Usd2gGl0EO1YpeE\n/nh2BlIEn/X7HAaVhnTfuTbKr2kD68LXjL0ch8+Oa2HbqYpLlBhV5D1gcdrb\n1vjqTNN5VmdXtdJVwvm/alLROgMuL+b5HYG7PXS6SQ6egQ2UgnbHAAtB0++0\n4CQPypaS0FxJbXEwjNqnT3Vko9Fu113yrEaUg/89QL7DOcfX8MBok96mr615\nOkyWRqUHsvl87WjeyS8FYvB87vrUkzsD5yGUAFBflx1E03g3tUuFGNdpdW+Q\nWOIkUwqQ7u7a6W9K9nxG/nfHt0Wn75+SuQGUTTYrjFMgplpANafK5dpYQQw/\nXAnsEcOnNyN+IIBvGWEtCMyp5GGjfeIG4QseEBYA4zcnIIJ6BJPQ3xn5o2kK\nP9SKBirQ0lHsaeE73JLA5XtBMe4CJ34BbEcN/fcgS8SAt7s54/QsFAc6Gi3+\n/OhbRhCKKS0KC6Lcv/4XBgcZrJfxL06X7ntvWPltuTkzlrqfRTjsGt5+Ut4A\n3R00gDy4QfUhwWVwjbnQMnM/qaggI+O414BUufeTqPpkRKmq5e3ddcqXvZ0x\nzJp5X+MLULIcSSUki5di1zySXa+2l7r9UP8sP99GnhLGQFgU8rioEugLcr/9\nXgwN\r\n=xZ/b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4e928ba6e35dc70b34314c7509f647a6fbc4be00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d2a39d300.0_1615854810730_0.6581938335196165","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cf67823e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.7cf67823e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.7cf67823e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d254a35fbcbe9e9ac518026cbfcced015c75f61a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.7cf67823e.0.tgz","fileCount":12,"integrity":"sha512-3uCXktKilT+POI/WMuDsKkLrML5QvwZybTtDzKHZMOKNA4uKr5WFnS/s6A7JtsS4ghgqPGxQNBGRgWTa/QsmnA==","signatures":[{"sig":"MEQCIGnL5LqDnUIa/OQxT6mFzVqy6nwVY2AeCzFxtrkzhNLaAiAb+hDIEId9npy72NyYtxr9jPm2umpq0AqI5fpmXFnfhQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPaDCRA9TVsSAnZWagAACJAP/RKrkUfbvt3uTObr9R74\nwNRZbdT+Bt3G0G155qVHsiqZ/Nr95zlGyrIIKMjAXeEvHraA7yHUh0dk23cd\nkvjO0m7Weby+DsQrVcNbY0SNpmD89EIfm1TBtgb7HBaIR8KwinEQBIx3qmI7\nn1dhxS8+C3u/IoBknPsPLsf5E3KqbdH6W9kWmYKEhDYF8Wt3Yena/j3FuFH7\nEG1VQBEGjeCwBAfj7Nt+/IGIW8IRLleUy7dVpJR0QlMj6riaeT4Zt9kb1TwX\n3UpMoM3nDBX0tOOG9piWV57W5x3AZ2EkstjckttirBey01t0tPrfOynuo++D\nM8gGzIEGMgsZYRSqIGOPVtXiLZUU37v5KATvdfM91nbkBcoIjKzcxqOlkOK7\nzUMW466v4e99R1eVhZ81k5I+EmSCP8Rt+cHfWp/pEKlWIsPq48uf0qRYDQdq\ng6t9jzPd44vJxO7+P/jrA6XGjaeMuqU3/StBTajhnZSCi37DU965BSMfYd4I\nj0MZ1Pc+NHZ/MJXdF5iCDDWixz691KC+sMPh3DIvSnaImXucMVd6zmWtUjiR\n7MgDO1oJ6f2Fsg0gst99Z0dlDz10A4+8x/Dxuj0wNRuclJKPu0NFujcMpkJ9\nE6c1OqZ2cvhzTjQ4V3Sm37nQ4LQoJ5UGuv1ev4Kxf6s/gum5O/oteyEcHdwS\nm7UJ\r\n=PdeH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"afabf42a48ec8775fa133ab10e023c1b5d2ab802","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.7cf67823e.0_1615918722696_0.26264841481685997","host":"s3://npm-registry-packages"}},"11.0.0-canary.67d780c79.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.67d780c79.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.67d780c79.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a0d6bdae6d65013edca2c20403f1b98d2d9fcb8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.67d780c79.0.tgz","fileCount":12,"integrity":"sha512-c93ZRrDOrzrycgrq3cb/FEeoiMg9kRr/d87tOEnNn5O87HF1Z2oGWm7SGS7IBtXQkSLcNkcSAom3DDXqUw54eQ==","signatures":[{"sig":"MEYCIQCfV0yUv1RgYY4qJ8KCE9Njsy/AV2UqAA0tZLZ2gi1kYAIhAKzeNzGRA93Kx+jI4rbs+dJ+xdYhSYmRRDQrg6Uol6Ry","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUQsRCRA9TVsSAnZWagAAgqsQAIbn1CJzOZPhiqUue0qG\nuSPFOH+lDwppxNiSkKmo+W1Xxk0xUZcPJoC/AXFxS6iKN6NdahAskdWbf1iy\nH/Ka+4DtVpxmDJe7uCPoJwFD+JxehvHOD0c7GBp/SP7r+hnROiiPmcUS4IT3\nxIaDg2AooJTG6uqLCOgGAdTm8TkLhM7jNxnbrOYQ0dzI2dBQyHfzAF4XPXoV\nBlvUQEGX61Cel6gY/XAkfBP57wERRSPVplgkMw1+cLcZqmVv0sJe7JkJQI0L\nHkUU0xTNQr70V9c1z/w2nmyuwXarUW5JvLhRlUdjBEzwj0l+rad0FuYfgKqt\nyWB+QVKnnNrP1O9I2eKi+8MFWPBUkz9w8qpfuMrAFq9au3KHXME7Z9RS2f6k\njO1Cro0N+gXV7jdS+yDoZAYeZfXjVclqPzAOl2+7BMRSorB8FMlZ9+Qwm3VO\n0m0o8GMrNRbqDr3keJLNCaInM36/3G/CKln6JbSNLC1ECtyxLA0H6fS2p67+\nsWAH6oAaLU5q9GhUtPJLwkBKkMm/2lChsBa2fB0DWU/tp9DEzkgkPnQoqHzn\n0oV8mGc3nmaSGSbciyhGPrVIz7bJbVXQd+U8SJDttV3S7hU35EXbfCwqekCZ\nufAMFkVAJjDmAwC40rWpMtCaSRO9opf4KKmepkZWvOY6URYtSqrN3QQjgJ+C\nSk7z\r\n=ckV+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"05a76ad8cd6b15550e685799fb6b9b5643d7e0e0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.67d780c79.0_1615923985525_0.5620356629285321","host":"s3://npm-registry-packages"}},"11.0.0-canary.0f358ddae.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0f358ddae.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0f358ddae.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91d04862e1887f39ed1eafaea308174b1b698b69","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0f358ddae.0.tgz","fileCount":12,"integrity":"sha512-QZjjG3y+NGaYo47RisgBqAGf7Kq/yHsum31LxrTD0gVUkKWnDNQoX3CnYVSENPbdgawoXOcnpfO7WG/KT06aUg==","signatures":[{"sig":"MEQCIBqxxyiYrBOCRjGmMmRJXTcs3pwA32gaZhlApHCJVRF2AiBlEQcB9VrM2ZnjkYNknv05d5iEihcQsbry/GDzFboGcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUSzsCRA9TVsSAnZWagAAIBMQAIjEW1lYTYFHYmp+08AK\nyt+VsmSDpy+dUVAGlC4RyIZRt/icTT3LQzReIE0XXmQR95+VRazRnENVhaxM\nw+9Jmbnugsbl8FYPtzqQLW0r0bdVjlXP1rXlZyyvoaG/BOXlTPQGaRMya0yv\ngX1n5oasVUSr50Z1/P5qM5vITKvC7vOE31ezalZNb1WnoW1n9apLrK7cQ7B8\nKygdsCOlUJxcqsFJOvY/Z2i4MetcdE4DH9kKUvsyE6ivnV1dTXdArcpd+YZv\nkreWYsl6qNUjeeo/9/zM7cItFUXrDwEtZcFwKThgklP+bCepRfooXhqT41Na\nAk6ne/I9PX8YS9KwwMJ8NpNymCKXcw1Z4DQgHyji4pg9+95EUK4dcsOLBXVa\nra9kNPSeBg25m/RwhFH2ReZvfz0fZmtlTaiCfX5733SkPvFLQuIvF8QGGqgm\nWnKmYXNy6EebHIKbr3ILEaCjDBx7ykwMyI/ULF4Q9jJMQhTpgJZNIJjdA/hx\nXg1FB7DEYJ3//aa+4bQKTuyQyx71iKo4i9t75Bp1pUY4oKjl9jtsgFrson1Q\n7ah+Hr8p9QRv2SvSoWpgnkbCbu0ggARb4Yo05UF1NgdGtBvrG5cgkpaiJB2Q\n/z8UywVAkxqc0Em+wPZIP6UGGDrmbwAka8QnzvrGAKI3z5a1Xg/D9VRz2Wet\nJxVW\r\n=akux\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6acdc7677f01b6502d0b491a9816d6600ea9cbd7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0f358ddae.0_1615932651605_0.23964669547985862","host":"s3://npm-registry-packages"}},"11.0.0-canary.67eb0df80.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.67eb0df80.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.67eb0df80.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1ebf0a72d69363c87079de6273630f2f3d382b1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.67eb0df80.0.tgz","fileCount":12,"integrity":"sha512-zz50fHf7RxUr9LRzPVPFF6vq24jHiwHSN/zFsvkl++FNauVxbOlCsgoga82JhZaU/wlf6qwomeG9qKq7k9Su7g==","signatures":[{"sig":"MEQCID/222DYW4D3gBNM/VYq2lN5METv5pVmhv1H+P6YGqYkAiBR40AapM3OaQl8aSwpHOPb5Gw8GqINv/67L00bwA2q8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTNRCRA9TVsSAnZWagAAFuAP/2TiBKzbuoeAHGZ2Xamx\n3SK/y/QdMHYoDkCg3jkBJzwRuG0Jbp8bZD7Njv3LoXl3AxwF5LjaGSuFMu8f\nsAgdGZmUjy6BbcHnvbXc+8nCsDXYeyvZOhlBOIuOgNBiZpqWROjKnnKaXBES\n4L+XP6wTVuEJuKGvYA/1BabK47QJV0wsZb8bLbJjoK5jRK/dtRwD3lOGZw/c\nHr69yBLY1SWMzHKxPuhEVEWRjSggIwVMQKDpWw61iDy4wQSFf15a/9ue0X2f\nePoUDi40qiRaO9Mw6oEwxC90FeF7OukHG3BpP3peZ04TLrbvCRjXJVSYOQ2q\nrmjM5/Empd9EFAdjW3gB3MLOskBcVl6mWG93c3tsiUnvhWh1JOI1EMXLaj0W\ntnOvuU77USl91JIwA6IuNr4QlDH6RTFAjEnaaBm4wmlEC00H/xLWOFL9N8ox\nRwwPFCfIJ5A1YvX5ZAYfauFznpUj3jC37N8VPuLewmAROr5iftIpDihspqnx\nR1kK1RgM2KAUr9HusRFBdcIBCGp5m3e82mJGBCUcjTM3YGA/cdvZACYzijUG\nOEJ5K0brmaXaWNCXYbjPfQD7TLEF9t7wgMcn7sjkwMI8atEnoxQdu7l1Kn0t\ny/H8sbCIQM06Bo5Udg6wzJKs5I4/JwtuRuWHW2oC73yTyu5ruJZuV5P0nxwk\ntqCR\r\n=yLfC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5f5e9d259d95bf3abf565622edf7345e62993020","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.67eb0df80.0_1615934288750_0.731790249007543","host":"s3://npm-registry-packages"}},"11.0.0-canary.941ca3b3c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.941ca3b3c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.941ca3b3c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcd380d929269f8461c2a64af7e79dc4530bcf1e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.941ca3b3c.0.tgz","fileCount":12,"integrity":"sha512-OXdflaWPvuQPbqjZXVJvF1KCHrFuOigHObCrAYMb1ogN1umouqvscPvsQOYcK9bhHnk1oT1tm3FEOysuyccFMw==","signatures":[{"sig":"MEQCIAypcTrhyTJnQGjDO+IdaIoEYoRLgAbSo0ai/5qpQtH+AiBqvySGCRu+Ls1AqvejSt8l8N15B6S02oPbM67YopDFog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTO8CRA9TVsSAnZWagAAStYP/0OjpDXYtd15QK/SR22v\nQZjnM5YPZJ+dYYmisu6ziGa+9f7x1KlazCWCmKHpfLKTKEbRb5fp4ClAeY4b\np7JGxMZYteYID3d4g4a18n4bqCtzSctvGtBuX6kmU6OuUy0PP4K8h0pIso4K\nZOysmo6XCxAFQff9QzU8qMDFKobHL+YusfdO/1gNOsCJkr17LLvVCbDr7xs1\nlkXaNzcbSZYtBbQ/hfOzMEFKGaGxZCNppcFrPg8Sf7ObZZyifiZsXffvltcy\nRBTpkPo0zzPX1ZNKaGcnn0+ZC3lsYm2otkWPIr9GpPn3bxIzm+/D4vYfFk/S\nhCOAKdYT+p87PI9cZ6hCTaWmkSzm0FIgKnEVrbO85jtnoJpT+iKmtmJGpOcN\nq2w+S1X36AXECzvrGM/82cgeF6dDVmx98tqUHRBsrtg4VCMqD1h+v0HxRXr9\nVFKeH++fcOarzjgMqx1UbWnhvl6O8SSUyhSDGu0XouKy93R/wPIez06XXYM+\n60PtZPUEEf+lglkcBpbOBpMQ+VdTm0zk4W84KUD6qPBxxy9G6WD/Cl6JUc8B\neeDsu8r/9Ynmy9dIG79uU9z67uRCf9xsqwS6XU0x/vzGQPQkCKPESfNkFg0i\nJqN7C0JOun7R1Buu3+iMGm3rdb5gYoR82PWu9lt/VGGOVJpp4/TpxUohA26w\nWRiP\r\n=605C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"27181e4c2c90af170c9149616613beb6599ff94a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.941ca3b3c.0_1615934396488_0.9268587829186017","host":"s3://npm-registry-packages"}},"11.0.0-canary.3344d12ad.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.3344d12ad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.3344d12ad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e815eebd3947d5646aeb795654e0f0460fc10c4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.3344d12ad.0.tgz","fileCount":12,"integrity":"sha512-LPqtmf8OIe+23f3y5Q+E3yznMVJ6w5dUdm1PyfifR115DsLHL6xt0VvwzR7/OnfLb3mVm581Rkqc++uQ347Tqw==","signatures":[{"sig":"MEQCIGz9+VRSfP/nx6foXIMDVI2GW9EU86i6PM5TuPErqf8RAiAoJVRK8dmseis8sam074rWlvRaVvoiu3DMBoirvoA7fQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUdM1CRA9TVsSAnZWagAARD4P/A+siqsPYdgWTlWVRtO+\nhF1pqFAMIJ0k9SOheyyg6dBrgg8s3rAX9PHm+NUzNTupnp59fgpAGY4F/AaU\ntPWqSaf8bonDYopBJw6qL1hasGo3dbjtLaDrj5ycsLaZcdOS/Vp+lmhIbm+X\nYt6WYmS/GBmjSEZKCZ+OKTtoEI7GGpQerfQ/lWSiMeW7LE2cqNLn75DihxXF\nA3fX+RdlTmxSgXkzA73k/BXmwW8M+4Zik3Idv7vUAsvSuGLof9fI2zP7JTdb\ntFZSfovwY3tF2iXt27zmvn+nmHgMsYjdw80SuJT4CMi48cMF0HhvRMKRMV3i\nlH2AjdnQRpPUYngsPNJTNOPP5CD5oZBduSwksu48LeeiLfTnCd0pjfRPjLCg\nu11Jf4563EExrYyoe3F6n8DcUl708HqYKUK8O76bOoCJ/1GgP5pcWMlkCuK9\n0lsrdhnBt1by7wVyEPX+vTggztCdTYJYceVHMuy7rMAlzAf6jSnxXSZ/wVPF\nUoRDfq/S0H4J+ON1ZXjGlyZDaYQvdyC7im5ZPcrgtacpHSYsPC5r9h0nYtLG\nHB+5Vp7PfX0JnmepxdkPYMhZcqBVJ0xvRFlthhxSw2JwvtSIfFFB1PCsFPQu\n0NJmml6d1H0Qx/SmrhltT4P4qtR3GH+Jt1XT+8pVhsi8YAVL1rtj1Yj/lopL\nMO6F\r\n=s5cE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fc17c547b4aa66b6412c0b0b56b75978332702cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.3344d12ad.0_1615975220917_0.3504125739847288","host":"s3://npm-registry-packages"}},"11.0.0-canary.6072ed604.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.6072ed604.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.6072ed604.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a953fdd9449f52e3cd31777bc569ca3c058fb50","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.6072ed604.0.tgz","fileCount":12,"integrity":"sha512-OclbKsQ/shf7B9MqUq5a5ourn1iXiKS1hp2S7cnG4Y1hkjIDZIbidEAFLQsGbprGgkjOBByp8Y3FYHU3V8liMw==","signatures":[{"sig":"MEYCIQCZhrlS6GmZeOBVKAr9XmNNe5Dc9xbpQoKmZinQ77eszwIhAIQ2MEvznLE3S3VLte+k6zXjwV1UlWGy2vgeih0geagp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUomACRA9TVsSAnZWagAAnxwP/2pyZx5RbNmNBEYMJqlx\ncGud2yhFX+EKViulerTAuAONT+1YyOmbif/AQPke6E2u3prV1N+imRujh2V6\njAmoq5N5jghK5YpwSanwnbIrGoHTuCJmJWYlzUsOdA4pdOHTxc0LIAtddxjm\n/Vq7Ck9BzeNqtKXKryM2B73zWiI4lsLCaY2QlU58Vn5LBHrF6iUa1pz8KRcf\newh1muHTNwU/SLZd26D3xBfLqwnXp7zkMLS/lLr7PBIlmo6RvismD4cr4rPn\nyF3jOSjdUfh9aeO75wBWCdcNehvT0+UNEabbqL9QiuNm+l9b/1olHFx2TUgO\n3pcTylNqZu3ulcmK2jduPs6Swcc91Gtyv/MJ3r9GeNvae6imZOlXxe3Y6thR\nCp7nKtDgG2SiYt5U8tH7s0xcAcXEMXU37eRWFJUcV/TcBrxeeTKP39BYsCD2\nCJUqBCrEJn8yICdraL2+DIuNye+cS58cZj18TVeI9isz2sfKt+s4IhTJ993S\nZIsP1PkAJ/K7UfOxzfhA2OB2Ssv8vfE9dl48CIG0meA5fCV4VtuooaOQZP8P\nppaXC6/pdNzq1As/Eb33A0yM9pe6NAt6fVjRneJijbYmW0salI9V3XRlERZI\n2XgperorF9nwwPEe67D6CtTQavd6ejExe6XI99AS+5c52e2UuDUGhTumRsfS\nJfF2\r\n=qJ2/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"219b085de7ee97c7b75e5f25dc757e7b5240916b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.6072ed604.0_1616021887772_0.3373563788423033","host":"s3://npm-registry-packages"}},"11.0.0-canary.d3a6862af.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d3a6862af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d3a6862af.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"548ffd04cf366247550d43981063c523d42fd90e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d3a6862af.0.tgz","fileCount":12,"integrity":"sha512-ewiwA6nb75e7JagJcfAsXhauefu+JLjSooLazamYiGPZJgubM6fgaVKJJwu9WmJKxUlk6P318Y5Rit7j5FxwBA==","signatures":[{"sig":"MEUCIQDLkoa9f0LbkjWQpe6Y+OtADF+RpUoja6EfcFAAdAOQdAIgNMubYgN630yIbnpOGh1puINPrgZNbwBMHD5o27ngGsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU31KCRA9TVsSAnZWagAAtB8P/i6kHhmg/msvknaKUt0K\nR7KF9UqsOAZHuInClzW6QjHpSNZ/+eSfYQm0hrBb+WahouS4G8qA/8m7kAHb\nX8jiVXIp00kUQVFFxVEXsq9KYsCjYX1X/ZBKr8yQypjECTiPO68qUu5dVB6y\nIIHqiHbkrm144EV9JiqBThrLn/JhifRd+CWv4Qh/JiwdoQ9W1Mg7el3ldlSA\ndTwxAOv3o/UOTYp/PFd78FtujK+vRRHHNDO70iTSUXingP/OU/Kea5GpIbAd\nnfkHS1GZ15rws/pM1UkqXsT8Jta88LLkJMpt1P4djRM+njS/jhOcOkT0Ds07\nCXsRbY/tnw1ucajeSRLeEQjwnjrygPXipbO1so7/LzhZOobBpWjYnOSQdrwK\nZCWoRJ21pXQbao3qF/cr4mmygy+atbbnlr6J41QUUDRBPnptlgq/zpmnBeYa\nj4Ljg6VX1c4qMiCUTP4ChYBUcIk+0tNp7+9LXTb8yynScDDv0vemekey8uNb\naYxCoItsx6A9UG7agUfvVYlVkBuKgOSTSC1G+EGjRiS37xUSjCk+rqQ+6wGl\nG1F0OZZuf9Rd+0YKGC8J/1xo4DRu+6gHL27MDjemo2LVIfl10Q08FzVPQYiE\nXitrlHBo1Tr4JXsKv2TEE1RhT3QXFoFf3OLD6Ug7CulCE2/d+5+tsXEMzf31\nVHel\r\n=cXBk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ab10f53a050cbeb103a3ee070a9134ff428deae0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d3a6862af.0_1616084297947_0.5378925217487474","host":"s3://npm-registry-packages"}},"11.0.0-canary.40dd242d5.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.40dd242d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.40dd242d5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78f1e5f0aa63a7c6b74704b10826df7e1b075892","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.40dd242d5.0.tgz","fileCount":12,"integrity":"sha512-H6W2jZ5srr0Oqisi/PlfKuOTIPpEkNjwPv9sVP+PaB7ykQU0ht+Hfmu5WF5ZQsCmQGF3JmlRRM5S/NwC3A3oIQ==","signatures":[{"sig":"MEUCIAtrGcUkORMxX8SLH+IGzlpdJ4bSJWaYfxjfEpRuDGfqAiEA2DxgoRiJ/tFbPkycRH680qV6j257czDuSVVCeWfUUcU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8MECRA9TVsSAnZWagAAA1kP/RPRFiWaOXHb7gL75d4e\naWXH7Nn0nJz5xP/YS2E6yjC+gCFVwdW7sqmqbD5TS6c/sKrbQ67Rzg1Gmjw1\nbEbqicjCc9KErLKu3qIoey0UKKm8pyOMHW/IUChCrbkamcc0jTHU7KLptzZp\nEY795N1yjTBs9K2MkyNNXseIm7Vf+DZMZgH8A7x2wX2UKD342ucBrXI63va7\nisQOKHsPsPsZ/B8cS8rU8GOtwCG7Kn+tVCQ8GKMtfiILGV6oY4vZ1MF72gXa\n58HArCINzfHgcuVlGLdC0kjwERQVLdJGMea5SvO76o+n8a44KLcVtGxjvKO1\nsPeffPZ13CQQef+TMME1ppJlvARf2P/ueWvJeFAret+C+nzXuHDKL8qQFuVz\nrm0oIC0B+2F9VG2mEwHmJxE5mRWVcpXP08EW7XS355Mh2JAAuzPG8BuQpGTV\n+G8A5du30l8wLILjkN2KOajGLFe7xf8GzD1WZOztmqsh0avbP+5/xlt3kSzH\nyWDksoyTfUTrs9ENlSdulmAthiGClG+aBnuJrOfhpmMk3Cbjj/Cwl0SEXQ5D\n09TpmegK5MfBcnbRfa2XuKayy7rqVGZuHk8EGFDHr6Wjw4GRx/UbOGnbqfZJ\n4eO4auXAKDESA+yVgfr+tK5WI3KNZsmBbb7AIg9d9uA5v9SgJS+00nZcsjys\ngiwh\r\n=f80/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"07de383ae306cbdee42be69fa0a06884d97ec259","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.40dd242d5.0_1616102148224_0.845727569618921","host":"s3://npm-registry-packages"}},"11.0.0-canary.ec8f8465f.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.ec8f8465f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.ec8f8465f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b03da3cdb4ccdb441342656f5c6a75e89f972d18","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.ec8f8465f.0.tgz","fileCount":12,"integrity":"sha512-aDxlTVF/VpOJwM0nkCFwfORpl9HMfFFy4QlIdjrFB6zdbH9rG6vWeNW6ZjlavOZ01Ai9dfAQrWcVIwl82EC6Vw==","signatures":[{"sig":"MEQCIEApC2O+62zJSHUrak6T0jODPTUBDLE3jh0KfL+ss9YMAiBzYGBgbN1M/L1rnecztRnkPt7pL/6FfpVVbl8D3ktQOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8lQCRA9TVsSAnZWagAAwroP/iHDyL7ov2mxMiF0b7OW\nSaaS6KVCQXTS9IwLdeB4YMjrI7/HJ7iVPEgfs9cj2wjuD+H9eON2zrTkUDhI\nUzomir1LnSWPwMexjPK67POPVfcQ1QSJmV32dQPlku8FLywvtqCerRuat4Fk\n5wmWSKEYIss+mN31VzetWDElP182va38SOu8Wc834RlENsOh/6Fn4M32Z3D8\nsIISGdOHlshmoRxuGkmxn3ledGK9UOtn45l+dR8I/y/qAjg9r5KXpTYXI19c\nKx4Wp2qgpcOPk4kSnEG2KjZvf8BpLoaMNQAIej2qNIcmh0rbBFm2Dn1JDcJq\nffCIf+/7UJuD+9qk5dRGwTJDR4Z5FtNQfv1hRZhiEYXJLdufEDHr1/S+VpDH\nlyU0A2rVz/vBD5fTyZ/pCAscKsRQXoBVl5OCRS4YA4hAh8LBPF0e0F7eWSMY\nTMHB+jpbP733IIkmjyd8XYbQ54+zcCGzY3KnXmzcsTLGmV0b6WmRPvkk+67e\ngTKDaDL7jQUoruuKgqDuBsV5sCHtLCAOowPakF3DJF/zlaI3rsTXsp5lE1tu\nLJfDUAIc5evGo/jSmYLz1UwhmkpFMqx9f6ruhUcIRFof24giuRqXcBC8rpAi\ncUcwYJzdOyteoZnlTQTm2baZ06g8T96bQdQX0zPHNFfzQAY+p2OlDoZEMix1\nFBqz\r\n=V5pb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"896f8e45effbe3c44209b4542bcd3d10a7f8421b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.ec8f8465f.0_1616103759797_0.8061309152565861","host":"s3://npm-registry-packages"}},"11.0.0-canary.da38969ec.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.da38969ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.da38969ec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba27796f4eba6fe56749b5ad6c37696f1c190dda","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.da38969ec.0.tgz","fileCount":12,"integrity":"sha512-np9P/yuh84dSjWw8QPOJ4hIvwGNTkANUXe4sC1Rwu0d/aFhFyZrykaTdrHYeqvrBT/7G8MOkJWq6T9yluJnLPg==","signatures":[{"sig":"MEUCICqlaeK9Hktck8tp/QyNNvxofU7N1AzeGUVpzfT8cJiQAiEA6DInDICX1wrfJ0m8xEgmpwnufBJelRn/FpgxReIJv2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU9E7CRA9TVsSAnZWagAA2Q0QAIsIrwOs00KJEuOownN6\nRtxx6bh1S7/oTiSXKA37/W8VlfbwoRIwzvu05Bl39ZF4EgbE8syOMtALW/Ka\n+Qgms6etvcUl/aAqaiuM1UpmHul5g7yfq5hesE013iNBcJ5kRl/3f+/oE6zS\nI2uOUjOOgZ0e04WykeE1Dn+ic3IH7JlmXPLVijvkDcOO9LzVikDImAbv1Gc4\n0PkkU8MnoY9KUjTundVWKOWRQu1+oISScPZV3v1AlkXtctb9KhKy4wJwZq3s\n0iIu3CIFVfnWfyS3qvc28JhFHEhf9NE7FlwyUk8MHxw7Y2TsW7ykxzI2l/Tu\n1LRKagBfbqaEyWMcaX7zQb6rNZsKWXyA7RzD1zwJDt3NpP+/Bx1XTPYy4+uk\njp5MNk+77qbTjEASUbr3qRL3FgxAcpHP4tEAGbJCjjv341PHJo98m3zGbG3O\nTp/P+w7AmBEpLVjRSn7PvCkdxRfQcAbr91jP1lNVZFjgT9m2sTpftNPYg8Jw\nci81avGlQsSlFS13JnBWCuF+37Ns6tJUZL6TAyZs0ljTS9Sq7EJ7UT4HSK9k\nqqxmC4koa/jqYnTWxM7MeiP91Urw0sJMfUdoQLPDS7prScOWljs17onMqYfi\nfn1q2gckmssGqZs37mr1pKd1ZZ9iGtcmMqfipgmpAM0bEAMu3FbEzEG7re0g\nj4Q0\r\n=whKc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b43d112facdf74c62e02576a918d522587133fa9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.da38969ec.0_1616105787494_0.7252784783821018","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5246264d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f5246264d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f5246264d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75e50dc6077dd73c7706bf5bb962a855d21c425f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f5246264d.0.tgz","fileCount":12,"integrity":"sha512-9+drH0A1HHrpaFaY+L99b1ktvX6bNXPingg6V9upwevsqGYfuZ/WrHMx/oNXAkV6SJoVDfSIbX7nCiSF9adPQg==","signatures":[{"sig":"MEQCIGTgBQeMnOjp4t8A7ZGClJLDk1dfD/Uw9YU54qZSTJMJAiAvSx7YxOeotplGMz+uUK6toN2vmMsPxQryIfFKk7ya2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/IFCRA9TVsSAnZWagAAMBQP/iUQLf7s06Y+od6tqd00\nebUwjBUZJ4uG0cCACXcE7R4wHs7Aa9J+6QnlvuwjlAhG+cC0KoOCLGre0gEB\nXHDMfgpKbLIuEdGr07PSyLm887B8hJmgTfVuoFve7BHAV4yLbiMPmcpVur7t\nH52G4AFoQ3j4Ptep5fK1c6tl4TIWOWJoRcT6XuuEgek83P7KkZANBTXqMZKm\nAxqJL64K1Ga7F5OUig55RJ+vhJ0YnR4eVl7FdTEvRx/zw2WPoEecCDOH0DTa\no4uAfwgTnp9d6UfuOl//ZGUKka+QoIPNnlO7ptEfR+byPZ1J9alqbG0eL2Ew\nmaQOtQ9kCeRmhtCmR6gsnZueZgOo/7XoMUEczumVxdVjo/LdOtEehuG9Q6g8\neLrNWQdcKynO5XokwKI1IoGUeIFBi2UK8mUNCty+Sig7ZcoCLBI0gHYnFKNj\nEIN80+cuK+qVTiMDAXqGM7Sudzz2fo6tWrZ2w6rpvGsR+dm4f0NmFWNfU6xG\nPu4PLrkWZdvAS2p5h9SSpLus5/t2etN7vFXMhQWsPcocRX4Tk/HWLt6k2PxY\nFb0vI/32AWmr/41T2IlPGsPA+cZDhyrbGYNMnHH5pUQTnk/mc+amHkDWH5nD\nkoN2IwUQ97253JVFOl1B81MwpzzuqvEUqaDSovXao42j5TXrH7rbGLjDpUzK\n+D57\r\n=tzlw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e5bc1717405750210bb9d7e3572f0cd36c9bc0cb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f5246264d.0_1616114180958_0.9039705754071965","host":"s3://npm-registry-packages"}},"11.0.0-canary.03d34bbad.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.03d34bbad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.03d34bbad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8afe2ca324011f5dba0ef2a4e7c9a4701ad79347","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.03d34bbad.0.tgz","fileCount":12,"integrity":"sha512-bbZwamy6qX3wUjd1bmyvItMkUXkmd3qh/ohZi8h1ECMext4riJrMWQUhJe7Vi59mcSVQfBtTaPa/y4SaiVgSGQ==","signatures":[{"sig":"MEUCIQCA17G/QWY7wx70VLGIYkqpW7hHaI+ZsXeqzVdLO1GAYwIgBICFbKZoK4VNY75H3UxsMJLCX6fCBuM4XkZY3Zim25c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/UWCRA9TVsSAnZWagAAYA4QAI5xvXNnWNv7ywcRqf/s\nsVHwNMJ19kLZGUEXC+C64A7+4KiJNWwlB7yoqS5F/j/eNdPJbiSByZC7m81l\n13g6IfD+w+jHiwIh9ue0SbCZZuqmn3fmVxVfpdyY1JnIqkkzD/NI6GVNlX/k\nJ3/BUmokksFF6kxfjiFcNzx5k8XY4pvyILyfdV1RgCo7xUETNAaUYGVa1JC+\nMzqoVQKJ0HMfEdF/V8v6CouAxBecY6YQbj2W5HYc+eQ87KKnsLfLHXO2lAfS\nK6hXSHG5nPntOYEpuPyDEoEuCaGV3ycE70oXd8BgR2AU7Q0aKoiNwbi6kQFU\nV9amebyZNd8/AuVViSa8g4KbGczpjhbqI8OLZY8WdGBDm6ju53aZimhXNWtC\nAE51NOcKewYp+mT1QNdKdT9yvAhG/fpAcddaIFEQsbL5f6ScrRtigtNlPpP0\nsAadYoMQ6dThrkS6GeD9uuWG+PGN8hp+bkXVlmNQVaL6EAz/jdvoQRLUadpk\nCe+KieTX3fmjri8evPP3otJixTqAqhuHmMsWeZxEwMinfLs6jIShoXRqkM0e\nC06oGIh03ewBF7Yb2T429e8swxeTMqw3b4yzTz+RaZZjc2zGZ4gTYHAHnluQ\nrPMfe9dlE22dEks0iDSpUS4W+Ne9bpMNVO+vHftQAZ0Ss854ATcSj88OE6jL\nAAnK\r\n=nHuc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"650c89999524e7131f5808d28c8ea2fa15db0c86","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.03d34bbad.0_1616114965924_0.2544096988549167","host":"s3://npm-registry-packages"}},"11.0.0-canary.cbc57c600.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.cbc57c600.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.cbc57c600.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c55005b7adfed19700f7ae527477b81ffcc95d7e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.cbc57c600.0.tgz","fileCount":12,"integrity":"sha512-+JaGDtFpv09L6khEIwXKcyUJNHyQKt6oBTsAn4QdYVYOYkOCw8P1cHv46Vld9HJEth+zqQnVlu6+tAAE4+7oRQ==","signatures":[{"sig":"MEQCIAaR9w6WRV9W2B5VHixlsGB5c9NDZ/74xWmYZ5p82PSbAiBIO3VD0htuy+redKjhdO5N5qSokxiuX+6u7GFmlcyKeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/cvCRA9TVsSAnZWagAAivwP/3JLnxWJai/oXka0LALA\nVVQJDWCUn8VbqrRhBAfVOxXJ8S2MB0oxpeXPau+3V8fceNs3tHjBsy104MJ2\nYLDtmM6Uos+A6KJ9GbR9pnjbUfGLf9h10rN+yFHR7aTALRd9Kt780iNMxBKX\nvXqbRCJud0927CEdlIO39ZREqz2dh2hSxCN5zMGb5R1u9zxlH8EAfHdGtCtj\n1OyX+TY1Lq/8DvqYKdqTsz1SsEq9tk4LIENl14NLNCoji7apg9JShNcJhTaU\nXE+hc9EntszSxX0PRwB2vnzW1MEUsFdcIYHU0H94hnuoevSr1qNAdKdam5CY\n5SOKdCrbDMhwMaJkVEsl866lq6mqucT96UiHVXd5wWMYejJRtfdP3CwCL9qH\nZK1VPPjp89uJnjA6bYBTeC7y8ahUbCyTu45WeaqQV7m6PxSNZfSTyBMqwSlU\nqoUq68gCbKKItpVq5QwnywYy2uuoCPgZfdNeqKc9osN26x1/ik3HmSL296Vd\nUTUJT5c61YshATNZllRvyBrkqGoRGvAyWeCY89nvpn2BmnwLmE37TAusTAVl\nwcCevBpGLe5cJV4rrYbuzYIvAL1u7mB8d42q54TlzZWLkU8ohLuaPfy/MS3O\nauewjAPdzYKRVNdpjnvBYMItR6hsmz5aRt0/jwg82+QZMEmi00CMS4iLP4cY\nXtCk\r\n=Hhok\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c16ee9654e2ac3913ee3140dbc31e34bbc443c00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.cbc57c600.0_1616115502647_0.18457076985097487","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6c5bcf37.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.d6c5bcf37.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.d6c5bcf37.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"774afbcf4a1a2a21ccb27561d18339dc47b775ba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.d6c5bcf37.0.tgz","fileCount":12,"integrity":"sha512-VF54ODoqv9X5biggajHW0Ocje6nszb2FDKOieQ0uBgcuHzZaG2/heGklFuIw5aPMs2lvdEMUV/QvKY3DN2D0MA==","signatures":[{"sig":"MEUCIGSI0ITmHX2OS23Evd2QeOZl+HSuhtpQanJrCpg/IhDqAiEA4B0Q+YGGTdfBr6czOC8zSX/oharkBTcZ4/BG/xCIvjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/oACRA9TVsSAnZWagAAOmsP/A0k204PUMCe3FrXgEQb\nZ4+sPJ3Qs6QxMqL//yNNm/bnA4Chy31uENT7xi5VVJGw750K0bAOAtWaVIRR\n47tFLRVhvif6NIR1YNEl17MxputVcJg2H7sM1p7tXtC8C4Fj1Nt105kIprXt\npn/cTdjccdNwIT9ZHFS44E5k2b/CgFA6hqBMdVDWVkZzj8DorFlg/S/u2eJP\ntJY9fYq2PdL9nLl9LbMtZTguW4cNyUS2iwN3sf9fGkXYMx6npw+pSocjBx5q\nDoBkYy75FMNx84/V+xbJAdzhDuKAlLDun1DdKHiRIPgHDDDSfJVB7/PAdAgD\nD00DKX3DxcKgAeNqeuxemBLeXeVda5fUcEKSatUHdJ43iLf+gPrnMYX9pgiq\nbDALUTmAFiEWF/b+GR18PWgfKQzyMHGtdMnXVe8vsqXeYZAolDYdlUJrxMC0\nSrT3WhktcItsskyPGPnFugUXcyYqv+CIEuzhTgwPk5u3aIiZtw3Yxq5Q7WSq\nrzuwHMkz1I30f4QFx9I0PRAeRaRbdQSw6iFNUz6vdrbTFQryOIwns+NLAZpm\n8WwgEl1A4OuFBfeuGRkdLUTjoAT19+O9GN2xNOVNPwHeRvPgQ9HQ9JmCVPvQ\ngEsN1afwiMBiUXwglNSFEN5aRMSEvkC43Bhm+sIDYgkcdyOsIVbVvEYS5xr2\nJdL8\r\n=qcAD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ed31c18c565964157fdadec7c7876ba58c6dfff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.d6c5bcf37.0_1616116223728_0.5836851261642297","host":"s3://npm-registry-packages"}},"11.0.0-canary.fefc668d7.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.fefc668d7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.fefc668d7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac69ea67fa93e6b25cb86db7882aacb3f59f98c8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.fefc668d7.0.tgz","fileCount":12,"integrity":"sha512-21tF8x3cDqW9Vl71/ggvkXdeKW94l7paEpq7K1ttW61S5adz8XysduC6mqQyf2f6sENIZf6PqE/YE0bOEt/WnQ==","signatures":[{"sig":"MEUCIEbvUs2eayWtzWCt9iE0PTy0xNgt7vXlREsWPY11NM5PAiEAyf+Rf5a0js/NkM+3/CDbuBdEiAZm94HMHQ/0d2rkIGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/8oCRA9TVsSAnZWagAAbXUP+wd4/PNrSiQp63TpDQml\n4ghapNblvcOekifbAsh2/3OgsEzZtkBlUu1FcZumq+Z6UgQHnVVR7eKkhpIN\nRq1xXAeE1HvrwlFfHbS268vVv9tNt7c1L/BFYkTaVjpJlIbBOYN5/+62iR4C\n1uNNFHKs3OW24Lw0IHYVqf3ajFpI5JGBi9tzD2ap9dc85D2QzFt7m70zn+x9\njvzbDp8y17qIslWc6JQSPDAr11gB26WVsqM5ejXXGlW+KY4NjPbHy3uoZSIU\nZIVa1BytDhOiORsuxbpIRS74hHt0JsucI6Cy/QwxLgT9ktFstqq9uvs4h8QR\nPrGk9ucNrQojVgStigmQesJLNriIW41+tvRxKV21PmMpg8adXpxipp1gUueL\nOcWYgam0WFZbDvWNADuIhvc/KNdPuZUgq4x+0TBiYbzzPth/V9rlG4SluI0R\n7TyhvzzvV6AEgPMSUBTkTljy+PS7onmB6Z5ufBZrmMGcrCMZaySLVGTaFzQ2\ndsE5+usgrRn1uN+jdiS6C478B3kfq0ZYlz4BHOMWTQs6i+DMxFxXXGve/edL\nYRygQxML/mCFHZAfT34UNt85WuXuH9UXxGlYGBMOlInbSPnQQWfzhDi3lNIN\nPEayGHcegVmBjSU/XAtWhM9kdgTyxORGjemo3FeU3KyvJLVhO5pzfltMxS28\nX1PL\r\n=Fm8L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c976c590b16e8f3a000dcf5cf2b4daf6269aa21","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.fefc668d7.0_1616117543463_0.15107380062978581","host":"s3://npm-registry-packages"}},"11.0.0-canary.faa7d3226.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.faa7d3226.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.faa7d3226.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a84d330e8b1bd020d51a1e9321c41995c60ad333","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.faa7d3226.0.tgz","fileCount":12,"integrity":"sha512-RMGEagbylJacM4ovBStyWfAhspqb/21xloNJQl+iJGCWkTGrIjo2zwIT1NVft49h4uG0oqw5hrTTmUvNEnL8eQ==","signatures":[{"sig":"MEUCIDmBO5G1aXkGFf2lLhUDWYNgXVB0pozzlCdMseKhq+W4AiEAuahzlveL1MAqJRFFDV0+oacTMfA5GBGB6KbATgkXG7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOKBCRA9TVsSAnZWagAAOGQP+wREqoW1bb3Kxd24skKy\ndQrtz8OMhhs80rpoUXCb7GgQi9luIsxkqG4w+aYaw8UA5L7uZC3l1vEm6Iu8\nqQfuK1lY2XCCFGHmMhEAEM4wlCjkjLDPbi9W71BfxNKAPdt2rZhXnAYduYS5\n/e+bmR7qzcUfWhls8chP9dSF4BbvArO+Pqw1SEqOYmhdmNWYFeaB8HTxLEjN\nj979ULvW9b1eYMFX4lz3xtbn715AAZMIcakRUpagy/NHmbdUN0YE2FbwUhuB\notnhdwY5It2Jh4cs5wUVWd0q3LwT37ZsW0TNeTdDk+tzokzE+hZaams3dQmB\n8glryW13SwW9dh9UjWMNOToAAShjgalxpkfYtgIo60Z3HpZLYbsBMQIZHJr3\nPkVsDPAThvWcpxIOZZDLSLlsm6jitNYbVdnTaQnCsr2h6vPFkfjcnIEzuF8A\nfsPRpTpSM3+SAKPURrlurhYv2jvRgLDBuh+6qJqb5DHKfKxj55e4RPPbe3ZG\nZIxxPNURYX2me00fin+7EJ6/fC9gmIB1kPxzQRj+H6ACEg/bDuL6fnmhMIGv\nLPmzjHz4uNJGEhLng0QBdczXIuaylEVsSz5u8UIzq6kY7lAkEOrur196RHLK\nUHeZgtwLDPEL2WzcFw9JI1BD/pdcwhmTqxJjfmecFU9m25k2UZxnmpNEt2Oq\nsdZz\r\n=z4IU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c6038c8b2af85b70f2434939a69416e1593d5a36","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.faa7d3226.0_1616175745010_0.006350589592921452","host":"s3://npm-registry-packages"}},"11.0.0-canary.c60449bc8.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.c60449bc8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.c60449bc8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf8c23f6f06fd39cf05919624463adbaef1ae617","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.c60449bc8.0.tgz","fileCount":12,"integrity":"sha512-ULEOKBL5IKuoovYgq1F6ERcg8Yw8JqyYynWWSmEQkcUYRfSBQsYP0EVwjGKG6c4dV6ZZihdYnFT0a2+c9axchQ==","signatures":[{"sig":"MEUCIGIdIaneejLi3NP56RDm3Ustbk51/Wml/9TjaKLFM4doAiEAuhpBdrhw3JuszkAXdPKYnJZAcDTV2MEXeBGvGVWwLdc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOd/CRA9TVsSAnZWagAAPK8P/2d2VC4VpBcXPpGRPC3v\nu0oPw8FqBVzcAp1xnig+jAdyzsYh7htkwSBvCpV+T6f3NKlx8T2M6Zhz64aO\nxdUYcj1BbzmvmZBtipiu/KbEkG2VHLurRSnOOqKbelmj/N0iLVJqnq3b5Y7T\nynNrUxr2UynY0jMFfhdson5DPzJarQg/X4CgsTE885vhJs7NQJAD7sPIx4Fb\n2mtfQqoAstIlhv4B2pxZ8KZ+drug9p4PnT0NQttz8BB6wDehEAvrWa+qqPtf\nH8bE9FVcOq+i+RkH1swO9cvo6Xl6Q1HVAPfuUOPIMjiboNWMDXJDqYoja8FN\nsfAPoQtEvpHNQA1+BuwkwrhR+cvdq09jw1W3MMfdZuFdcHUxPB/Fg5ln2RrM\nITLhek9eo4tSnkLrs1an3X9xVbRgW8JkMiufeJTSeyAMFGgGAgY8/JHiIQEw\nQ9Pa6H27e9xFSbXpkRJDdd+LWBxbShRHHQUbYIyPStmf44VE5K/ZElK2kbx2\nO+g4tKcI4fDIO8oK7YY7pR+22qLS16j8iTku4Tk3fPKbPOwuJTIbqVhu7skq\nokPFjUU0vzmWNqZme8I5z0iSNjmI/nWv4+ZfHcouTKK0mboabT0eCngFi0KC\nUAEgL0imm2cSDtBGrGILMd3tu5Y+75J5oKLcQ7JlwY8AL/wcxihE7ei61Ccq\noj63\r\n=DnRd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"874083f8b4dbf457158a7eaf9924ce1143ef6fa0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.c60449bc8.0_1616177022647_0.14808386955761876","host":"s3://npm-registry-packages"}},"11.0.0-canary.5f0fc444a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.5f0fc444a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.5f0fc444a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c7eb98abc36740127c82a2fbd41f6e10806e9b2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.5f0fc444a.0.tgz","fileCount":12,"integrity":"sha512-gs+dCFA59ElybVFnRzXCzHjIqKQe8HH/b5IVYuFja9r9oHxmMQ8n3oTsC24nM5OIPtD2Tw4A/QiaO8MKP8j9Ww==","signatures":[{"sig":"MEUCIDIVeIIg+c00JFtirw1SKU3aGwhVk1a8BglpaOnOIe/9AiEAkKZ2BA14jINLFpGJneni9rdDVK/Uoqe4iL3t+AWMqb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO8hCRA9TVsSAnZWagAAyUgP/RqpZCAmjYbF0qJxXo4C\nDtoa8lrgB9RIlN/phWdsmmeZB70UjFq9QjCR73XZhVwdcQH1SKtnwZ3WWnxx\nTHLhZvpYU15W8zXFoob7fNTnVttQrLaNro7RC5xPMphgLU8ylni81SLlA9Fv\nMisJDmBLYo5YOuzV/x8rqf/8qUKUJLeGkVlP9Gh86CR3hnFVFvOx6lZPify6\nuo87C+uaW4E578+r2W9XOu/pgFClLlXiIOa+/JoavAa8JM2mFySb0KJO2LAM\nQz9yhNliRwD4YRjgoJIakJUvII41R7oevs6uCTgtygtwkEGDOx5/hQ3Ucv7x\ny6E+ZKqU/Whjn249t9booLztVTJFqMh23wQtOMX0ilpM9TnBIJjJiEq5dM7C\nV/6diNIt6s275uJVYEd4C5Udm1kVccVAUTqYuOQgi1iEoZun+cegCrbB1CM0\nykR89XNn+1iDAyXnmRlokyQ2V8YwnhutV7I/K79fxNwM1AQjfTu8OxfrAQIa\nmbLQnw8svSLULiycj/d9eJF9OAkAI56yLyiHPQZLK9elM5MSNo+POqVPmhvz\nMUSwMk4QtqSJpNb6BihD2K5nFJ8JcLL8FIwIhnk00TVvZjzTf9V72Kd/AUfH\nmuWuG6ZYifGP8AMDf+VjhHxTXBSzaxtZ7HBmRxFduAQSoCYfbQLe4hhPCJVX\nbD4u\r\n=OT9B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"122f31622300f5877c850a516d74f7c692d0718e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.5f0fc444a.0_1616178976944_0.23982169417955967","host":"s3://npm-registry-packages"}},"11.0.0-canary.4567a750d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.4567a750d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.4567a750d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4be4d9a300bae74248b5903c696b3bdc88527bd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.4567a750d.0.tgz","fileCount":12,"integrity":"sha512-4RBIfP9z7b1tper88jwYn/nzZ9EtxsR3bJR8DxlRYwvl7ycnchhnc7hrvfLUWsI0+DT2bdtUqKWrdP1Qa8SGBw==","signatures":[{"sig":"MEQCIHEQPcLNXm+yTy27m3x/nhDpJUorLqINp3/UbjdqTGGcAiB5GC9e45tLn/EPNXLqE873nnTHVAbdjNCUCw3916RVwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVViUCRA9TVsSAnZWagAAee0QAI5e9DQnWLTuWYs6Ubpm\nWV7OzJJwS7BRhHhKEDmtkRbUJTD8PssMrCCMxl5xpJ/cIxx3D1yuk2ts6Q6W\nwa8fLBgmCKJitq4C9MGRh6wbjwbx8xjRf9gTuqdVTmh6DGGqU3Yw/26CFaXq\nBO9wx+Gu9rk+OW5dXURcbTLNLrowHG14QXwSz50Po3DKqJVVcDetccMz5HQJ\nsPQmTIaz99JnCnjun7Aeu+jQWZXBQMLSkRzigbwtNbYsaBwaD7j88Ny7LIwQ\nTT6nwPmwFAl6uuUSnLnFuDvnJjH4rPnRdkGGZglJVs9HBL7NcWWn98F9jiBt\nHZVdmpmoxJ7X152k4L8z8nGDynSx7Y43E8ZMZhQrB9ftiCr/pc9DrpESc49p\nbp5aTJC6KCwAG/NkOJGLUu3ga/Jj5zkiz8QoG6kMe6JIvL4Pa0dUQZ3vT2kH\nG+GedbC3kP+axgn82l2OK+v4F/NaKw3ge/Z6PQQQ4NuareEwvsRDUART3nUO\nSgotrFZuJhgSFQTWyyF2vszXNM5t2N9L7Cr6MhtwDllE+Ao5oBWWLnsRx4D+\neT/bhkpMkpiM14qjggKOoXLecRSBMOK745R9LtLj6DhgDM55Fiy1XMYGJ8yX\nl70DEc2NJ6Dj6f97MMCuwPr6/DSMfR8j4aaE725UNyXMNHz0we2SlQ57FYoO\nRFVn\r\n=P75/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e165b3e1af02e963deb71d6f39a7df6962710c30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.4567a750d.0_1616205971974_0.9330015149631878","host":"s3://npm-registry-packages"}},"11.0.0-canary.0cde52f5a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0cde52f5a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0cde52f5a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a7e75d78172a192f66edf86f1178a6545db40c8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0cde52f5a.0.tgz","fileCount":12,"integrity":"sha512-0aDgR89+GfIeP8y5FKPquvbziV1iauWh+vQk/mJcaQ5qGMcLUcOTbP4Ul5q+4zT7p7BnMIwlvUr2A7XB+iZK6w==","signatures":[{"sig":"MEQCIBwdQKHKqifP1m84r+IiUMBHGNikW1CEqK+qtMjNM8rLAiBXg66GqlwiNeOww8rcqs6oD/21t9+jM1FEoFDFucWXrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWS/XCRA9TVsSAnZWagAAL30P/1ev51inyNyBXPvMXdgk\n+pb6O7gFcvoCXe+3WPjO0VMjHH233yUJ47bJgmwiQM11mAFaeYbPXgdrbxKY\npvEU85TPbNf2onnuB4HptdgjThK2ILhf89W8MeLMfvuXRKmpI7dHkTWJE1Mw\nEk1V7bacvo3pImWhgdTpKp+BHgN2bQjLt9Sw3fT8bpTw7XTh4huTbM+VnBw4\nwLZNr+w4dM1VpK7PGZ5Q+VsZx9dDpAl18QCK7KcgONfVPPg01WPYbX+9D32v\npmBCic8OQUGCHbjlb4HtFFaSWq2W1FRvkf29F9PD8Sa1grW7ykwXD82lK1py\nKQkM8WbW9gsg03YwfRcQorhrX0Vam8QL+zekQU6HYEYC8ro32J1p6Dc2JrI3\nYe7dOb4R3Q0eZ2u8GT5gC2HS3ZurgraL9JGtqeZop92yhLI9bANdJoJ/5xtA\nGHWINY+pIZodmp1NAkud3SNUPhDltQQxzaJzpKmH5KJj8j2HYBsPC5Ix5wWY\nBMeGa8CHB/E0NubEnkOyEfeXv5YpIwkyV0XefM8q5NYS9dvYfKTTztnOHg/C\nLBBmPDJ2Hy5P8fkIOveNVPZJz59FtX7sHkAZ8KQXxyR9CV5z5Nd8zkV7wrWI\nSr3QYtX9Qy+3mjqds0PKz/5IH39GbaLipD8Qy0IS3ueXGkF4WJPYtBB2kPon\n5RLe\r\n=6zrj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f6719c5270f569fd2ab44620e89ccd53a31f98c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0cde52f5a.0_1616457686854_0.5198250641198434","host":"s3://npm-registry-packages"}},"11.0.0-canary.48f4b67fb.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.48f4b67fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.48f4b67fb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9996a9bdb52d6cab077bc50c0145230fed8f8e50","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.48f4b67fb.0.tgz","fileCount":12,"integrity":"sha512-ek9XZwRiPnTIAZ0FQ5wiaYS9PLq/dtj9o65KGmMJxU8ffUKNjo2G4ccqxLmTPJDvMJes56T5QzjPh5s+F0a+Cw==","signatures":[{"sig":"MEYCIQC8bq/CLhpVQkzPYgRjTOrVMtLWNtTPhiyjhqIH4S3HYwIhAMyEdtbWEz9XuYajFG4h5dEeQzHAputPRAjebHHUDLO9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkbjCRA9TVsSAnZWagAA/Y8QAKQv6oF7Z9n22sFqj8ZV\ngy4HsDBYE+fkcOEq4+zXxbnRFTb0dNdScwlgAVKQ0cB0KsKGEAkUhNTaK4pq\ntlHt6vHOC3BsUu2iWBnUGIPAgq1Db6mAyA6GTy4pUW/TQPqwWNEH96zGqb1c\nhwqfm5SKaWA0BR75y9HQY1ef7KP72YUpwXeRVKak7LDhtUAifIuMT0kDDiu3\n/ErpBvgmRCiVW8txRFqkCIcxI4E4R0WRgfXoqPv3s/4WsVJAJ6NyFMprw24f\nXBCOeRt51beMSc/gVIPV57B5Zjlwfj2pQtYwmGtshKAp5jKL0ICNg9bXhp76\n1DmX3dournUewbpltNOHsH7YVX0KjiTryYP3p/Ep8bTPo4XqXBN1Mdw9sU85\nWdGWztzTQfJ26H1JZ8LfLX+uC3uEhczDScfHczeRlRbqfvJh5cLS1ipmrXKQ\nWKEI6fNwmd8YAPW7FeYh3sglKc180OB7dy4TB6Mt9SQrXOlZdcMu8UsvyVeo\nl19IdMa8S6lvDoFZdl1Rwa2sifzRWyNnTmbUcXzI5EAfCrUwut3SEIwcgctZ\nS+RZffdMH2Lf5RIlRVdC7t4gDwVf32gN7pSZaYDKNXdw8i2j9pJPeLRnTBwq\nkhowb7n9U4Io7e0RdRrEtClxb79U/lnmDMEssdzplOaHxWh/nryng8gSgpb5\n41B6\r\n=XeJx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f83669b240feaba73206d330f10c80a9aa31c1f7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.48f4b67fb.0_1616529123199_0.5895126461287441","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b8cff734.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0b8cff734.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0b8cff734.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72991cc9bd32455e48b14912587d5d83dd395958","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0b8cff734.0.tgz","fileCount":12,"integrity":"sha512-yo+uRaIaLgviPHAHI99FNVa+3t8YlLmldjREpDdOfy299z3oZ5wkTdPiKaqt24d+CwyK/ai7Pa3zVzInrp6+wA==","signatures":[{"sig":"MEUCIQCHMV3DIzqSMP5JEC2a165azLWd2OgcZNVHsvDx9rUYnQIgDnUZL0x1Rii7DIWLFF6m8Y+gMR8Z9r0Sb4t+tGKmVss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkmCCRA9TVsSAnZWagAA+qMP+wWegn57KzdCdK+BbHNT\nnwPDqov8YTSE8GfvReA2YJ9Lr/KWSlNBWTLQOiJQAwjlsCOl+yPjk80ud6Jl\nFiRJnCrV2s8fvdeMRgnBPjh9AG0zztai6bYzQVQK86ki41ekGG1FRXAgZPx3\nYGovNq3aM3ny5749S/FBHht4QhyGBQUzZY1tPBDOQZwMh5Qi0hCo3jE8jI4w\n2OY4VS5BKD5ThEND8rq5+VzoGxuberJbeauHLOuxPQXb1KbMYFydErhakPy8\n1jUQnD2BjJaky271wF46qMApVf1/rZXOwZmmN46pWrg2sT+A54ZP2/CBGMoS\niiHdYPofXtc5f+Ysm5MzyjFtY/HZn0mU2GUtU+iaDUiG8ONX4zBLtYPo2XVy\n9zjGjnHnuWwXvuQG91u5jd54twidZgBfr2zp+jqzj8ZgECzEJDkbtr0mvG8m\ndX93MyjW2Ko2IBxWxZDmbGbvj1aHSzColmb3SV3NObswWAzROEd1tr+cNyPR\n8Jxg3OlsIGFtBMEfiuOABJvCg+FNfSHOg1mjAuRFlAaAYaLj066XTNeGcodN\nIgHI2j5NwkEZIGlwTwQsdfm32IXsR2+R9rvT7O0PLpJ8PQBVBPTmSMeFKB1y\nkklV42aNuOVYlraJohml4w8WuJPzX2XX3WNkVofWevpqDwSLbWgvxDVQv28y\nlQTV\r\n=Vrr9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0371cb1671557f9e1d8a3bee3ffce11bdea058d8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0b8cff734.0_1616529794320_0.3820569344110105","host":"s3://npm-registry-packages"}},"11.0.0-canary.8943b991f.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.8943b991f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.8943b991f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b95fdf5b30a5cd7d015b8f633e27f09c3f1ca9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.8943b991f.0.tgz","fileCount":12,"integrity":"sha512-PDp4l5xXkhGL50/dcUhGgyVGzvMlhfq3j0z6hHM4loOvwFREjLQkq38m1Vy+e08Q4C4PL515mmdTgThvNqofXQ==","signatures":[{"sig":"MEYCIQCaTKNLv41ZdElvzzh0kRSZL4Apgo6CRk2c375g+SnOaQIhAKG9EUgLIe66ePVD6PPZoFgzxmEUSAP7Ucee/t3tUmCs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWk9YCRA9TVsSAnZWagAA9H4P/jrx6GozrTWgo1iSscc1\nAHnYSYaL4rKszTHsq4+CMwNq9QZU5tvbXEo/PnSC1N2IeRhQwKyZxNRnvEtR\nlHppWhcujv1uXjA8Stv2DZRbd9pKrjtsIkl6k9UlQdtWrLxqQwD31W+vv5oW\n1YTHi4ulrxKzWa1kzcwC8j60OJNogC1yKC6G1B9Vz7NWrhsxpnLuwF5li8Bj\nlTEg0OhpMrtErYFATHmKI4IQl4nklU6fC+X0xwQg7LPUgBvZPHJrxKdENSAh\nWP6aahPMK/jQUtEvQykIkbdGoCqfDocd+570WmjU73CYu7sEba+lMc2X5XLL\nsDzFShdCsJpJik8ZYexgCJIeJcIZywcV3E619fsT0CkgsKP0ox0pBbtYzYy8\n6Di7s972g4LqIGqwe+gWhoFAdSOBJLNckVc21d9feKzhWvGiRlGllLQdOiYw\nQvwPE0/CYqLGF1pNC7CjAITztEasTcODkOjoLYW7KCYSrglMhSqumNqW7sw5\nWjBc2/QeCuFoJlEUcrxAOu+79bzOLEYzEvOwYqhK0dRhKgXZykvEga2DniP9\npEGF3lzTL8xGo0JRwaPdJNXO/GJmCQDhtX1mNVp2wMV6WyLte9RcWNjwfYNf\ndXtBp3ZQsBfNtRRFX8WThuEXexj9zNjQIxcRFWVIAZ0WhrOqu1MBvhGBGaoF\nwZqV\r\n=E7gm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85cb2528143c5117974441e499367a5fc252b745","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.8943b991f.0_1616531287964_0.7964196024147527","host":"s3://npm-registry-packages"}},"11.0.0-canary.3955d8d3d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.3955d8d3d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.3955d8d3d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c835c9f350dbc1a60ca59e808061d36ae67760fe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.3955d8d3d.0.tgz","fileCount":12,"integrity":"sha512-8aKN9pAvAs185kZg06gKGpeXWc1cLphB3jr2wFtlLSmy8rmoAnq0ekD6f4YUf7sIZSPqSjL0oM+chsnwjUednQ==","signatures":[{"sig":"MEUCIBgls4tji5qhA/KDwAqgCTlQ0y36xMDUdWkHjlLyzA4bAiEA08FLSY3rc/Xw/G1jqPjCKTfapM8Si9K2zY5NZLHsm6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW4+rCRA9TVsSAnZWagAAM84P/0HdPQYWxZySKNmpGpX2\nvq6XkAMNDl7V5/pd4DroLeMvWuRcmmD3/AcaMOQsXvKukNcaYt+7keErg3aY\nCs01ywPLreMClHN4wsgVZR5A64MooYVlIpWwb4piODVSLo79PBJnRW6eNYFF\nVRa1caMHNJ3fMcJWXqS3iMgwrQp2YeGUhfykE8OlXan7HHG+C8rztsHWXvqx\nzAIA2Iw1zC0FZEb9KZC3kDr/BvhaZfahSzYqcg3uAvue3RTBbKqiySkFRBlJ\n3PslulMuTj80BFOckMFD+r4/HZER//A9sciqLby9vhHtia8ydUvnM2XMaxJE\nvzYA1oIxS5wIrdAxZKSjI8v0UehJqqmwoBph0+qf0P5caqfwpWD+9x323E+Y\ncklWJaFOa/2McJMlFMwUu3zMKxv03TwSMz5QEP5WLkAAsBUCd81EVGF/l2U6\nBlmufM54BAuFI7sXDdiOxnulq29F7++7/Z2jGHlAdSrfwRnWLni6BkkNKVqH\njdUZc7GZT/mKbs4squSbS1vKU+9YNTCwE4kQNRuzh8Ol+TxjZ0NM69sASr78\ne7PYPUk8or6lohpv6JE2S5L8atJwlCgqK6jtZDSOd/pG6oDemmbCxTwMUCTP\nycWllaO730H/I8FW2OpA5qV3LdPxlFmiGgQ4wxaAmhOs/3QZuT03rfvMNsMI\nzeKd\r\n=j1ZV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2679d736975b17823079a52aad1e329d8c2a3b71","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.3955d8d3d.0_1616613291014_0.12407298750585527","host":"s3://npm-registry-packages"}},"11.0.0-canary.23ea2d85e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.23ea2d85e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.23ea2d85e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"845ab384c8f5892c351135f0553a06d39f9bc7b2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.23ea2d85e.0.tgz","fileCount":12,"integrity":"sha512-dVhh3PfG0rLVmHBJxJ6wYVo2YliICZ4ECgx4SracZY0oZdvp+rH7COygPzBtd055gl2SdwEFcGbLEUCOmBL10g==","signatures":[{"sig":"MEUCIDoR3Enj5URN/YIRxP9oULwc5MpIO1pRcm378vQas687AiEAsk8LtJvmdd9IbnnwEMiSPxcFpcViRGbfHs707b7Uh1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXMjICRA9TVsSAnZWagAAPXcQAJfX/gB9dIh/EpagAPQ7\nhidBMX6ktDUKjqTqcEn0SoVhfw64IlejDrIBP4aWF01ksKHT9JtXyKoG2qG3\nhwcmM1n0EnwZJamP0cBN5rxoj7Vv0j2GT5WAgay/X1gGgT747fSBRtqoHTCV\nYfbRNojuv0uTrfdyPoyLMiXuZAhsDloGnV8oAqKtV1s5kyUURhLm5/uv9Qxk\n/kYUduxqrgVeqED9ONL1k8mImAQHMXoqK+LMWHLTwY5xCd3iyjlu8Wv/wnt5\nyZUUVuTi2ZgiY2YVzGOf9rxRnpcvTtp8C0rXUO6BlhXBB7aNFUpnrm67ooda\ngkiMf8QQBmGwhH9Lu601ENs8RcHROPsSiPGAG0WhIB/Ci6UPbuUbKaJ2c8Aa\nLiWrQCnhpOk4mAesT+CEEAxF/YfxSNwkKCC2lz7rO/dYWMeqypIZuB3oGB6B\no7/KJCs3O2sy/MV6Ec5EglOu6YUBe2HJWfSzn3TM54hS3yx97mYumBBO2fxi\n19590ov/6HU7/OKi11+fkxLmo8Tu+JKn9Z7s4YfiTA1Y+Q74lvYGbexn24cZ\n8rxud7AjkD/S/dmwqHsgzFIJi8Un7uZy6v6o0WO9g9p0/iVfYiVLki2zNd+B\nthaP+7xYuZ/qeDCLAdx1LChlHjvo6qWxl7hglYXK8dpLGK4ljrgAirquNKWk\np4Kv\r\n=vBOt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"705a9cbab9462d9e300da18c26d7992aec452ff4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.23ea2d85e.0_1616693447727_0.527681029623033","host":"s3://npm-registry-packages"}},"11.0.0-canary.e3ec22f45.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.e3ec22f45.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.e3ec22f45.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f4f5b849a7e366db3ff923da7f692665f4765e2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.e3ec22f45.0.tgz","fileCount":12,"integrity":"sha512-nsiD17IfGv/d3VhtBUNCW75hybYNJ6xzmpKeFBKzTK/DM9/VHZjsHUQJz8KgKDGvPtE/uvG2maxEh8XtiwX5zw==","signatures":[{"sig":"MEYCIQDIy2AbrxXCrXpzNBSaLxgSG3rXGfxeoz+DHJqd2ObFsgIhAJ7irhptLZ58Lh3iU0D1QQ6yEcg0iDtKhLu1lW8Keb86","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXM5CCRA9TVsSAnZWagAAwzsQAJFYWUUYxu/Umb7hzdHu\nQ3rAaP9sPOPQbbb8A2tNGuBxZjlaiO+G8L0OF+jWWTs4Y/XXzJK4haZy2P7x\nSFvc+zL4g1O0iH7G42qVRiH8n/fMpJTqjqnJzIxXg9Ci8O/QaVRCgKJnQTCb\n9YK8R0I6SqFitOd8uC/V6kSBF7B1hFqw4g4s+89HDaLjLmrThNs3cXjttx3l\nvd6Nn0uc11DWzH7lEN1v/nyxIZYJwbc74wdlDDZg0JmHCP6+1xFYWAALJWex\nNmi9wUEwqA01w3AXsRDK6FFv7HMI1wvGg8hmc3+nJUtTT5HTqWpaE+6oyXPH\nDmKPFhcKH+8aivN90jAoU87iFG3uHoacEqfNpjlsE9/39QxSFqHAFnDNTbjK\nEeKG21XQeWy4APRGtUBLbznQPhOVR7SKg/ctvfZtQrWpJZ22xkeEl6+0I6g1\nslPyJLxE7w285rPVudNwSEXBGHJPOpFBPtktO+MaQ9Qm14LaM3DXaaSedwLb\nInRFAfbvYMzk/+e7gZ66euRvsIKO0pE0t+7zD7tWpXB4FW3UlKlDd23UF57T\n1vQcaYA5B3mavvdU8GjPqvskPtA8JqEXfosim4UCkTdDcf3j49p01UhPMil2\nnZdUo0n+GZW/nfqeai1pdatWIc0YvBWvt0bpTaMPfbLugYlU/6N2iHqKRf5B\nL96f\r\n=yeEr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2827fdf50a2ab264554f8f307d61fddbab82c5cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.e3ec22f45.0_1616694849992_0.7774617768636338","host":"s3://npm-registry-packages"}},"11.0.0-canary.4ceb42220.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.4ceb42220.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.4ceb42220.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cf974bd3cfdbf19d2d2ba1adbb093f2d99fc619","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.4ceb42220.0.tgz","fileCount":12,"integrity":"sha512-G5d9V3NvnVdC5XXQpS+kPaoP+pOb/0pL825Lmd9505o9G5EK7BFvmbNfTLaFx1GhgocY/apglfP+hZXQ/iBwOw==","signatures":[{"sig":"MEQCIAn7dW8+rr/riF1cWles6njiqPZRRv0Z+8TAW0Or+JaXAiBidgcch1960rDyNXBuko+CpQRgAXTTydXmgsAYruCsOg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXZONCRA9TVsSAnZWagAA0TEP/3oAu6q+pbZVUZIPfCjJ\n8VZs75WzcgCk2HoPd+td/djzzi1DxvCdFZlFbtMwaLajG85SNS0jcfrqosmk\nByRcuqp0+UkHpNyPXNnZEB90emMhpGrOGHvKUiWqZUlRs5/tlrS8XoO5i/Qd\neR423+ccP9fE7GUGH5ziowUUGOShG4Qb5cBlAj11LjBV5IeF5HOwnZXC3b/X\nf3VZDwsFdC7B1lJZeMmX3QOxsp4ZHQUWy9Xh3cQ9hTCDbvJeOqOKwh4phLMR\nsY1+JM/sYqxvCAHAfW4CZZalFlhsfe3EMOJrTn4eJ++FnUKqAGQXlWaVmwN0\nw+4+y5BStZBPP1a4JpM9V7D9Nt5l+dTbD4hB7trqIOu31FR326ssA1BROEWP\nSUk5f5VMVT36Ie/37n96KLu8UZR0d32Qapm0SVkYPQfVwzRTsnfFGxbapvU6\nHr66BzpIstx66inPKkqwe4SYumQf1jVMiUGKYVKWfeC2JTzbtY7Iu2OewmC9\nJn5B6Ub4QMXqrD6Z38b9gqWqSNdNA7liwxW2P7RtjCghOreUILBm5U4flfM5\nWX+TnS3Tjz6yhwoftD5mBtbliJIvQ3OUvAHWaB1MPg/wCfrP8r3TmCmsbaxt\nrg8gXA4bk+BLnafYWlap/Lz6E+DfrWUNzomz27GRZ6DAvI4NgqmMtbmPL/od\nYkvt\r\n=1lO3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"75fb611f33737c857d1b59245ff5a31676d7f3ee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.4ceb42220.0_1616745357134_0.49364639270066246","host":"s3://npm-registry-packages"}},"11.0.0-canary.dc9c84023.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.dc9c84023.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.dc9c84023.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b96a13310fa3b91fccf47c3a545ccc18ecc60593","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.dc9c84023.0.tgz","fileCount":12,"integrity":"sha512-3PXjgdGkQjveWUa7Fj+gXPdCj32HgxCyAKFcFxFwmAbdc7oPfuuqEnm4j3dzvZEJm/EdSlYmiZILqPsTU+CgOA==","signatures":[{"sig":"MEYCIQCtzoDvKlwsQUA3Ptudt2oqvi+av1ef3wUXd8y+U0i1mAIhANACSrxOKA6qZHIDMtMqigd+QZrqOM6Sj3k8+tcMMumq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY2QeCRA9TVsSAnZWagAAp2EP/jXHMHmpKfmiz49Udiei\nqVUcGYQWbndeqatGXOEKDBuSLdMktt5dxUvVAdKiTZc4AWLvmuKsTJ1H2AXM\nXQqXRBUvMU85GrcGCQ2ChLEEVVseLeSV+RwXyCWOoAyY+LdVuUFGKpTWht0i\nFAegiGGGitpoFtyjSGfgVmWIwJuErKd+FUIhlA4yQxPLmC+ILGBKeo1VuMkn\nHytDJfzJlE8TEXyhjY+jm9s43vVG0kvs1wflx+kbXVJYqUQ57qYsfv5ojuMi\nCtBJdTnQU5ElCP1A1Why3TQRTavKd5UYrUO3DpHbLQxrEJsl7/nvV4pPQ0FL\nwIlwgg3426iEIQZDgucxCfwgUOHpUg9ugTvAGoWj66wHLoQGCxcO0oBXDQbM\n1ayIzcGIy+W2WbxpoBzmQwGKOYFsPLCWOm63bzunW7J+qhidIAEFU2VVzTCm\nBbbc9onZeJraOZXcs344KSFDw8tBKY/FqMOm+qXKuX3xDd1hcxbGm97IiZFv\n3lmiuCP1AbiglHp4F4yv6WWgJNDHkS0v9Hyz18HQKmFRJSDnU5LVcTRT7deY\nf+1kGPjrSoyYYM8LS5Bu/ApB5vNpFBvMgrw+C4z+10Jr8j1Lfbm3tqN5jaSn\nLHM8GSUQDvtdwcZfk1iB7RaEyRNzSBIU3mXSF8orMea8h4lrAxHEF9qxs8UJ\nx85j\r\n=NXHg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7f7ddbc4309b6a8ce5cca3772255dcc6acdc701","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.dc9c84023.0_1617126430148_0.8465465015192168","host":"s3://npm-registry-packages"}},"11.0.0-canary.56fc26962.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.56fc26962.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.56fc26962.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f52677b271716657e97724cdf9bb9dc8565bfa53","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.56fc26962.0.tgz","fileCount":12,"integrity":"sha512-LrEaEYBKS3QX6zVA/r9KSy0DuuJuczkGGCPSvqNVRTJM9Gxz6BVy+UJTlBzkK4zeGcG21XoctzxG221eAlS5wA==","signatures":[{"sig":"MEQCICKw1kOoPGfR9VFgcmduva9rqyw5mB9ZJMFda/EQAr0LAiB33t5LuW7XI7cBWdGtn6IEOCa0NsYx0+cUhSPx3jIX1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY8AcCRA9TVsSAnZWagAA6aUP+wa8UMStBXT13gc0JLqQ\nj2C18xFBbG/YVayUAq5R0jEVGYiDAyua/rH506DkwyVRDOyobYkrCZEnh8ur\nCVvf2zEXOdSELx7nBsmNGnq597XWwTnjT9yA3z5N4+9n/k6fh5ALajM/Mk3r\nWeYSqBjV5cb0lplaTpNcViFXdFgT9pVqVihkvqPtCQFtXIPeLY4uOAphMQTV\nwUNED0o8VO/zFNoS52UcpBmqxJUCY9ebUtZO1oPivb5BwwFkjV3lYsyfosq+\n4l/JHwZV4/FK8wgK0AOiFjCCX3gt2XZRw+oh++CRin2bJHUe5Ped2TZrlcAQ\n1qzF/m/LnicYvhCgZVA9noX5ZNzLt4raaD4NUC9Cfv3U5PprhHAzl6nwAD5h\ncctx0YL0nD8L13CrMQXKTr/g7ILauGHXGqq5nO8jY8/D02MaBWktObaJEwot\nO8Ajm2lLuKhJWCafsv+3DuaG+aJlegkOiQyL6CT2yU4cnyjfstSjEQ/Ct7jZ\nv7WiUpm4q7GLXJHlSAW4uVRc58LB6Qz9EqzUyHOGAU7QvQ/SarX1IsXMVz9b\nV+OJo0nAhw8YSuhnYuDhx8cwQjUANjeJKhpjhI/4j17cGzTHNxm84mEeYKnd\nyprWtDAlXE763PE4gifVgNaPviAAsVXVMctjo8jg/yB4k56JP1T9Jizp0RSR\nFuuD\r\n=Bjpo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dfdb8792d4ee8bddc61386ac6a8e7e216c1681a3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.56fc26962.0_1617149980516_0.9935608134558633","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc318250e.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.bc318250e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.bc318250e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6acdb8abc96f2a6924b3361219c50acd8b68d8da","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.bc318250e.0.tgz","fileCount":12,"integrity":"sha512-ccmGUFHi6woRArovpzSIOWHeK5HO5cUzTHktAfZiZQRQLWNPgnhZLdF+QmQzWxq2b2iAomM3bfwMFa3yl74/lg==","signatures":[{"sig":"MEUCIFcsPVyR+QqvVGkAEPXSYpvDPMiLyh5xRdbghrQaDgdsAiEAmflbwWAY0tsLrOeQJxTtnbYNcmy6kLe1jk4IUVYoR1I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9EnCRA9TVsSAnZWagAAZ7wP/2EQ44p1tIpZmdAhJoVX\nnLUclhgwrRapeI3K4+K+T4UVQTHkAQRFHgrPJM0Y9o54eh84Q57s8Q6Zwv+U\nKPBn+vy05/RMIen6Gx+YdNmoeTz1+4xKIAwfUOnwRXDPlTj4elooYJNZatNt\nDjwlu8TW9LPZceTMMp+teo2yFShbRS5heeDHeyKh37rMJli16OG61OfeeE6p\nrKcTS6/m648A2QlfwIYXgJ3FfJtDf78Nb2AB8cHhXS3kFIc/AeYEXJzX6UZm\njrsyGRBNeB4xNlM5JlDQjyll55Vf0VcnlUOmqXZeq0Nzu+wtKC95OoiHLGiB\nSrVS1F2iZFuhiUcnPTExVEJFHRGTfwEHKVLN4MPVBxcgmb0TusXiqQlGlY22\ncfLIy9pZxel3JGxd6E5ift5W/7sRQB/iMXxciYSuyjkaSR94+S67+8GLT4B/\n9sEs0DWpnLuP1BkDQJU7vZXRxR7TeFtxqWs3mEZphDhzMfuofFpXH/hXV6GW\n7g3Guyd2eSFf3MI3SgpHrB9yMqmLK3YKZmdbqJECXRVLE3O7DRHB+3U5CMw5\nX+WooM0pShUkXCB6wQRH4iiQWe0mpZgW4vB4MzttrTcNgtiJUxPI4pjlgyvZ\nlwIeA64VaoF87Vgwk0MiwhITDVqpbinqpm7AQQujz4rscj5adBzfv+6oMudP\nXgmd\r\n=lNOs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1de1daa9e4e0ee7a779d524a027b9e7566841b56","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.bc318250e.0_1617154342811_0.05487634505973715","host":"s3://npm-registry-packages"}},"11.0.0-canary.edaee19aa.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.edaee19aa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.edaee19aa.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84e45d8e22cff0186a07ac495090ff4b7aaba74a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.edaee19aa.0.tgz","fileCount":12,"integrity":"sha512-5mOMiaKLGjTJuyKWrvW8IZmFSlpPo+29liyzgYql9seVU8zZt+ChRXARI1jM1iq/FAT1MY/OdBlprRMYLlX2UA==","signatures":[{"sig":"MEUCIQCcnNbfEjd5/sLrKzOKz8AAU4QzNvyJuHSPAp7TmdGxfgIgItHXMdeI97UyDoe+V8kNkd0p/tGTP1UvltR3tNo1A/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9oTCRA9TVsSAnZWagAAnRcP/2VYBDqY7Zx9o1gEpANI\n+SS5g34IaR50mv6R/pCM7vHL28JZsJSA5GSZ/n9kt5ysEwftZbMlDFHxwg5i\nnrQ2PfWE1m2HbupiguHg+GfOCMCWsLIMpFKH+Z774g6eM0MfnDDamV5JMUCt\nfwi/Ko2IYD6aCdcs8XXLk16GMku0KEoTsm+A8yHQnmjWUtnhmCNw50LhARBd\nbVv4EQP7OnmRMBAtehV3K5o8+HDnQ1kGebPRSJhM5lGT7nVSSCWuSodXDU62\nXsyFXOU2lvOmKldNlb4mJ+dIQYASX9JFqdod6Crk6AW7qLSL9d7892MFg5/Z\n1NR9OdMWB4vc08tWp5pdbwGsLzdCeJGCWiJNqZKPrX4znvzZcG2QcgVy8g1M\n3LpCeXsXRHp5vQDrGb/oBUrOkhmtJZfuR1twxt14boHceO0LjAtLiWPGr8a3\np7tkw2Z1DB8KghkyFW2KpfNGHctM1QRN9IhvAHPFqAPGEg36RbxaIy6x+Vi6\nfImFJ9jOe0hDEr5ney+NaHfvePOoXvtTac5HK63UqdAfdeiiyJDQwqcpMPl0\nol9GoqnvqLZy8enCoXuMlsxyKkooiCpBZyxVUJtKcxqzWerpPf6z17XIy+7x\nXpztSf0weCR7gr7GdA0KrQJmnaezkQNCI+qAwFPtbAJZfg3SHwuYKFICj7se\nJvc8\r\n=PDGj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e2249b4be4cc5bba6887f28ddb9a3b9cc8ee09de","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.edaee19aa.0_1617156626624_0.9043580951713137","host":"s3://npm-registry-packages"}},"11.0.0-canary.24609b822.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.24609b822.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.24609b822.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fed40551d1e0e68770883d6c1ed04e6bffd163c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.24609b822.0.tgz","fileCount":12,"integrity":"sha512-IqSsKkFYn5/fY+RSnXZZvb0EiqTmaejF1fExybmvSctvLpj3ybCDo39ooWKwmYli8y92Vg0z6am9KeuiCtm77g==","signatures":[{"sig":"MEYCIQDg9yW7bBot/rSS4ao3L0HjL51zhY7I6uBNgHs0ll1HOwIhAJEEiNPsYiiQ6D2myrdQbQAg9yHuPHxAL5Vd3Lng60sq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZOHaCRA9TVsSAnZWagAAfLgP/jk0tw+PQkO0xXtGe4xs\nNwIMXe6Mlr/jYh9+utrA8xeGgTL6KOq3BVu6csiJt7fBjyi+E+/6uDl4hr0Y\nMGiwP0+Nehhxb+YpQrTPh+WD05wMOPX24oxl8s/fdP/BdLQTE8K1h/sbC9eZ\n15nYVJyebh+ARxvpMfE98hkLf9WF72pHnVtNgNFM9EU28/4L1IZrmKGtsAy+\n3w4m8Bm9BFL8+Yx0ch+i3z9wAi5g9vdqgz6/m+6XK4UhTeRzVu0HoRBXyN/Q\nsn6L60IKvy59toQfXyfWUEYdcQF9OemBhLB/Ia8GiMEG1t+hXZGpcs7hM/ti\nzdTXTd79t3s3fF+Ba0ymAKiixTPJZIlAV59OJ/z6qLAJtaUgEBmVwwE6mZ9X\nprcvolnC9T1FGSKGvfcM+EtOal4UjisdwJUbZI0PfQxcEHUkuryXM0xLglwi\nsqeeGeibTge5h2bCyv7bwQAaLAoD59YczkwlvSkbutWOW89ZoVUdWTLzrB7q\n67ktdevz3rtLpDhB1ZbfAQXsBeVZ97HBOgI3TNEXTcpvu64gsWz7RsXfS5mh\nmVekFK8tF3SA1uUNyAO6Vg8Dq9qwthKXb3R16eJrP43YuHnn/Zt/Gac/Ud/h\nEXxSd8cZGaLRFHbIB9Ye0bBJuGwORkEmL+lQFF88MyZ/RJT/XKUZSW+0kzlC\nRrf3\r\n=tGvn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50b495134dae6937c2262389aba694d7664f78c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.24609b822.0_1617224154165_0.9192677168074159","host":"s3://npm-registry-packages"}},"11.0.0-canary.b6cddc2b7.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.b6cddc2b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.b6cddc2b7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76d4a06f90c8a006a7e55dfb499a8717e5fe31e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.b6cddc2b7.0.tgz","fileCount":12,"integrity":"sha512-ZOCFU7C0K7SA9P51+cWlilWMo9AIuZgz78MfTHvcmObirm6W5L9uRuGMuAdkiQqJTlLX4PY80CWi3oMYgtVEng==","signatures":[{"sig":"MEUCIQCn2eLi4NycemWVvmzvVw8u8oZ8S2zb+f3u2lVxW9T1CwIgKRFACxFiXsgFuU29N6Z6Cu5peksWgPbz9rAAmZPYAJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZeDRCRA9TVsSAnZWagAACccP/AoQkQCPKDH4/kaP9vmp\n6Dj6NzLvVe2UoJU1yPRbMCGCV0x2Oz8yrMH5h2ovnfUB4aCd6lxHNjPrm48O\nqMRI8hqf/zrv8/qg9OnNjLnjb8uVbaXxetqfbQIg0M6m6S8yMNU9tBTh8UPk\n0I4hxUC0alU+BXsyvs0FhduwgA7y/ZUOafAX090DJll0iTSQtPGl6PSsE0ZS\nN1xT3X8rPmBO7I1HkZyVQgL5JcZM8ORgtAiiZZTfC8FqxF8kx1GMWd6GvlqI\n2MxQ+eS61ggfiQjRtsxU39rMWfEbMgqx4gWnMbZQwxkYr+zjP5i1131T67fH\n6H2QUCFAvXGN1uVHguAquXITif7pNpkFy9HQSCHtLgAK7LpuTSYB+SIq1Qxc\n7gaEJDysqotir2EdY/UQg1hbbwwCAqLCHgN0up9b+USmUKgZC7ev9gH+ksCa\nxfkjA1mGOaaLXx42w2D/vZc5uDo9zgtMSE/sUD1pJ1f6fBfyqrHtWWEQBPkh\nQABMaKrIWASm3t7t88hps0d2Gy5ADv9q7OGx25niClnu2YfOW1gb4hr5ntfY\n+DvANRjxYloyaWTOsgfJq+9Q3p2QGje2mYeA98B9loZsYXgHbIxfbwnlS0iv\ndoMcJIDlOLIG49+gZVgUEpsuBlxrawKO+ExLz8dcNtWJcrj19Cmm85/kF2rX\nuM/s\r\n=Ccrc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dbd92fa1a28a9b31a1e4eb476b15f4cff38986b8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.b6cddc2b7.0_1617289425040_0.01041938273337606","host":"s3://npm-registry-packages"}},"11.0.0-canary.94937c78c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.94937c78c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.94937c78c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6dc69205c487bf135970ce8c2fdd4bf29604dcc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.94937c78c.0.tgz","fileCount":12,"integrity":"sha512-rGHptsgxH7lwUlFWiKwfICGelXvPElvsfdHwLE1QXnYQUXsTpzQ5zC6eez0fp5tjzFMMGWfNhlF9qyTbWA4q8g==","signatures":[{"sig":"MEYCIQDTIVnA28HKPdqn5pLXvJujECV5pZL2Yw97gValgggKeAIhANRFqbrsc14OMrqAw3dKqRcKiaV8z0fqLk1sYDVaCrwQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZjQvCRA9TVsSAnZWagAA8R0P/1cWXfOxOWtiv9ul5de0\n3J3d1n6QmpNz8WVNJ1ul1K7+aOw4z5969NafdWqf0ufPeNfbcpFPQ4ZTAL09\nSmI1bHpOXB8VoyEhYw3j2nXm+UbiBEs8aKaSvqm81tQUlBoeIeLXdMYFeZXn\nVCr7kkQHkRvKgshalQK2WVn/ro39/iyCQr/F79JUiSqpb17tS8/mStJJFrSA\niytYohh13Kt5kTnFGixW7HdI2pnR8pNl7RZLUT8Z8uenwZQf48X8xCYKUuE7\nZ0xgmo9yd7T8edr/Fp+qtgTcxs4pNZzuqVzeftQRu4AGjGtwUpDoiZ1NkyxQ\nRPXYudWOEGwJ5b/QNVVL8ITaHAoQ1tABeTE3LsBUrAQjGbTk3ZWlKA8zRmJE\nk2cAEvZafvWhHI5MMTdeWyU+ABvtHxl+MfribrRdKlCePiaIOaFmNkbnW4y3\n61fCEze+VbhyvXuEuk/iGzCv2Z1I/CWjFbQ12jidJgT+cKkdKXhKa2/vyU/3\noXWMsM1aXyj907tTToV831jadkYfQSvVSWo1up7e5lSjafQWtalfjEP+jX+5\n033hU2zNTasPGHIZrUvQyqAyawFjlragU0Sz3yuEBg16ZRHV2FgN7kest34I\nY6Beo59MObPtPQXZB/lu3ak/LquYAGmj0cQXygzdkik0xtCQCSKu7RHJdPO4\nTIm6\r\n=wlJH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ada608c773d2657680fffa3be444debd83967f00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.94937c78c.0_1617310767373_0.22490800271349976","host":"s3://npm-registry-packages"}},"11.0.0-canary.e7202cb57.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.e7202cb57.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.e7202cb57.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f011903ff49d0e3421cdd6ad1a08f1bfc72776a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.e7202cb57.0.tgz","fileCount":12,"integrity":"sha512-r5g7hmhXcv58wa4ZgauPSuvTkLb1pED6LPXDt3G2iISP4mMdN0Auwtu1nH1mz977o/tF35yG+IUEnKqNUl3xDA==","signatures":[{"sig":"MEYCIQDjOF54XbG6+sKRYI610eMru7lDYsltt2jV8Ui+MgxfvQIhAKvyGmi64g3wViAPgn12GKad7L5CWvpbU6+pbooeeMao","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZk0sCRA9TVsSAnZWagAA4f8P/jMoylCWcCqBhjnJ86rX\nbTSR1yq/v3Qz5/61Ek+5zdet2CVUZdj8M1bfMI6dyaSslLdog8efqYMIAdd0\nRRFEy1efKkgGnV8/eBvovlN/oDekcAA38dzxYJdpss/Zt5DpTnVVD38NMFJ1\nVNU0eu2rp0bRHZISU8r7Kd2TAlUcOmzMTpxCKmvdtrU4R3OVZNQWuBhWukB/\nGaGKoPiWDE6QbNq0MvhiCdBRRpx7/eWv9q+3iUWhB6QbmqSYf5XJHQgr3o9t\n5X9h0MWzB3Y1bhWrNo6WgCIjDIYW54eE9pH2AtPJ0V7myte/OS8O7ju/x37w\nBV7JM1K92mQswW9wp1S9OmmkmLniZzvPyVigj/hBDeJQXhL2+XIo4My2iNTL\naWfOXJHms2nWE8CXNmUaJkufV6Jmt0y5EZ2ekgp/i+ZfJ43TD6toOR/N32NY\nWG44cF1qgIVpd11CiPaCZtV4kPeRC3UJ0hfn5/zShoeb52enkICojOuT2ot0\nj6u7pPFmLpk9sRtPsRmk3XVFGjAIuBh9UgjQLUqiVkmBWQBRsU6EhIaaWtIN\nTsi2tRVu3vqMNO2JgiryZsnLIIkqvq03XV7TJnE8avAvcP/nhwZcOMuoe3na\nNRxdSq/1g6pjfv7lUpgW6MyrAf+jLQ0wBgiVtgDOImnu1yifw1R1wDZ7Arh2\nf4DI\r\n=ZoOo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"113d79c2879cb1503ff12c8064eeb38ada16b472","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.e7202cb57.0_1617317164267_0.648698545590886","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f636b205.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.1f636b205.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.1f636b205.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"82069efd633f3d519c3fba2e4edf419bf850d9cf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.1f636b205.0.tgz","fileCount":12,"integrity":"sha512-kVc0dB8LGMiKbD/rMrHZDLtwegr68dFB9NJ92iOpwN+zRn3Ohb5VhURDoenuGFOoajdkKW4vTi9eDltd4dUZeA==","signatures":[{"sig":"MEUCICdV1xbubOtlsYn+jJGStgLjmB/a2dspfJ19hnwi+PitAiEA1Hk+4SGVui5uod90Bl6ui4sr+PPTq5rjo5S0uSxFJXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZ5k3CRA9TVsSAnZWagAAx1oP/ioYpvsqMAig9OQY5VUa\nlLFPQS3R5Jk/N2QTh37/zvCtBmgNfNKhfyl3i9eHDfw9B/hObr/sQ/sGPEdl\nvFXu8qxqoDISrkn/mU5fSgTwXLqUWG17meZr4B/4mzJbyee4e4uQLihi2voA\nPqCg5zU9V/qFUU5X7VujcwxWbKMyBpNSPp8e4XSAcnituhtacpyZls2vk/ld\n150RupLKK+oL04jmf05BUXSbnb1kSOU71gKCB1OSbYZZZb8Eq7hBpASjGTt4\nns78qN/XD1NKHPxW6cLnngMvKQcVIGQ3zUT921bG1KXhbJusISgod7ptvcGm\nkNeV4GxMmQZ+tmTXtxRCJdd2g2tA40Ovh98AMh+FBIbCDLGqdS3sTsrxYyiU\nxEYeiMsHqVSRGrWuy87c5j/+luXDpmmyVglMS5iKzvxtpk1VKcEeIs7nk0ei\nQyq/6k4/cTJpORTnPxQwgc75jAELhfyodi9NalctJ5qH+tn6M2f64WdGGfwA\n/IwLJvbKTNs9MnsCIa19E3h5LTd+n05UcmGKxFYyNNDaAlDr/D9lD54UNe0Q\nKGLV0LjTUnhKtwScJ1O4nHTyn34UEVk5traOZJNf1mNaAbOwg7uoi67G09QA\n3Y9Sfdrp38SuELgLx2h7SiZgXkq6+Ki7EKBGfLd1kLHGRKyvtBPoPNbL2TyN\nCINS\r\n=XVbM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a523c6467be13e8aeead7e4e2e5f20c418871bb2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.1f636b205.0_1617402167222_0.29928658027639177","host":"s3://npm-registry-packages"}},"11.0.0-canary.94f50b260.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.94f50b260.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.94f50b260.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f22e0f2d1371819115443b2a3b405f3baed3abe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.94f50b260.0.tgz","fileCount":12,"integrity":"sha512-5kvEWT9gf2+MF48rGUhjEUwHrpzvatg+byIc660BejKCJsr+y9wnVX4d1pr73cM/Kzqh8I8bE76iC1assB9WUA==","signatures":[{"sig":"MEUCIQClSLO+j+IFtju2OD9rsbNsqQuIQ3QdFLu37FJi32GRywIgUGZYNq9gULVgj8Gaja4KZ16l3vUwgojxwgsVq/wzlgM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaybQCRA9TVsSAnZWagAAxXIP/Rr5sKCunsJJi6EmSpy+\nhZQOYYTlOWV7JikyPFhBCP0mVqvJPj+uiVv06IdqoVeJNWn7usIZQfBsYac+\njx/6xDTz7GvVwdKEtnejSk1cenN4xvFOdRD63tQJXc6+0WSS3cLOpCQRTN90\nDTghaXPX4GNQPY58IfSdQyhgCJYeY+b7FPCw/v2e50OTPHY1aAky2R23fy21\n+3FN5sEp86TGJ/cUXxU/3ABqueL1M964VY+RhUz/PmUkTN00wTregRJLJIKe\n7Fgx9TX6zn4LZ1va6+YCBJoRJXh6FxO5zJpejP00jeivR+ZMtYD4NhErRGjk\nLRAfe1UTKoFZaH6W/vg1+EjwLhWRtd7nj2PgwRAHuSm7A3amOB4bYpvJpKDL\nvMHsSLBleu0fdF9ZW4UIehRqM9Z2tud6642cNRl/Gvcweium0URmmWtDc5hI\nTt98qC2ZCtcCav63ETpLNhMtJX1EmE+rpkr33NLYHJnXwzFlEUCxU+11+x0C\nBY6fEn+44Tj3kGBgaj6BXKtDekiV8N+Gv580YUyRaNSuIINNtAVCo7voaZo0\nGOesc5rWADHVMXW31E1uIgGIRnLxtZ7YmJOhrWr29LShIwnz73YZKsbI66Rx\nUHaXOvtMubMD3aFmilX2N2o88srD8XwiGPP9xeL18uWHlvFsORoT9DkGinl6\nVRXL\r\n=nMMg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5f84c677cd669d6958748a69435b56ebb640bc6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.94f50b260.0_1617635024205_0.026440028072039157","host":"s3://npm-registry-packages"}},"11.0.0-canary.a4009b80a.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.a4009b80a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.a4009b80a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d2cec5d52cd8a55dd82e9ead9d14467604b61fa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.a4009b80a.0.tgz","fileCount":12,"integrity":"sha512-RMgRPqP+zOmucPzdnNQunkGuXYSTz5vMHsGFpTxdx/njWlHM9nsPXC+VezJCAWG1mB6Ji+vrGkfabEhiZxvgbA==","signatures":[{"sig":"MEUCIHmDP0MB8QN4k3t9MoOqSgHEGYN103b2NV5PbDJRlq7dAiEAxnL7YcVn9UrnQEXa9efMVy6Wijfo8tJatkOKdnRTuOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga4gxCRA9TVsSAnZWagAAiqYP/jnXF8YARMvmRNJ86lBk\nnafb6fRmlWfncneu8C0WYAeaiOqUZWHAM+r79U2Jurr4JvWh4t5c7AdQ6EC0\nOiIlzbOby48bDZ0xC+ugyxWKkWZ5G+vZFnOK7zVRj5GkLq92J5hyBcFmpyxq\nNNTRTrRhSo9xbKlYf1SBT7vYnEsYTD8zA3I7CjJVYhUc4rOKEHz7zpurx4Yg\nk+oWaCh55fPKNwLDsg0VYKRpnRTZggq85SA9+J+08ik0j1q0/Bvxpz0fEinb\nH3/aTNz7c9CDTMf2yw2Nm357BuW41pFUHH2/HJG0PA5ZaEv4BC/kYbRB45CV\nqjr1aqsjIY35LdUbzDCBTmv9bvjmc7MEoXBRY+mpU7db9E98qwRGHcT7qqzL\nhk/DnFl7ggv+X5uv1fRRZ/Th7rjKlcPIHoEb9SNTNKIswRjK2MivpIvIErR7\nQAROLmfM6CWLo0K9+Duzohe/RmenjtDCphAjCKvJFl+ojQYFY52vvUZvG8gP\nF8JLwDxvfxJITMpKDEXYlshxzNUw+NUcb2PK/4RlmHeIN2yb27w5CAocUb35\nk/8anxv4056GjiXQ3m4jwPmeaOrjSbSFXEaPswJ9zscsqtJk8IE4lhBZS9T/\nK8xuGVhu3rAAT4+IDv0H3j00dlYZN7bczjm+9Za7wRvd1WMj880J3K5+/0sf\n9hBw\r\n=FM2s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35eef76af32a43b61b6a0fb725dbb83cfa5d3421","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.a4009b80a.0_1617659953488_0.2908492023980225","host":"s3://npm-registry-packages"}},"11.0.0-canary.15604bd0d.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.15604bd0d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.15604bd0d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba5664fdd290f5c17da63bb035b58a8a353d9258","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.15604bd0d.0.tgz","fileCount":12,"integrity":"sha512-IAH6s4zctNOQBy4F33EQNZeOmmp4F8yaG+B2Ce078R8T5LR9KjxYvmI09AU/vK8XoYv/e3mVDGEmEioIDXmdpg==","signatures":[{"sig":"MEYCIQCqjcamHpek/arFB20lPgURXzZZY0VcWrY/GQYZixYgXgIhAM1OfwElGIkwKsnR1+p69VAWLuOyMd1nu5NejXnC2hcZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga5H7CRA9TVsSAnZWagAAeuUQAITrX73fC2+TeR6yDcli\nOGZwAxfSQO7fR6vfCGjgthQqY2TF3hdCSimQPA/cmus2/DPqq0wyK1BFFtXN\n9GEGUV8z7qevYyxEZBZZa7MmHjpIhr49qHj31FI3FxKuU0902SEvhHE0h9qb\nnhXL8SauBqT8tVIQd9AGxsslp7Y46K/xmdS2GsGRGX1EAlo5pCngiFNnmmCv\nBohsu7X0Ms/kBM4xlM9mp2TZMiijQQgmt+9SyCcKONXhQoHP7bXKrJKOkcQj\n8ITVUHBkoHtTDKmkzrXPUMRSay2IPOb1irzN2U/ZO9tFqmY2y+C0H8+aETlB\nK1VvzfSt2BoCEfVnFbpax29amDZFqAXh1MHL7xRC0tc/V11DIxu+waJgsd1w\nskiXnJLn0EINwBXEiAEvwPIFairCBoUWHcgZG7uJxvoQnFtBNBVBBY0t75CP\nMiGyGj7J2vX6MYWk+FpoIDFCaAB5BA+Rz9pUZqeZKMnuVveVZHkNl1ozbYEN\n426j53U3GyxfNGapVxmqE0dbW+mjGL0paG6OpRnNxlQTWF3Psi93jE0B9pEA\n7Oib2WtDSmRrIhsF94mbn+RMtWM3COemME8/NKW7A6e+3cLDSW72vmL9x2Pw\ntDB5tSD0VunCRYQWFzZimsTnKWG8WFiF1ATPy/l3aUPp2ECKxuJJziXrxUz/\ncbwY\r\n=vhlY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ea3949c02ab8da1a812a2127f1fbc7e7a3c98532","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.15604bd0d.0_1617662458594_0.24911758855193655","host":"s3://npm-registry-packages"}},"11.0.0-canary.76da7876c.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.76da7876c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.76da7876c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"966ae6652b7de47620e63939130c732738a3f246","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.76da7876c.0.tgz","fileCount":12,"integrity":"sha512-Vq2E1w+MZK83FpUhNM6PZgnOioe6ijE6tENgzC5eg7Je59H9nHF6lZMTfBRcw9EhUFvhQ0KRLyLf99D1XKW7Tg==","signatures":[{"sig":"MEUCIQDGXPAMcJ/g9TLDiITyL6q/kl1jERGXFNyh4fuFMTa5QgIgHdv3ingfGZbPfrtLs1YVB0ZPTNGgA25PIJZDpUFKqxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbQ4zCRA9TVsSAnZWagAAd2YP/22DGmKVUWepUvxVWAuQ\nKew5g5ifTtzyaCfg9mJMKFY7l6OBwswZvl7TDPG6ovdgxE0PXgFkYG5/ocho\n9GNbDBB1Ok0Kn0zWH5TTKVUw/B43f9sFk4OTzsOaZbmRZOHoYofF5ObBsTEW\n6jcPLBp/1pDuO6TzzkTHn5qwcnIp2NYhYOITms7m7PRhnQQKGUohLm90g+9H\n27MfiAoSVYOOSmP31UFi4NdFemgdPZDgpAHuyfGijdRE9MCpxB9rzi3WHSy6\n/wqKkpQYXfx4N56BSMZndg4M1YVk9r9ZdhdiMoH+2N6mGpn+EjBcZq7gHDeF\nKO8NEvVwFsAvxhj+panj63wM5Qm3JqCj2C8xhsMNgj7uAciB7E6MefAKshLu\nrrp++drDsaWmXBkLFlmjqOKcKCIZWdmQbxmA7wwPEVI/pE0RchDsjnhDnpvC\nDYd2LO7iYz0CskA1t/MAg8xu2/n1wQXHqrHip8Xr0Vv9yxt49iBOjdayeLA1\nvaqF3O4Rb+ZtHg3vykTHj8gzZ9jpm6iMUatc+xrnvbBCoyRHewSR+SD7JlfT\nhL0Z2lzm48aupaWukDhMnVzIavbpdCOX65mCX8R7nxG8Z8Kjb9qVhI+8kGbX\nBjEFqsUNXleM8z+m2oJuZcpGguDepg1xhE4hWij3wpsCCS1VIMmAQkc2Yk5z\n6SYH\r\n=b/RC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4bace63831a45c0c9e6f786768b2aad0d79087f1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.76da7876c.0_1617759794589_0.562428285182974","host":"s3://npm-registry-packages"}},"11.0.0-canary.6bcb6cbd2.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.6bcb6cbd2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.6bcb6cbd2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4771f213ca56542e30dd0b8f782d676330825726","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.6bcb6cbd2.0.tgz","fileCount":12,"integrity":"sha512-RzyAvzoXVXyKlLeki0tNmKd81eB8yp7UoZl0JM3RNso+lnWKbagHV67nVbngziR3krhdrlrybkDZLDmptG0Bdw==","signatures":[{"sig":"MEYCIQCeDrW8ZP+LVd2zFNt5Bs4GV7kPeePc/JvJjqV8q/5ylwIhAIxEulVfuS2eexHtC1u8o2tMncuP+WGt43xArVHjDnhT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbf95CRA9TVsSAnZWagAAFcgQAKCzcBn5GIQQ1y0rotbu\nzOdjdQOr5mG+zCp5XTkiqfA7jakEwqg4DcZN75KvOyeTE+i1lYGrOqRLb1oo\n6YMYj+CCdV8T69n4+TRS0IyGUIwAf3KBePgYR/ojYm8ILz5soF7qhu0YeT24\nKNv67sI0jplBOrliJT8xiUkDv+sfT2HYTy7eSbI2GvB6a4UbLya+t+925qkj\nBx3tQJqVcuXvLF4TSst28q1+LhpNjzGxgkkSpLeefs03IybEs0AVsoC1eEVM\nVfEd5Rg4I4lhzPblDXbY05KhpgYYkrLgqRUSLi8ht0zF9wcDI0kxQjbXn+Xz\n2IpLBc8x8UxKFavUlwA5+U4Ah2GkaWBU+CHuAb2D6KPncJpsIGAMddyzhLAX\nMtKiPPX5+5jmWdsRzVHYy0b0druJgxsjP5CgrJm4R3cq3nXe9HVQsaspf7rT\nHRQWCj/UVN7k3CMxi2l7ECyjumUEk0Fhp3zS902h33/j80UsOEFRBZCxlLOG\nue36tE1VVEaPQGJ/3oVP3gupbV5f3LbSeBCQzlTGdf4c5bTgSVLcTnUwSX2h\nQYDorw+WrOqe/ScyBwZfLXx+xGwkZCq1KEm1SAeKyU9hT0wZ8SB8AK1XkpXB\nSR8PQTKa4lL5TIOIy6KCBbiBLL2/DHLqZXQ7pzy5xLfw+ckN4YyYayCRX2P6\nkk6u\r\n=d0CS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f3ec57093899a7f082bd51cae05b398c31619392","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.6bcb6cbd2.0_1617821560474_0.2034061063145265","host":"s3://npm-registry-packages"}},"11.0.0-canary.c91e8d141.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.c91e8d141.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.c91e8d141.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bcd6ef89b5c0ea5d9c5dc677daa6704f8056d87","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.c91e8d141.0.tgz","fileCount":12,"integrity":"sha512-LaKNdysHKMnjnu5BvOSuM4QkLJElMHerZAEQUwQotZzpkO8tR2xQehsHL3CtVQd1M+ES+KDoN/nOHpIQrW5pyw==","signatures":[{"sig":"MEQCIBCmPcP+2xyaHqdsWO9xcNi5cyBFFuKDyESlbb++GHLFAiAkG8xwpdgPA6pk26iAcK+XAfmZ2dLbekvRtoqCF1jWyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbgBkCRA9TVsSAnZWagAAjj8P/1o5ZjYVZqJ2v9Tz3UXA\nkis1IJYYvYYf11uV+TclTujlVuQaeLqPOg3SBpYTSFL9OpSvo9F1AfLQP2eG\nnNO+zy6llI1+lGxrhTDun7VhHKS/bPBRPD1DTrIbWYXto9WzCfunkBPc+NO9\n7yzJa/CanudjQ2iPG7Kih0OTPDnY6nhFZwXUcmsMZbvi09pT1NdFKfOAzFlb\n/3psvNmGLy7LmVhA3t7Ya2pVirVgE16Nn6zF2fRSM+ZqLwBZNasJHhMhaO7s\n6ftM4x21/wxFaWW+WRoglRmUG02GCKm7fqFHe2FPWbDuU4QjMp65wlgtkH+h\nlk/mZQ8RFIs1AoHItu0efT8cGvaAT8WGuXWOEVO+YcY/zSVFM3DLy/ZRRIFL\nxIXACOXXXZ/Jan0J2mXt47xOyJpKQmc2smbDodiDhMglMZrrg1RhXY4kpjX7\n5vOegd5FzI0CfITG9U9cccrf6J6JXNMOVv4W+d8Tx3wi1MAFInqJ8I2UNClH\ntlOfwqfFzkzuxEUIEqeMLIopLUp4z4sJICrlh8wjhVm2r7eNqVWgBLmpSbVV\nukmtnPdAX+OrdTQ5LnOlzVJ7Gvq9s8xmC2huWUF8JMvP1f01e1ABHtuj1KOF\ng1RTdomihiDihvdXg7NZ5aG8+3hJRvH5jNMUONbJZ88qbETXMSCUXC1Efrw6\npGpv\r\n=/M4n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b13009a2b12843e6eefaa0c3ae66fc519af7bb29","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.c91e8d141.0_1617821796006_0.027206158246202206","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77c50860.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f77c50860.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f77c50860.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7c9e817ff8d530c35c4ecf0f327f98f38343fde","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f77c50860.0.tgz","fileCount":12,"integrity":"sha512-dfw1lijv+23Rew/3euL6gZgnCE2QPfxSJLUCUDxMJlx2G9gUcqws/71r3ZOsesM6D7tCsDcIPWOYHgS+WwDlWg==","signatures":[{"sig":"MEQCIBb5AnNoGjbFGp71vovmTf84OY026qSYPtKjVQuVFzRiAiAfTSbGZDjdu+KzFZpT2hfa3eWhJzMEL1X+asFRxTNt5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbyKGCRA9TVsSAnZWagAA8fQQAIo6iAe4csPZVOY/jjSk\nM7Ni8ILflaBPiSNVNyydqSm/3lknwn+MlquLdB3roxAM59uBxu5AaEe2ta+c\neCIbitlfIas4dBsaSO7+qUVcCvLmjyMPosNuCSyzCOiSU2TYGvr07ikmH56R\nWZszon90oG1buUhx/0xvVWMrb34b8JeDXsbjl9g5ZhSzF+IIym/wpGP61gdh\nwnZ2tjVDGSBXdDk9QvA9lSK8S65soi7JjeWyU6FqUj62JEZ2Ht4l/UB+Qsbe\n926IPPDQd+LPrYdrS0Cjpbc+FLzbrR5zGHm0HfM3fZdVlO7RAwCAbYQ+hE6q\nDGvZ8mUNzSF6lDd+Clk0H9osDZJqG5QNUqTIL3znuq4SZDvKLZjMweBzazg/\nrXTKfEK+L3K9oWGBfUAIrdV449KiPhncAn7XKdn7TsLV9F2mUWP7zjOMg1z5\nKGrlpB1rAAij5rMOzPrur9UjI2ZolPjomFJ6m2mSYb2TN3QDLQd3x1HJPOcE\n9ODAR4+rnLxwgzQpIU2q8g45Ad94jwtTfQ3kjWhl2jQISqjBDMNaHQyFUZKe\n4xCel7OG06k5fHrIpU7gB9Wyty2cgIB0McW8pz+mRqRuaR7JSLapmD95cT5B\nxx0Nf7B2Hfi8uNo6KLwFsZ7rmyHwhH5JBfYorO1X5tmHglmSC/EsvHDHzzEZ\nyX7v\r\n=PEBh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d35db9665d4a8a4f385b134c9c1a23bda8668fa2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f77c50860.0_1617896069881_0.8192692684929066","host":"s3://npm-registry-packages"}},"11.0.0-canary.367d88bdb.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.367d88bdb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.367d88bdb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12857b93a32d76eb3822fe54edee57d760efac52","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.367d88bdb.0.tgz","fileCount":12,"integrity":"sha512-3C5zjBWzkQJSPF1QI8HEJpzbpM3ApMPgmf4Kk8bjguzKUidIGnv6lGHxOalkns4vxMrhlPb63prS23Wb94k4SA==","signatures":[{"sig":"MEUCIQDIHcBY3ljejjqMjMwvyg6iamajxwLiSxERx27mAx0m4QIgWRTE/MT4fDKJN95yitHqje4nQ95SIp3DP5CmwciWwrk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbzFECRA9TVsSAnZWagAA0VQP+waCSp+qF61kPdntROZW\ndVpPYPpud10NyRPNFMDoQxHVvQEDzlgGm5HuLbgtTowSZxqTXRH2qJAKNrS2\nyXh8TOMvHjIa83mKvjN5zXrpbgQO+2Z4+ydQOohKNUl6q7vTTNHdKvSVOtvC\nQihPifpV3s216L+ywxRTZTeniT4I/NeJxhFlIGh0BvijLqwfZJ7oMliypcpT\nfuD1hZgWBQCRbHpcuPAyjJvlnbL2GKuIM5fO7K+W4+j3+K5Di0SN1NWteWeM\ndBJ6INd+yN6D1NEznx/atI3KagJ2aslhCma4fzi9p/7EbwKcD11jM9f1PTbB\nRAv2gNcsNiHBadZnMfNrSkUplsunG0IRZ14bDH0thgSlU3+YvZk92SdUjdIj\n9N9t6IEor0Iuhk3PmO1shG+HWg8HOjdL7YOfwx+vDDLPZjuyBnxr+loV5Nb5\nOGSusYpcVWaDgjYG3c4Lhxskgw1sZNbyKwgtp05CEaNekBpK+H74S4LxUsJ/\nK7bWFbV+bpLinZpyVkjTYiQtnzc0c3cU9yCuThFAMWlBuowi5BAyP/2dMIno\nrXpIjvzB3c6BLTVU5+BQr84bMRZA2zoRNHXAzP8vjfw2uR2P116XL9Vj5DTI\nrWLD5dInLk245R52QTPRcDqJWMC1eM/7FSr2UY/iNbzzeKTP2FwxhMjF7fWE\nXpy0\r\n=Tcf/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ba9cee87fe351c7e76ccb32f2572bf3ca91e88d7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.367d88bdb.0_1617899844265_0.028865936811603987","host":"s3://npm-registry-packages"}},"11.0.0-canary.0ec437d3b.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.0ec437d3b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.0ec437d3b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60ae27afc17d535864e4f493423e1e0947079123","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.0ec437d3b.0.tgz","fileCount":12,"integrity":"sha512-ct1KUYla5DNRxbOhPXamBv3bts0lHVOAG+pDx/zAhODjBPNSA7lRMwTHPtaNY4ecgP+vGqfBVYiGPYUkhmvyxw==","signatures":[{"sig":"MEQCIHAfDp7wnI/1NWzbr0a74HcVC0ftjd4OVLNxrZAsAeECAiBTgS8g82GSEnU7ZhTWyvYuIQpe9E9hZvRqOslqCV65Mg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1q4CRA9TVsSAnZWagAAz7QP/jODPTTGSeYmAPXEe8Zi\nfabPXHEYtaFn1UD+y/q6JhAP0jUZmG8FXi7EHLSN6gCJXI8Ta2aJEf0U0O8c\nKHe37AiarclR4WXCT1XWK94rqiNcWSNKp8AGKyixGYYcls+YcyrpCsmkWOYQ\nLpVjYLHR91Ljk0Xm83gLHrQyD09VVGPEROTIl1FgCPSR41QblX5C77jSUayX\nt8hCpCatcxYxyIyeGiQKY27D+9RkLrOrRELktQ1LxfuFpMVG+1CzUTgpET4V\n/ugWNPUS7Fi1VcIqcrL5Dgt3EeuGDkCG6ab7CMjHgvAZhJsxNfMfDs2Xp/LR\nj7r4r+Iu5VYpBc+/xYwKrjzbgU+yxYG2FgrjWDeUjwzIvYoUir+BaKpOSDl+\nzYizaMX6Hz8Bhbj9yYr4Co2iOZmFPOTlYT0dLUjTwAN01lHkvxk/91sRTh05\nI2oNNTDK72PaBdhVTM6Z0uj6fErgFfr75qabr1xBEJ1xTStqnBedrBqmK4e/\nNDDno9BFdqb4Dz0BCSQtMlBPIh7yGlfl04fYg39dUNp41j7qGE3XMhnE+rpA\nV6yAkkNP//XNM5M2Bd5oUCya2IplzaIsVzxMjdMGZOHg9NUrbcc1H9c7Pmi4\nSGtn3y1dYPodZvHvyKi/y+HxOF++NhJ0f14GhBuYBGbdsSDhvuOzLMrkPyBU\nNuXc\r\n=fsJr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"50ed2429a570432fef9747a954d7c31d2dd11f0a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.0ec437d3b.0_1617910456427_0.12634129635509161","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2fa996a1.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.b2fa996a1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.b2fa996a1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96640b5824d18fc3283b665459c2c928c299c234","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.b2fa996a1.0.tgz","fileCount":12,"integrity":"sha512-POzAycZ6TPvYyMzke0DpVC4w8ULIrOxBUbj337b3IJ6PFv+rp4rdNSy6LRjU/2BYzpj9seUa27Y46D848Yg5zQ==","signatures":[{"sig":"MEYCIQCOyiJCvn0SY06KAWRWDbaFwuVk2PKEeFD02WbEONslGAIhAPsHrQ27JkEJWumhT+gdi3Q998gPwcWOrqmTH/jB599k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcG46CRA9TVsSAnZWagAAbj8P/jeA4cMgPZW/qVKmsE70\nOG/RgcsGWMZA95GTgtyKk5114HliQRFGYKV2E1GfreJibLetm4OJncmsZvo9\neW+zeTpJVOHfKUfhYCfuVHOD+e6/9oa/afcTOzbZ5un2y9zo4Rm+BBiiif+c\nz1Zm6d+owfe14gHF3dL9sC+sUIXjFf4csVgHY4bC2nSBDCHTAOvfq9lee/6k\nA+IIEn5fp7StMiT//GLezxiLGVOUh5fqCNErDUR/T7QoT3jF9LAgEN0HjjxU\no68ii9qu5+kv2k0Uh3C9Q/i3mhnDF7O4ASAJ5naY4w0Ilc+FZJRchT5+bc5F\ncQOYmJqkOEyh39OY2tvOSdZu3qW33leiIEaMqnWmWtX34js2ma2q5lpBeS1z\nzCYgRf2LP+itWzQlnCMYN+Uhq/TRMq8KJ+utuQ4Ns7Lm/HtBBkahVk8DOTvI\nCeSN8UjuePqDOf8RYnq4NEI95R7iPWThAZ/7pJEMGJRimpLFdwa7qzIZs4g4\nfRqJKgVRMvhPsR2UAUdaU7mtFvbJSVRRYOlR64lfNFhGZczLd7A4HIE/df2X\nWtkOmcf15dQU/0Z606mVNZByGuU48AnXMGLYd2EGgsOAs5eqeMAtCL+wunBA\ndAwRfjvQ1qQiTmHrZH62UZcCt8XkTCu9T9lYLu3UGFdmjKuUp2e1cWoSlkst\nCdbo\r\n=wwNm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0b4eb5b2d30d6d9a7b20f57164a2beba3c20d65e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.b2fa996a1.0_1617980986082_0.06835430773390971","host":"s3://npm-registry-packages"}},"11.0.0-canary.24255c408.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.24255c408.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.24255c408.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff681033ecfc10c28edd71d1ec3b5ff2adc18d6b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.24255c408.0.tgz","fileCount":12,"integrity":"sha512-/S4wa0BH2W/ttBT48+k9b9I6gYvqZWjK0rjPciFc3hT3SVNhj+crepfRp5M6bLZfVBzqYRk8sHrWY77pbwCACA==","signatures":[{"sig":"MEYCIQDoHL6NCBWaPG5v005DTu7Y/ChS1hVlPeCxEY3Zh54dHgIhAM1ubBl0pxXPcyAyU7Glrg8/7g4L6oFF7ANeBccuHZfw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLTTCRA9TVsSAnZWagAA1c4P/jK4VVU0ShaGQ3rMMsOj\nOYESw7Vw6pF2Y7MzTpw1ZEX5nZ0b2qlTogLzZKR/yL695UhzoZN2ZdpWIqN7\nq/JaS09oYi6HKcciruKQZ6HbcPjEaAVj0n3d/JbOTFite50pnqwDyhNQfMf5\n7W1vZfHRY1OPhE+x/er2s4Pw7tnn6C356BOmIwufJf7loWdzYYija1pLJDxI\nk7Ak1cBa845yF9MIbFISLlGCpSaleOwarhvKAI58T9GwIa4T/Zjpz4U4oLZc\nvCjJRdt3oDhBy1a9kUgLZGvObgeBio4sZ1oV94E8gSUkOCIL41FxFd2fM73p\nZ6CXSHHAU4+NGIWEgpfdtOaZa9MyctemCHl7dqbegkVktnNtCyFMO7SzXQmg\nKWPhQUwM7OtKyLLS6PQyZXohAPJPTbTz5zQSq9hkRokDDGfjX72J9yXhrQZd\nuQdXeKbqBDs7MFB7YD07itr/BVYbyTTe5ZO5y1tUtmYt77uPsAToGph2YZ1a\n/dCHiTENaK736LD/LOi5bAJw8Or4UYrWQYkyOsrfzBAngXPNI84cYMBCeHWP\n0aSQxZXm8AT7rA64DUqO9FwmCMaZAAZb+Ng9/jIXTMpyLhgEovzSPJg1KI2b\nelJxYYU03zkwBXE2s67ACGBY/bGZcjdMXBt74GiE/nYmOHWwUSTlyUBE9y39\nK067\r\n=kgDq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5cc224c5482fd736af03872db458f031901bb693","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.24255c408.0_1617999058935_0.7695624380302308","host":"s3://npm-registry-packages"}},"11.0.0-canary.7d6a4bb72.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.7d6a4bb72.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.7d6a4bb72.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f22a844d8fa2eb82b8eeaf6bb6c66f118adf04ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.7d6a4bb72.0.tgz","fileCount":12,"integrity":"sha512-AKUDWWu/LRHfhG+tkvvE3YuqZGT8pJ/ZUFJeRJ+LPvTLZHyB+X+SLu1oWFW3fq93WEDoFQOUl05afSBFjf1qgg==","signatures":[{"sig":"MEQCIDxOLXmEkkge4FzSgtaJMXh+kEYHVmV9gK4Toklno7pFAiA+UBbGFjbWW3kU72cGdO+YiD0wPMQKECY3ICXotsf4Zg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcNquCRA9TVsSAnZWagAASBIP/0m3jzYR/SsFgugz1xhQ\nF6LeC3mN41xeMMqR5WYbXwEmq+vUiWwPmuWY0iZl7vKFhLvvOBzbm7cA8yDB\nA1GDpwp+y4EZQkahX5Py+UJzPeUl5MNstvZ7rHOW/AAewtPmm6Q9WUz1dVIB\nKwpaOrfZPthPOlZpbk+Clp8RvrVlSOMo5OM6s2/k6XcswjDX6OZOBa4b3m7D\n85FN07sFj0IDjEdd593nKJuaEwdlyOWh3+ixPG/KTJNsfWb+0nYXP14+X7dE\nDisVDxY2EDm+l5bncXanasP2U4ApeqQQCUb3UA6s+fafzJWPLNqKwHQQHP/d\ndwOi9VwG7k7RNeJ+x6tyrcOFhrsbthgb9ZzsL70GrGxPzxkR1KT2pVu+UrTr\nSCmjZLM6eENL7PanRtjfm9sNWWW0nowWwC6EWi6IbwoTmXkl4Qov7fClS8gO\nZ0C6A94UFp+DGzH9p3skEANrEpaJGTmGarli1jnCQ5ChikD0aJk90kJMy0YG\nCaWbkS7+chYxM795ywbjasoW1YFfMtxbyqGekkz8VaKFCLAakGM3Mrhazewc\nc3E28CnU0Axo5I7UNn4OryU3Pq6hPh0DKLbRVDtjHipDYWkrB6tg0DBhM70w\ne22rp7dLcYXVCsqW3sD768f/Dzkti3KLnHeaejC6EitgQjPkUCt0l+woB6ni\nHF8p\r\n=Ndoz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1e1f0ea898fe101863062b7a760600cfb1b095e5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.7d6a4bb72.0_1618008750220_0.2869700713989105","host":"s3://npm-registry-packages"}},"11.0.0-canary.352b295c1.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.352b295c1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.352b295c1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d81245c5026aae6f9cb9232287feea3e9725bbf3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.352b295c1.0.tgz","fileCount":12,"integrity":"sha512-KPkDo2fnjbkDY3RHtpYW9NS6GuKZ5Ka4NSxftDIapvSYft0jpxY2ISoHT6hvT+p4Ijk5ZU9v9JMSjLjfXfhGpg==","signatures":[{"sig":"MEQCIFpQ+vX9SU4wYsro+JggGW0cR9Qmsm53zYiGB7txKWRNAiACAO8qloPfgpDUb4pumxD6mCvFyFWecaplCablAECJ4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdI4ACRA9TVsSAnZWagAAW/oP/3MvQ2y9kMGWM1t6e/K8\nezP/uzyA7yUs8lnEIiAJ9yCrsGTMHpV3Hxl/YZpSdQJlSdR0IoVK7AnRX1+m\nhcPx07jtMJFJrjqjQEhbdLbcuXWbumtWXzOYxA+7EaFaPzVTxGAkU4TzL2HJ\nM0ZVMKf/O5iriEjYLdWIQxBcKEqiJTZHTdY18mpGEaecE9I1Lnq6quz6t5Rn\nS4Sn2U0TOtn46f/nwN6Mh5o1M+OXoL11R/R47Agm7IQDV8iBd50533AXUdhT\nWG75J4pLPO6Gi8s9TkHZ9WA/vX965AEcP3Zv98bu1jyrUwh1eNnF/O/u7mCv\nlJyfdjPsN8nd39KdtcJwc8IZU99mrryuG60E+1cjPkxgem7KRzU6q4l8E9n/\nTPiWi75E+X4VCj5VKrg0ZMts8uFy6XYWIR5rayI8cmqgvabGeme1igUxM+MQ\nyAxRVFn5N9hoac1DjvkjksZRNLzDRPJo0XopfCqS0GAxROoph2wJ35YXHiWk\nZ4nVyAVwG49QPv1YPuFmVTf77MYNLSBUshBlmoVDYw8Di72iMB1KUvyl4CHs\n9VZMzvXSsShw/9IYnFw8os9dly9FZ+v345ujufA+HVrBRZZ7XIrGxCTBJkSk\nPB/CHhkVlUIE4Q2gIp8drcNIbfvOUPDf+kaXa+BjW0Wr5nGkv76c+giOHZzV\npru1\r\n=cnAt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"472a00ecb08e85ff1b602e3bec15d38f2a028f69","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.352b295c1.0_1618251264192_0.3966322835644531","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab99b8064.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.ab99b8064.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.ab99b8064.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ed696f15ada72ef8436ee80b0b8434fc05ed21b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.ab99b8064.0.tgz","fileCount":12,"integrity":"sha512-0N+fBDKBoZykmjw/OB7Im8mSGEhND3iRX6d1x4YgCjNofdFXnpMg76/wZo5i5mNRs5Sdts7QVxkRHohEdrLlTA==","signatures":[{"sig":"MEYCIQC+BhF9Y83zv4H+41EACThLwtK9HQdBpmvG/ea4FI//HQIhAMhCAjztgAUEYAreghu/XXXctyYWzT+wxW7Shb7yHG0K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda3FCRA9TVsSAnZWagAATrAP/A+ZQIbCTn+3IE6MK6Ad\nEfRFOz2wDw5md5l/Cm65Bs5FRFyeEZFDiEfNT7EzVXXvo1sEk7XSFrExNL1x\ns5V5eRucwTyVtssNdV7tH/LMjNap2Lr4Ctdt9WMEElbrkaXAvI1cu11U931j\ntbMAd8hDqfunfqYl/twhPEkDMzSWNR+xSYnOm3GtGb9j0BrAPO/hQmH65tw6\nZK74h7nzLOKUkvxBhwU8k9Yqp2y/CHidjH7NorUNXqSo3h7CdeHCrPannbKU\nVllRaV2m51tpL1gtWBEO+wVdjFxU63oe6iVH+1psB8CFE62jiEJFGfoVrMLP\ngq795iFKSPBw6AzJwJh6/QBLHMQ1bE6fa7r1PFRIqtXjJL4Sdtipswhp/d9v\nIoL6XiyZJZErA0sgkOaSOGDMptRW7lky5dkv1MAVhEnwl7YNqN/wozIwWA+G\nA7mPqajxQQqKwQdR8MDfEhigFDr37qpY/LEmV27VpQ0pN4RmjrdspTqi8C7s\nCtz5ajg2nJIu9qtaq6gcvD+X7N8SYcZO84CsfbUPV82P9V+IS3ym/WDvaSI0\nfRNvI4VGx3KBwtPKVu73jO/c8qqirj2bDRUCox+7aqT4/0c6bkkwlhWR9RI2\noHKN95bYuafnynEt9aq1SssfZMKuTGAhxSwu6/fMT4WlRQBbJqX3uz6qMrGL\n81Xp\r\n=dbFk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a67c09690e367ad8ebdba2d551f6432c20ccccd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.ab99b8064.0_1618324932996_0.048746333820434806","host":"s3://npm-registry-packages"}},"11.0.0-canary.8f0a11e32.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.8f0a11e32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.8f0a11e32.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f40747287552280cef0471b40bef4ce9db51ecc8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.8f0a11e32.0.tgz","fileCount":12,"integrity":"sha512-KnAeRqKE6KD9DwS97CFXcS5wn7qOEHwv1X+zKMtT9xl42TOIJEJF5LlblFZRwJ3sIfC0hi9GKPAMtYeSkwIzzw==","signatures":[{"sig":"MEUCIQCaILFlGEY8b2jUZDnMTI+QZE2jJOuZX8KYQoaWxUmZHQIgBli8GOdT/rX47aIl4c2suRTCxTEW5UZjpisCqgshqNk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd0oxCRA9TVsSAnZWagAAL/UQAIgGHv23BLRlXR6xjzBO\nkJwHWFD0CBpY6ruTs1ec29V9uxQlAA3lmFTZZg1FTUT5kiHhOT3f93exulmE\nsDe1482GE8xbIyBtLMbE4Vhy/YlZM4UUZpy5U0k67hl5cl83mu3yXQJ+f/DC\nAMTWSRzA5x5fhVakMaPYzkQOurDSL4xLigioJz6/l/Phhw3AeYx8gqdTXafH\nFAcIKAYd9ImXr4UAynhMsqtaTQiNhJkpLJThC5dxlNYRyre3qzG414Wa8UlX\nyZvzb57HKruJuQ2m0DbFYwTD6AUbEnJYh1nt1pUKyYyJlLzNWBrKyibAeM78\n2qTGT/4fp7IqDb5IGmcE/nWszw5keKp8tI+oWU124meQXpFAGNF8/WNaoPk1\ncg/sk5Pmq42jINOtqjfQi+zB4euoAnKurfUSU1KldnocesluKDgDrDl/q+63\nLY7zwUT7Twf2oqbZH6xnhVGySlYe2kjbz3eORDPNYrs85BWK23dr7ibzZaoo\nHqRn5QvTHuk9bbBJpfOTmPQ5JCZ5PnOeqlRpp1tOwS1rOWf0SESmSBR11e+w\nBSoCeLom5WL+RDynQSp5fRJzj/IivbR/8K5pJfW0Ho8ZBOdqRpM2x0MHB2Nj\nX6NJXMk1uiOggsKABq8XtbEpEOzyfYMpMmzdUvHSTbEYiNUOG7MeRZNlcJ4n\nLiO9\r\n=fUks\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f09b2c0c350e2f684e84766c95eed5c92b5afb0f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.8f0a11e32.0_1618430512753_0.3333002788483661","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5c6db8fc.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.f5c6db8fc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.f5c6db8fc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e82dcdb4b708b807a01283eb68167a60ff367ead","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.f5c6db8fc.0.tgz","fileCount":12,"integrity":"sha512-B2+SiAg8Ku5CWMQzL7gn9IHiUk6rYbHAmW6/U92TqcUSuyoG69jkjE1Q+JiYrEctK/0xrhd7NWFmKM+67yspjg==","signatures":[{"sig":"MEUCIQC3o27LmLl4dBow/bsTbO1d8shVknmiYKBMahcm4vHo0gIgEZgs3Cs/HQW74F8qoOk101TN+rto9D+q+r9mlnXcN9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeH/LCRA9TVsSAnZWagAADcIP+wfo0DuR65VFSAJYEKdP\nwzhCk/xOjJq6TGHjDgspM06cQ4U3Sn+BxL7p/UF/e9AKJlGfU8ii21KO5xon\nP3z53tnk82GpOhL+9ymmotiocOngNoSL+TOkHLoedaXC/vb3HHV3mv2KCoXg\nQZ8TMU0HTtiaO+7ty+Qr86uNlp4j1elz3pEG6fc4XgSAdyPq1H7GNEBeTRaZ\nFeCz1oIihpu+GVE1PYnc8D7XN/aSMjitfdPrL0A4377iVRqhEWQbpO/tNTnh\n1JFEMGAjNuG51nmAZGahNFK6HcWq/w1ORsj2vdKd6gkbJM1CzpGHCeb66w+T\naUdsDCUskatu9fAPVQNJkxGPyWLW4sLUzgI0x39c4TPGUgaf109nREQxvKhO\n6edA/a+17pF6/BnFT/bzBvVpYm5lH/J7DhuI1xGn2TFHDhzse6fQAdg5Oqb6\nchn07xcbC76BXE+0+heZqV3DFVYXJMruj30hcIVcc8pW6YwejqSk80tHRFxk\nUjqt8Ok/x5+oVfB7J2EqGlcyJuXpzJANN16QvtRMP5cUzCRAMfTGx0jtMwys\nnIioXcHkbnnKphsWeX2KrjpSlzEEUk1gq6H6jMrL3R7FuPtLjBv/aQsu10EI\nWoLOG5Ghsn7ujnvp9MHIoxM2Bo3nOxsT24d4Kcz+L2tWIW99jItnhJpxrlSZ\nc7Y7\r\n=1VYl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eddcbd64f4309f4bf5faecb13428405a28774f15","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.f5c6db8fc.0_1618509771136_0.4089906185673122","host":"s3://npm-registry-packages"}},"11.0.0-canary.3793a3143.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.3793a3143.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.3793a3143.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2bda61d8a113aee40899066cc21a80c9ea768901","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.3793a3143.0.tgz","fileCount":12,"integrity":"sha512-EJosG6zujAEMCy7MFm7R6FmvrsMYvtqMgRuhDguOWgc+iz62vvx0UyZmvjAvUHylCXLLW0GDg2dFIxIBO/NJhg==","signatures":[{"sig":"MEQCIAnbojgC+6c0zlLUyxbN++XKR5TyX76puvGuW46roXawAiARIfKcJUYSIHwO5usztE2KkXwPPojcoDwfaOI/Birchg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeIYrCRA9TVsSAnZWagAA+CkP/3e2iwjJbLANv9lRkdex\n+Hx/Ce0Q1Qe/GNxlUzcLm1t3FhHF9rCC05Y+3F7hclfFQ0QXocabMaLH05ej\n5B+kbOnBeMVdx7rjnU3RZ4zUCKCNNJ4A3BVymPMxQI3WDxNIEmccvTpLndWq\n15Wkqb8jZKeFZ6eg+/7gE/7Tp2bG38LOchWfCMPo7/0w0OY8X6+yNHGi9xkO\n4KrFVbOM4eC/m6IX7FNZv8U5B+Dn55P3cQuzpRF0EMGJ15JzJPsRTQ00aXPf\n9746SsfAYpgcuO6ifwqZFJ1kkx0PL8a1lTZ+9hs1xgGS/qEULDVZhRpi9zw2\n+OlsjIWvbMH1UkeM9JJoq0IUKsSKuLim9j98CotVUvYs1KoYgoFPxABWB7UI\nFrYJxyPKBsCcwwmm0PBTjI5pKLmITVDs3nAtLlzLz01fYk19WoRORhVhWqyn\nR5X6amPUWqhn7oxCSi2UgorAlv4SqOVsxCmT5/RgHseUu09ALXtnFutStTGz\nqs94KE6RIrmCqZ04NsG0cCHGcUHXjr5D7/JItRaguB3Jc4dTYBQiRH+Jz5b8\ncE7xXebU87+dMWmQ0COjeALyO5ReYVny5oM3erCCbeY3bpOpAnPD/01orbo9\nGlVcaS+1lLibohAwIQcMYqdh7BUzcYpFtlQU7KL8tv+G0gDjqWCa5C38a8mV\nmvMH\r\n=VjsQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3cfbed34975d8f2990425af21414290a96e2240b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.3793a3143.0_1618511403006_0.13126483956003088","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc104bae7.0":{"name":"@material/feature-targeting","version":"11.0.0-canary.bc104bae7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0-canary.bc104bae7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd648a3c6fc6f597b5735ade8c34da331a2ffb46","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0-canary.bc104bae7.0.tgz","fileCount":12,"integrity":"sha512-weS9bTJvSVAkPbY5sF1t9Z4gpGAG19uOGlfkCjjiOND68c/p2UARs1MbNN4WPFlGeJq+2Fayzow2iJy0t/glOw==","signatures":[{"sig":"MEQCIElx/NPZIvt12929lPZP6kTtCl/XZtl+la29szUnjbNuAiARNq1Tla5vJwD7Hy7d+IADEpSFM7ELZ0l5Nd0ffNiu0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeJe+CRA9TVsSAnZWagAAdLoP/A0M/OjcqdL6oeM6BxGO\nvkPKAEf1W8qkX7XtJi7QeIZ1NOSA1FWg4G/CyqUqOTieS7/m+iCCWANzVLbZ\n4+SzRt21wf6ax8PNhMB4VCtl+xzTn4aBCYt+fR1vp7HHai2YnpCrtgNhQOjt\np40RG5zjbZRxhn7ee+dGS7HW8357656Kjrzb9X/GFaVpWdJLgTiDGaX+G/K2\n8bupuf661XgmOhEV75Z+cP6xb0nMsUksNe9AiM2HOUt9gDSxb5Lgi4SuZJZ4\nSE+WCeWdHgrkoPJktqmYDy95YaEdm0droWmcG7a9wtrKqBU085G//3RK6OOD\nnx4FZqblYBKgw8/GoAdHn91RLNu5/rybAhmICu4QGAX7P1hTCBv8H1bITcks\nULtNh0JkM0xde88CeeiJc7Sr8l57djXJ+0bM4hRlTdfJ8bVuYE1rfrlGiwgT\nFxoXtZABCf9/cf7/7JfoKn1xiMRbmUpv+Q7Vnpk5zIYdZ51iPzhYAKlVDlH4\ne3RVGElIeeiev6zn/ks2Wb1DKTpysc1hn72rZeGArcXkOpyfqfk1/ZapPo68\ncZ70cNl0IPHroL7ZZbCi3jlNhDg7DV/Og0XwXmyY/081xq04YqhBsM5cTezD\nzuRvWRvhmp8whQcEcDFAJsB9nO9Wh0lMgyVTN5Qh4VD+5UJQ7+jf2FGofY6p\nIfOV\r\n=EF7m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fefd0309d7bea91a430a20913f05f501364f2ece","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0-canary.bc104bae7.0_1618515901964_0.5173463909023763","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f342c3f4.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.3f342c3f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.3f342c3f4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89b33f19404e88395ebec82a5d4a6b3fcf97b471","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.3f342c3f4.0.tgz","fileCount":12,"integrity":"sha512-/6ldghjHHKOcy+Iwb21X/MoCGYSwwXvSEL1jp1jU+vq/8ovT+MGfbDfaTLmHp0oM2HIGPLyZtD4ahaJdvFBzlQ==","signatures":[{"sig":"MEYCIQDOsp54mojydU/Bc5qx7elnGCC3yBkp8UOJypkfgbbdVgIhAPSVU0TkzHo6gbR5xTJwXuTpHu8svWQ5QgGqN1EQvllW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMPUCRA9TVsSAnZWagAApgQQAIh49zhxnnQLkR2AC1eu\ng2RO+UEP9HDIcUr4lLtp6sODkyyVNEsPwe0Qi6Wle1uyGKNKG+TfBc07sMV3\n38osEujY5x2RQrmmsSayKgfbQ33YpcJSky+Glgubllqg4FgzYuwFAp5zyrvi\n7OXRfM7T2yRx2DE44KcFMzzqIoiQvWTaO2tYqUcb9InaX/jJVgUj+nzD805U\n/mKwJ2Gf8T7TTU/QgcWciRPVVDbr/PXorfsl3BE3n0DGmi4oDuxLp1fxcgeZ\ntBL5Keo0Ijm3wiNau10TdbPnMgnQgNYBlsq4kRcqK6tZ/KYVdceqj08lFw87\nWxc5UT/IwfP8GILhjVtvhntyKz2xNyVcm7VGe0IhG+5lL8UGTtcY04cEYuGi\nxs54JgIJxo3XN0o7cuPPJwj3gB3YcsfEtMc0RraS4UXZsFfLB+0ta5a/jZtm\n8VVGaUkMvgd6G1l0+sbz6/ZzKoIF9auSGb2bMO5xWxrtWol4bG9wdOwZX9aJ\nyDAIglPG184BcWpdcRaTUH8zvd5lp6xabCks0CX59NaTV3niQfRHR+63a47Z\n16jFu2Xs/9IuqQs/CSjtbQ1wMGe38JRLqaiaEYFfUeZmzR8d3ONdhYGdTt8S\n4V6t3TvKIPFfqmr8fQ34zadc3/CU/hUZczZFLZ4hfj4B35tmmY/U+JeW6GeB\nUnNx\r\n=RPUO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d82c002d3f314f99c3413389c77960016a48bfa7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.3f342c3f4.0_1618527187690_0.9107631199476558","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"@material/feature-targeting","version":"11.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@11.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa04d955c1374fe92cbee95fa86784fac8673fd7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-11.0.0.tgz","fileCount":11,"integrity":"sha512-7/jdaHm7C16Eq02tDQ1iI+giWKgk+QRNWFrmGKzHfXbU604XwY/eSLSiVS8QI01vx9QZ0aO9K84m0yhQQNQQtg==","signatures":[{"sig":"MEQCIFmzfI1kLIrI5RaoHJrQVmEBt/zKNCU16WGIDjMr0o9uAiAmKsnfT55+2EXewxCohE2PIxPckj9oREwdk7xGqiraiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMTGCRA9TVsSAnZWagAAES8QAIDSx1rlq+6vslzj3wBi\ngTelKUvv59DP7DfE7+upT/g6xffzDHjki4st79ruHJQW++PJ/LEbxlXAkBFy\nhY9cMxq9tPS0BnxlxJTOrEiid+LOrb4MxKbkSaeFOKdR+TQO0bNPf1JryD44\nDvDEy0NRaNTgrj2DYy/+81s+LsDScp6hdivjJ60U1Rdpfanq4XQmOpfjGPqK\noHpNOG7CqjNcaYN/iU2muAxmRHBnhL2Ow7ou6hXw1bgvQ1l39LP0YbOYH32g\n4YInmMN4wQK73ykNV1XQnyO8Vi0fPTTzOEgh/PIk1Xu/p7gQtAojrHZIBEuy\nNVjx7fQ3JbEVL3+ZB5WYPGEXYuiESxmbYPbpRN4gbz6Ww+UDVFbGyBb6LCrt\nUiGW2rToDL+XgLPHG7LDjtdwdiY6mTJBWzwYlj6Kn5x9smAuC6Iff5lazEaN\nxLSaxS6AQJxHbtW3GTChbZTA1YM+/P+JqdwuWltLvYWzaUYCjuMJGI1XtuCZ\ncs8MgQOWIDwLVBhYZ6u10HEeuDsRopb3YeJ/kQc+mLnPgbYyynEamHGSnhGF\njgEiKlv6J0fH8Az8y4uPlpiu1ktjg+OloAdJ+IXAGnJEsJGgptYBWucCFTPJ\njXzuSLDAL6zShujILBfb6fgmx6k5WQng7EFgVhQEdUNcFA6LIpHBKUtp+ukF\nbrX6\r\n=QG53\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"3f342c3f4715fd3587f327ce4ea6b5dd314c5c55","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_11.0.0_1618527430305_0.026069163891645042","host":"s3://npm-registry-packages"}},"12.0.0-canary.2ebfc5374.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.2ebfc5374.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.2ebfc5374.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d2adeaa3542c0fd51a6397694194587d6e9f224","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.2ebfc5374.0.tgz","fileCount":12,"integrity":"sha512-Q/ZdrzA2VvWr3X9kT/ZMMAqzQFwDWYt4P2BGFRy3ARTHrxycIZvZ35lhu37YYMflMxhTxK6AuudFmtQhCBACBA==","signatures":[{"sig":"MEUCIQDRIC+ItfyUk6xKxwjSW+Z8PjeUbUFgIa9WB1vUyYgWawIgXOBc3nAOtzp9JUp6emYIHixWVgyZuE4ZRfPtXxgJ/ag=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgefcGCRA9TVsSAnZWagAA0AUP+QD9s7upuPLeqHuol6SF\nP86yfa3DTo25wuJSYMjqYaK6E6dJ+eFHN1FtUqCeBdLkTCmRYabYpGKzAv/A\niwBwqLvPv5d7dHfOxF1Cfhy3QLMFkzcuTBYl9Vs514MBvMgfMo6tB5rUu0b9\n4J3m7Xhg6sipfC4pHosbQ4Genh1V25vE+G63JGJRNAqQFtnYX5d7mYM+gkls\nHWjPM211WM9yCNuQhOoW0rz4xAjCasS6mf50jQAnLDAsQY8H+hObImhMx8p5\nxjlsmBia554qtDOG71wz1UPeibi9Pyr469r6zY79YiWxkqioizmGVnQk34Ef\nunEXpzLuVCNc67dtQC+NjaUhWyome150Z7C/DrbpKTb9yjSlEpY+UlO85tMv\ndh/H4Yrq7zX03lEMrEl3qsEsSyAV2b091KoU7iNEh/UQnHjyi4ulhkAxyoo3\n4aQMLiVlMgKE9vxFo+wRRlgRJBnWX55YiyiAPR2d2dsiEOWR39thftDpwy4G\nWTMdG9USEBrGwdwqOcQSNqcbBhc0vm+al4O/JFsJ/OQoYDKjk/dQAjnhAfny\neruU+aXU3fpXo+HfeIfBA4iyhspXWqDQgJXYJ9fz0jp0vc7/jB4qaBILAI9f\nbSLEKIdhCOpkFY9t9yDANlK9tcoC9j+R+KW/XPmGb0qILYl6SGHicbV2LjRI\nFdk5\r\n=QHGs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"603bba9493212a7e1b6350d2f12e7488ae1d9594","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.2ebfc5374.0_1618605830093_0.3022613797977167","host":"s3://npm-registry-packages"}},"12.0.0-canary.5631828e1.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5631828e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5631828e1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fed24b3d3f57570c742748d1518dd6ccf0502a19","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5631828e1.0.tgz","fileCount":12,"integrity":"sha512-BNR9n2aoBj4zazkMs0446AHmkJcHnDeJ5T3PmjgdYSOF1bm7q5dV/iB3SUrGatfS8zGTzRnAVL26Rop2cWx8OA==","signatures":[{"sig":"MEQCIGoEYy62AZuCmpSXCg9WGsNgJ0TOBFIqshl7ZO0CkWZeAiBJtqM7x7RlBZxqLIcUJGxUAMS7z78Sep/UYm4AItRIrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgepIrCRA9TVsSAnZWagAALnQP/RWJDQHaKo+W7zgBi+g9\nVe7Xnmxmig3oYMn5Cf8mpOSydFc3SJVxSRLzLvWiWolpndKBv7SCjTHIxCiD\nfhUmxumbKWjYjuYuUh9EZpmG5N9gcat5d12dL2dNIdFNusyProQbKTOMnBDh\nldu/+ihrnxN7X6GQemg4BIfHkxUqNy4O6gZi8Uilv2cMBlnAE7kFNWe/prjZ\nrFtcxU+F1R/ufzVsDg6/QagwCtMhsyskEvwuEvnSzXHbEPYLvcKGcWZbYvpf\n65SsE3e74Inl/g+KH9KuXnPr8FGuJL37NDmjhJXxVxoLg6ZrTvOMGCjR95Ux\nLyU2Sm7+pM0p9GAgNC7MkWYI/V88zu3i4LLVFkEQK4qJRG/e247PH6rJOjrq\n+4L6uyqbWUTygqyInfkTU8RGEGOjjzJWRRKA0goJ7TALjPeIbWmFgW5yBQ3h\nsH0KuCeVPJo/gdysQud6/4txrP4Y5IBbPVavJ1iplzcStS9ICxBQSSJJl7oy\nFP92hDSxUhNM72DAjA0y92uWoravJIDONkC9e71CB3ETpw08Em74K73ZMXAb\n6ur2nyCgxuv9pjtWzgypplSqgKLlPQoBwC6IIpfeEwYTc4OXwz4SPPB8croK\n/wlev+OTmtz4nRpbfO0HHEhONQ4BwSmiwVe+R++bad64w7jTxnYv4+gMEb+k\nSilT\r\n=1x/W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"497e1a2527ce0368b4038766ea4893675ced3523","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5631828e1.0_1618645547067_0.6341235861382166","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd685395b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.bd685395b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.bd685395b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f10cced210adc23d1ad003833ffd53abaa09d9ee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.bd685395b.0.tgz","fileCount":12,"integrity":"sha512-bk/0ERo94kE/RRUEZOIfl2+5E8q+93JLh+mTwd2BlTaQqxq4qFMKdp8uKxzMy+Ukvej2cBf7QSyVX2qFlsfqUQ==","signatures":[{"sig":"MEQCIGP5RCe1kHsK4AdagB8Oswcni+JDEpGIVvk7ck26/CfzAiBZ660DW6OXJPg0xWyxjNMFWsZElMmMaHlDpN0zuNFXaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc6PCRA9TVsSAnZWagAAEE4P/jjtsO+TjqUpW87j1y9J\nw4VehKIIf6b84bEqQbnyOM567ZFyUjjSRyhzN+XpywAiLLC3GZ9j9uNcqvlR\nzzgcZn2cv9M1BJHWqJiA8ofEwlqrOruBav1AoE89bytlanMeasM7KcUQtkG/\nStz9rlzhgeJHu8SJ8uxDznyYMi9BthOZiwI8tXslf7Df7zY7Slg8TjcfU+dT\nMUV4f98/71nayRy+ndXSvfk+yICjDjwcMH8XqjkVmejhgJu82wsayIRq1A8W\nmqpTmAtgil0ig91ajLIh87iD57SZVJUQO/PN56EfBHBhw6Bx98UrftvNdaa8\nugKtBoUWMT0Yteepd2VLJugqeOmrxn45uUKEDHvmkncQOhPMvaGw33NRNjnh\nq4vdaUquR0gbyRPDhtImNTUUbMZkd20N26VBlKv3vht92OP12/YT0U0ihjMp\nQY+SrlMeFSQENIkELXNJHkYSenjgLbGbPlfhhI48hXl/joGcpyhCUPebFpeW\ngpn/+w9at4L4xRTqzINT+RhoWVezTyGnZLjjM6W2yXG9Dve8O0Oom4o0APBV\ne0UTNPCzG7FJAnFhjqCgKt+dyjkuijoYOF6PsD+tj6wgmj36ris/un4y29xd\njSCZ8VEDxfk8b50tMY5Uz3/zg/CutXjh1yoWvY9I07ZoXnS+Sqi+98hgLcGI\nLEfz\r\n=tsow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"69c7d9ec7c5de65144c3b2a9b283b6baf7af107a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.bd685395b.0_1618857615105_0.2180731872668107","host":"s3://npm-registry-packages"}},"12.0.0-canary.b52196498.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b52196498.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b52196498.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e0227296dae03172cf1813a6d36f84e5d89a50d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b52196498.0.tgz","fileCount":12,"integrity":"sha512-AIgJKTYQNIoI3nuLTifM3JZZj27lqZP2H+qcRzT3LpxZpf8lySM80/ZpaGLJVLHPhyeVOtWwrm4kHfc+zV8PyA==","signatures":[{"sig":"MEUCIQDLdG+X15FCLin0ZCRCpfFVgyzS6fGjbf+aCubA4dOtlAIgDzqKTROsqwiHBalS4FKBJQh3Am9AvdSIyGYZZ5933Mw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfeCBCRA9TVsSAnZWagAAypgP/jmsuNm3l3lkRrEdiLjJ\n+s6nleJBlDu0sAuqMHJ+G5W33VEZmTSdVn5mfkXhkABOawj/3Jq/5/Ttd8S6\nLyKWYSBXCHUGXDa+f1bqkcvehaIB24fLYKSesemZLi/n+KGYnMonXnqu8SC0\nW8I3Ot0pbwJ+1XpzCA/PD4/2wZpvJgKGNqCMrW5+1RViISBLTM9LqRPb3/g+\nynU4rxm9RRCvZdgHsZt0ViDHvdENuCrJukOrA0tq9VhmUUOXzvioDcApMYkx\nWmg5SCy2FG2xADeWXAz/C3DI76Iim+K10WAckQGalnrjsnn9lX3zrNdWCYt2\nzWjrRONzrWR7hNCmJ1ZOviuSB0zOK8xzx6rksLBqNt9F643MdF4pLYKZLWug\ngOQ+fxZeeLwcpyyW7nOY6HdFDLM7XzEnZ1B7ro3gRdR+l1a8Ypd29MDG8Y7n\nGnS8vL1vuruGQyBkDVsxl0G2RC1DaqVqswNocyfu0B//Zel4zMVIU1nr3Vsv\n81weQEN23DziS0YdCTsKlcZ5QClmiLGrqg320gv3zJOrLX9b/9/GTzYxwJZM\nSGTe5O9nRPOtlGvWc8L/vMLs/BRfRDqa2yw98IaM81661o+asU82aQVTRTko\n2RaDoBx2W3ATwqlvDpt1qp+dES9lai8ImGNHsbZNQYh8IQ0zZ6RaYAIogKH8\no+8A\r\n=c9FW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"953cfdd3bde4c66a4b6b90171d4ee702958ae1c4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b52196498.0_1618862209065_0.8340626880387727","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ba3e298c.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8ba3e298c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8ba3e298c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"917a5f804c0307054fad9c63faccb1f31833d01f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8ba3e298c.0.tgz","fileCount":12,"integrity":"sha512-wnurtO0EXdX8ikvJSjebRCdIIYvlvEJrxCvEsOGh29Wj8gKzJvO2I06AX2cOcZN5yObFN40fBhZifXhhN7vcjw==","signatures":[{"sig":"MEYCIQChMVC/58gZUxsoCSfhYyKmhKU3RqiPkuOmkHlZXENFzgIhANYDWXmcuQNMEChWCnbjTgaLA3dHCUOW/2II6nsGx5ir","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDGeCRA9TVsSAnZWagAAYTMP/2Hr6hRudDmolxyD4sd7\nj9tZjoNKJMqNrBDP/aIs+jK/V04n75j4JX5XrQ+ozsq36E+ohe6j2R9su/Qi\n6G4Oj3LssLOOhIaeQCoW9Z/8uG/kbnoZBAVd03gn6I3JfXzlhulFIRcKFaQP\nywLEKUJPgxZziBgNR0WXpRafYzfCvNYXCpMuAbAvaO5WLXRVeoE3+bBt0VyY\nKQ6N7cYo48BJ90Yc2Z6EsTQafe0yr7IuICSpAC9Bv0qmj7UdeAC5JHg66G1c\naX664vSMQolLpNySYCnu1ndqT/Rf+6x9Zsq+HhSSqgskdsTbxGjG9JvOUDhH\nnp9aS57nUE257D0WoQIJQ+pmioy9QKv/qLhJ/Zs7VqqOFTtvLOnb1NJ/G/LP\nfZRiiaZgUDNn5Gk+im5zMd6In63g972W3s1b/dIei+T7d6SlAkFYoagAEdxV\n83G5jAHUR3aWWbvOqo1CPCqRNFPGD09gJtORe1GosQcYxvXQM5I37mU1D3Vh\n00P6LiXnodPVrvAktaz3Oa6X4CaoeAKk3ZUgTvHbS/ccZmUYBhQUQCIhD96t\ndRO4RbqxxJmX5Ji4+TQ3SznSfrhOipsZoMQ2/O6jU1V9YrRp8VmjFCYbb1x5\nZbRPYoPaJ4dYnXUlyO3crk6DB2kIOQKQCCQwutx/oBpcZCCSF6F+RBC3gQ1f\nIoy9\r\n=UjDF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"206fcb6cb686d5de97867cb4e4005926e2a94501","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8ba3e298c.0_1619014045977_0.12837558067824784","host":"s3://npm-registry-packages"}},"12.0.0-canary.c629eab71.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c629eab71.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c629eab71.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f41d097c1935c2b8b6d27c0a82e8fb172fa3db69","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c629eab71.0.tgz","fileCount":12,"integrity":"sha512-eWJiOmx2/SCQnkLOec1iqA2JvSlPOjeZjsblBV5Zv/Ro6+uz7eSN/4+b1Duev4aKqCpFaF5Mlvi3TS6D7pOzBA==","signatures":[{"sig":"MEYCIQCIGm5vIDne3PuZ2JY0MH0vZeYxasKW1vOBwEJLTZq11QIhAI6PAzOxJOxTAezuu4XpDlxC0a71h5Qu/QFO5jYHmngX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggINCCRA9TVsSAnZWagAA42QP/1Fl0sDq9wH6G/vp78MP\nqT29wFFTi6hj0L2ekVDo9G0Nttxmh+XLFld4GLjN6Q5gNX3VDxa5tHA1pAKL\noYlXRZukFtj4/hH5/3dW/l5jl+5xVnOHQSwgFR3JBVoegwfrVcOYnmBD8384\nDayyhe8tTJ3QkjCBBSs5gC5JixzJvZKhxB5OBpfrjguSF+rzsCh2F/yuNKma\nh0G32oPOBHmPPy/AyvPh+1MniXvKIsHkm7leGv5IKBPgyueKtup5Hky0agZK\nywAgLx4xeAVX5hPPgVyEBG4yRi9LCWBUI6s3HTWCpiLkXTvzwOfNRosvcRIf\n+oOP+HwfbAWEiZd9bM/nJYZ5cLzQIrFVCfHqm1S45D7Vwcqffww8Zkr0PLBB\n1cCOudPNDYM2KQ1M7Qt2c4TZfqK8mREplm7NdVif8tgwlF7+tA10hh1z4Pcm\nj3DeSih3hy02e3om/OBBhTBpsKgqqm58oh+JqoySnOIeeqsiZhPDuFYDQ48E\nzdYIfkSnCPntWDqbBUZevaZOKEKuRjZqM/Wu7aY0Rd/3sFyNOjqA/8gzxRsk\nN/bU848pvf3NNH0pOg4BXeBLyIaC9Qg+ArvxJ5P5xn//i3J0benA7ND55qJq\nSzDa5ZuSDPQ3Hcwg94y9zCFhZsRokn8eSPEXehfixAXl0+GE4sEfrNCgnabt\nN2Fn\r\n=slDm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"13ae4a821cd20abff4520de3f38c689af7cd0edc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c629eab71.0_1619034946147_0.5147321315102076","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ace3b810.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8ace3b810.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8ace3b810.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2aef46a5b14a002f711e106889ebf21a155e3040","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8ace3b810.0.tgz","fileCount":12,"integrity":"sha512-gj/eVlkFCnWKg3nxFbhqBa1MpuZfhN0DrT2/O83Cf38eQ3H5bB1CVatT8qA0eQYv7Kxw8U+1NxTuiyVi+fPBKQ==","signatures":[{"sig":"MEUCIQD6PCoJNgDEgVuOtk3oj0mlSdZ862x5HTulXis/xzjROwIgKmEwEpfXw23LBSNrxfRIDgN7rDHVAoAE6Ln61K/E2YM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggIzdCRA9TVsSAnZWagAA3S8P/ROueeRwJfaQuBMmeKVK\nADHvE9pLu0kmLYobXbzrJpup1fq2VPPfLsQzz9m8K+ZWzTKopK1P/MCr3L2O\nWx8lKPNPNpx05u5ecnuBF0yTWQjGFkNCdkPFZ7chBwD7GQDDvEv+Il9T/NSj\nQtTsPFg/GRdP6r6z2UiLu2psqQJ9jYtqMXUIm/yUuOwbaKrvNfw+KzBz1QMt\nLVYskXW1GEssb15lvxVzC1pNDOEGRIcCruVbhoq9CrYZen4JGOkShirgbyFu\nYodRyFs/H8fn+ThU/VJEA+upDmgPNrNallO3FFVzjYTmzR1IdD3TcXA74Hrp\nJqsjPMrRyushmDoTOW8L2RKcSD/RtLxWzKE47SsgrtdWPo6gikWwf+Bj510k\nSW4lj+BHbm407oox2HxUhNe1npm6gXZnCOUBtQIdZJDDb7UM2TeL2/0LMKLq\nJWzrgt/hicy7hVISgaT9ZU6ZntIuj9DAaWhSj3j8nWxoUCgD0G8AakiTyLqs\n1n+OUGtGDpcGEXtLowEVa4b88GMMj26MqyGgvuIlYFDf/ANFwRzNKStohGqv\n1kmmWoGt6Qqfyh81o7dX1RySouHAVk5bPqTwHOSQhLhkYdIx2y8ieUeRet4A\nONWrQGjPtg83OvsRRBsMU2EsUy25oBzk7MVJ4upkFlMLaVusaChHSykUwnlg\nEo07\r\n=WVfV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"622173e8e2308a6104e06bf943b6423381a17e5e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8ace3b810.0_1619037404527_0.17405061945601674","host":"s3://npm-registry-packages"}},"12.0.0-canary.70beaf42d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.70beaf42d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.70beaf42d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9d7bad0ee41ba24d1f13e98a39a89ba04254e94","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.70beaf42d.0.tgz","fileCount":12,"integrity":"sha512-jhzhA41xRw2XOmOpMwCgHIwRKNV6Fnw7Tu7Pu0obsWuz94qEavuHNHiumCTOti7dRoCQ1SRtdW/xGq20wAGGkQ==","signatures":[{"sig":"MEUCIHQscv77tWT80qSEOJcdTpELcsoWo97JN6j0fxf8FQvtAiEA5opNIxCa5QpXcrbU944wQltO8dAath507uZXxL9v2uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggI+XCRA9TVsSAnZWagAAT6QP/Ajg2sugtC3yIDdweQaW\nRo7PQny5awokNnSDdYcywt83+G3DPtvbeC5m9nRjNi4JMsEdf1uk+ITfAfkN\nwmFzzAQ79Y3MZ59J57oVcbnfZuIfFs78uR8ufkfJtVsRg4c9jkUd1QsJpnwJ\ngP6mZr/8cJehDVwwilinJH8MuUsQ59pxcD1Z56YWthFZpTYzh8yaktOZ5rxm\nfX9c4TUQc/jKDq3117kSQTpZYjAqvdAnjfeMTiPnBYBkFC7cPCpgn73IPNky\n2NqstvIFDLJ843RUEJ8al9fjbE1tmSJMZZBxQRo64qMLv+QhjO8Id+aSCHTA\n78Lf5or+wGp++mQ9COC9YbDdci9AbOJNvNLXB/0wQUHvOi8UlkfqBOMGaN5N\nJix4xaU45JxHNTjvPc3YLxyNr6s8P5AylT6fbxqLfxPbaWfSk5viBxkw6cpj\n/ehs8mgE8xrgtulF0XErgNN8OM9tsfmM5wQaNZZf/0bHw6BzALCMk4SC4LFG\n23IX7xIJRWrBNeVDIklhuB+3xw39idBf7laaRsO8tIBxWo+X+SqhX+pq/OIG\n51Fzjd50raqZNxa4qluISgp5v06+sfQS7xbtWfi1/q8C1GdTQPXJ6ieThFJz\n6UMEDe0VrttPKTe37diHqsQJjtLFmR8K1PKL2G9C0LDEImPyxmr9FQ+yI2mo\nryyV\r\n=YWDW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c5b29092fb8fcd0102b908417d8ed3d61c3448f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.70beaf42d.0_1619038102636_0.5059799195246657","host":"s3://npm-registry-packages"}},"12.0.0-canary.cad489689.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.cad489689.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.cad489689.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72fb82ed1496ae9e2d269f3ebf1a23953d8aef32","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.cad489689.0.tgz","fileCount":12,"integrity":"sha512-ttVplpAPxzqnXX4kejO2Vkk0wHw8h08NqmeB8H7mN4AQ7bmzldS/RxELjVKV++CCFQvVNlYpCY/rdaGDGMFPOA==","signatures":[{"sig":"MEUCIGpTlN+rqCFTkUFZziGJ/ErXpMIEYeQha1ojpB678gkCAiEAxJXwngp5K/npkYpQHF1g8TAFg2e7jq6yaHF2qHgn+QI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggajQCRA9TVsSAnZWagAAEYYP/1eDzyPqoooC2KF9msiS\nMZinj7Z8vI8BWiNVNkxKMAhHRR2CwFT6qEF7hVWSwuYNVM53pi3JBVwfD3Uh\nar98oEA0kb90gfwCXEQI4VQ9VoaQSr8cabHB5/AFwJJvI4cK81OnIFnGGHll\nHEw3CnTkrY+p8iSVVObBt0qEXAkdJB5pLBZEr/HAgUYCWJnCPHnwAiFgJSAB\naCMjgt5Enf/tUI8mKITPHCgOnmutb/LYQH0byFUlkb+2cemD0Cgy+0Hw4QZs\nG7pwDGccGhhO/B9IpjxZTmfn3NpHBRR5zceZwJJ7GTgw1Fm/7b7eoZDU+BIR\nbMXxj+/J2H8mD931KJnDiZLZy4FerudrmvnRE5XkD4oeohp3jr0eee9il/u0\nPy4PIz7SLaW0k/VGRiir7tHLO3ZM3aC1zRyPDRMMfAg8hVfwEoFCj621ChCo\niuxDeLiJGiMrlv3n7/2K6t4TEYjGvGe0tSPN8qYqeozKUy32Ii/2d7er3aMx\n8dOE98Jtm7o4ILayP9WA+FE1mO5IXNSEhmA04xVTyWHoN1xaVZobwEa/ob7s\n4JXJNqMEb5Sb89+QZxaMAPpI+YFLPrh+RTwiJApbAzoXRrpCKfktGpQvgvcj\nPNowjMDbhxJXwtVS/eJ4H+UFEFwJiuqnN5HGG+/GMMrisuHLxp7RqN/a0yc+\nFQ59\r\n=yQ/d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3e5c20e059b33965b63d0073bed7e300c57d5781","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.cad489689.0_1619110095931_0.17109372094516995","host":"s3://npm-registry-packages"}},"12.0.0-canary.d928692b5.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d928692b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d928692b5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfd63e4fc4f56b8d01518ab382edf97ef2b56048","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d928692b5.0.tgz","fileCount":12,"integrity":"sha512-zuIt7sJEOJWQHGjOFHVZtQF3plVLSWLXkUqM2wGygiBkxSCjWREOmn+hGrtspsRtcEFNaAA4vPJjw6QIXVVDLg==","signatures":[{"sig":"MEQCIATjGqPuDahxcw/HS8wPSniq9zKkVHfG5GFP9tuNIKcZAiAOOfkN88Ac+SGAVRT7AZ/w2iU29uFYUREJWHAnFzb1DA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwTgCRA9TVsSAnZWagAAhBsP/j5OT9NgktXaj+ODC0Js\nON+Omds4S2AY3ur3XdyXtthriG6QfrR7GJbpBXTrHMG33SDfLR18ug5HqLKZ\nLzqSHW8Pe93fHRTKHjdtHlN0OiSXNpPX7dzfK/ULBQIJ5SWMbL5MjmKWRS7R\nRxRArlE9t02Nu5psIFJTz61TT34kIaqR3I/WUXaKTEGVEsKnb7nykFoYDpwr\nu/AlOsvvao2s7qNKBY7zUcODEL3vOToLRZyg308kYwwABDgbCUEX4eU3bUDC\nlJ9Y4kpRBxvekqPDmmM0aTR3HKayuxRAH0N++XJHo0VhFGRHWda6tW8ZSlox\n4X/mJ5LcAzYBlWG5bG08p5X1PRJycrxSc2UIOZYC28Q+BYKLn8QMUi7Sg8rF\nroxvUdpBFzRhQBoNvVe2uRfO4aMtsRMEJ0LCcy1XkBQ93Y4k66Nej+XbNH2s\nvJxKg3W4WL5bn7wx0Qzbjp4T2fUWjMk8oPBQRv2zMQiwhcXw0WMr1Y5KiUKn\nTmRu6Cg4OaK0YcQvf+fTfpr44vrDOUNqNnvt2UvfK6tDJ6pQ2S1DRoplPVKD\nG+n5xr1oXREctXQAkfzlOGPXhOJSnBGMY4oBs7vM7Q0xa/U2vWMBE3XkswZU\noZDA+pX2eHGrC8fE6kO4KsRIrLIJ5K3Gr2LxD6D7uxYa5ualRy8mmKRfRYqF\n5ZtH\r\n=QMAW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ced6a0237d36ed84c4d277fc25a11d9453108e12","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d928692b5.0_1619199199506_0.07593632518444426","host":"s3://npm-registry-packages"}},"12.0.0-canary.8f68de8f3.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8f68de8f3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8f68de8f3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e296e7b16c14ac4c9f1359ba3c25b0142ddf9fb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8f68de8f3.0.tgz","fileCount":12,"integrity":"sha512-z3+SeBaz/YGrcnLxWtZLZ8C9wttzoSJinChxwiKxCGKdFX3zRvdrDbudmdV1ZtFE06eU08bUbEGHGm7oHt8dwg==","signatures":[{"sig":"MEYCIQD7Q+kUW5iHoH0yHA3afXf+rUGVApbIXoSQKDFKfnJEKgIhAOgO1RBsnb253i48XmC8hIAx8DAe7N2L4R+MX7fCakd1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggw3mCRA9TVsSAnZWagAA86EQAI6nNRTknMspQPF/aDQz\ncbyJG7Fjv8+xYh4XZgnchjQoK3ysyz0UTJikoThopsgtXN0UdM4bwoX7bgkM\nuXXvUUkNYS+a76eLZrTIn8wltCu43aaiHEDB6c6ftJrdWd+6LsoQ/PvfVKq4\nVE9CSmg+W1pNkLIefAJ905XVpQXKBZPJcRd3QWPKGNu8DFWZyZfEXQ5lblSD\nciAzQAXzAte5aDI4RgwdgBAZ/PHdT5HXL1kiF0kL6/mfCj5Oz9UHSUg+1Xzs\nG0YNYhXDWLcTynlxWhiQO38RpId+wuOkbAOOZ1oA0ommnt6hDI8bUTEMAPna\nfaRNonJHoU1h9RJi4T2sT5L0ZPCHkQncvZhF7GOEaKC2N2fA4JXQoYhSQVIJ\nheUHWZpa63QvRJCiKhwuRxvalRFDP2pOTf4mYmhfvmQ4CbfKmiuCZ8mSEjOu\nE7Mc7gQCfYLo+cNyhfu16uRDo/OVXUbMAM4tG25wfoDAGpUKs1zUNfNJThSf\nq4FohPet+FQeRjppk2w/dVeO7Dq2Sd8Rv4sGJpNzMDc7bs7KLw4cRso1k4Ci\n5ed3/d1vKHiMtpeB/zrEilWfvnUFuLOBOQGPXMPJ5PpBbKlapN0OUrrKuZR2\nerPxV0DgbO1spvW+GofVb8smatK+pEO4zDlh884xIxaTFMYJ4DBokCqJgxbQ\n7Tdv\r\n=gvfH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5bf06e910f57a544c428d7559d72d5fc2a5f30e9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8f68de8f3.0_1619201509953_0.5958682092743026","host":"s3://npm-registry-packages"}},"12.0.0-canary.05753cf77.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.05753cf77.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.05753cf77.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ea4bcdc50ffa806494251ccde4d8c5f2972efce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.05753cf77.0.tgz","fileCount":12,"integrity":"sha512-52ZpgsI68OnHfNOYCU2+iE7G5BsfdU0uFxvr64ywxvwDMe4TxIvHYLCdJv9jWqX8NDZ94bHvX/Ro6iWtQQ+RCw==","signatures":[{"sig":"MEUCIDIE0w3zILCDcW6IP3bYw2qXqw3inIPp13OyEfq6DEhLAiEAopSkLm/hDqKa86lF04p1jcWWPpGD8jTKG/lDN1NZy94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1tNCRA9TVsSAnZWagAA90sQAIbpt5PY483qlTxzwtTZ\nhPoHXWq+yE87nSxVwmxuK+E8Mu3J8jeudofXy1HnlX83ypOIShtN4yE3Wiza\n8kNZgascFtfubqti0tL4CHqZyXrS4VnNX5wu7uXnKrfIjTVWL3njSxZw6PXA\nKbBhWJ7I1WUmJi4UzAU4TEQOS0Kvfyntl8Cd9f4zbtT/IHJ1qoVTOT3mGmNy\ncU2Qsff3oiga4CVZJiAbV6v6ff4V8C9KGKVjgL/WIrIOf9i6zWDzQLWBWamD\n3a2fxI99MYI1f+q+sa7zAU2UQsNIdh7T78jSG0FbjMZ8pBRLmxqDtYeqk5nm\nKmFcSR8oQ+LOkAvGven4XQuA48XFZ1ZNfZwoJ+y8edL2h5qqupgKp+b6cFYM\nbFzTShEc0TUseBQd0KH44KVacBJTkhNOlSTbobUN3EyQi7ZYRsr8jSBiFm9k\n0GmGc2gsA72SwWV4fwLx+DZ6xxo1kIrRJLD+nIfR2reht2dXUWCIQasygoVl\nVWovBfW8PvRHNswtzLppEjMHtl1WEXRsZZd1JfdP/iUkVWVBDLpF0Zyx+30r\n3zKTB0iMUdjTVRmZVQxcAKCX1RwaB5f5ivPXEo9bXID/y4cgD/jGjX/5YZZ1\nPf1Sv16iPfDGBu2jndQCae34yWfcFFyFV4agoHBrH7eG3D3ZIc7vWklkwdNN\nbiBb\r\n=IeiX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3557c74d7c4f9400f0a8d2c88bc2610c1d600199","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.05753cf77.0_1619221325175_0.06567460197543329","host":"s3://npm-registry-packages"}},"12.0.0-canary.ef43e6d96.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ef43e6d96.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ef43e6d96.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2fd3ba35557d1d53e637f509d9dcb039ef9661c9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ef43e6d96.0.tgz","fileCount":12,"integrity":"sha512-KEzQ7x9FhnORIbU2TGforYHHNxGelMxIUfYNjR1OcMMu23skvY8eh/rnazf6DmtpcOxeieGH2eS0OAHXAsPtxg==","signatures":[{"sig":"MEUCIQDl9QKimjKf/uHU+FDjzhFYbCRkIr7K4cGLTmZIWZ1oGwIgHuY44mTQ/1Jxj0HqqcOOjpa2wyui2i5dwqmrLZ4L47U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1zICRA9TVsSAnZWagAAXlMP/2XLqQ9f2cp60NtzRfsU\n5ZNPI8FrxEh+Fara4BfTwkwL2VTcFnGhUtwkxbSahvdNjzml1zkcxdiwRcCa\nCNVQtq+NuZlT9SM4Ij6KrmaFt26o2u5ETJopLHk/3B5EA1zAgkrPsuoi6riN\n+mqARZ7B+0rHqC5kh9fjz8yXnBBN5DTnA0sTpb1W1eINpnSdy294kxx33nDR\nSP58FRvT3JehnO2db/xNHF34AAq92fNe3gxqSydvox/0cIHUq4s2zgIC9lnW\nj2NDAb3N9UubqDDKc8TsbPV5BnSSJkXs6mYhU7Yl2XQoNjZznJpiddKVT6vx\nW1NKXjGeay9AlHt+0ovmXzlUyS5higUEkuQjEITNgl3YxmUpv7ACxXWyeH5c\nnUL6VrauhW7hIi/EblqCQYZuitH3dQCVkRa3LLK2JEMgIMjwpkz9/Z7Fd7n1\nX12Gp+JHA4P5RvsaORfWcYmroKzY/v0azP/6Fp29XpT8qkm6ZsIyzi0EyHJK\nkkb1yKW8aoMLNGQyc5dQdn9ukLWpxDRTNkYkJ0B/6ykF3hZA9ajAqKlB/vUv\nOvnz/ScOu5Bv7Uf1Uti8ODisZDrRReKqL46EHDcJ4UrbyeqAEQeLblKSI1tF\n/qbl6v6GbtSWe9KCwnS5Uuvr4mT/iYh7rmJwjVMTV9ovuelkpn03cEopcMEj\nNq9U\r\n=73si\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bf61e37f943b49cb1c3287501ad6fc31f8c88687","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ef43e6d96.0_1619221703498_0.29893674569398976","host":"s3://npm-registry-packages"}},"12.0.0-canary.197f64fa2.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.197f64fa2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.197f64fa2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e55c1664ee8319d352ec98ef2365d7990747f9f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.197f64fa2.0.tgz","fileCount":12,"integrity":"sha512-KZoxPbl0iCsESx11bAZ0qeAQJ7eqI6+nBX0T9AaJ5GFELP168uhkINDJX0TvQf5fgTNkEpeQrncJRaFuqHQTMg==","signatures":[{"sig":"MEUCIBm+G/teUDYne7xtt4peFBkfjHw7zFPRG8+wd8anHmiTAiEAkiRA6PUyayPoMDpOHyNK+WlFHC1eTNlR+UU4YJ8pJhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghvOOCRA9TVsSAnZWagAAMrIP/R/4dA2Eh7I6gPvhtrdY\nViQpeumfEE/OuUshpzDiU48nZyFEjcf1QpJw12kq7ddzeUw0WMsqEK5kDTaG\nX85aTym7XAgzp1RJ0hir6/YvZsIvMAkHvYPP6VUSblFxTlY5/RqEN7WP9juF\nIMXm3ZmttkZn1FXbw7dHNr/+9G5EPibuJYMxa2XFj4AR1Dv6Jbuqy6iZf+5l\nmn2oPFpCFcpSOVBP+J0mUKL/x5btgFFwuYeytSI0KiEAilwG1D4naMVJtXt+\nKtxfrj2FFDIcGCaPA3Tla6Ni/lyf5ze7usVumOoRH5AILzh8bHbA9i50Cmub\nhHLWtsVuILLy6zaN6HFfYhSP83OZ+BMZFcdSl1GAyHalo53BPOr8PudCcT7c\nvkveph+RZsHVGk1MhfosLYyHJgnNf+aW0qQFvrkmx2u0xCKbGuMx9IxXygDB\nUuUSDN/cAOL92ZxjOpK2DrQ1kvn0QWFAcbfkgLz0wZ86+91zy/6dxtOfcrmi\nQ+y1Bn5pUPXuKmIv9WRNESbIO2AiaMfkprP1B2Ktu3RDq7MDC8dgxNtXF6tK\n3fCl4gBOfQ3KB8pyBKJYDo/4taUAE0pjkE2+SLEqVcwvTJt8zbZTBIqjHOyg\nd87AYJWgI/3NghWpBbB5Cd3z2BH280eDqtpx3zQaWyl4e4U9ZYv2WM0nfUYN\nDr0i\r\n=Cg0/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ddcd6186c353b0d99439cebca29eb95eebc705d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.197f64fa2.0_1619456910432_0.8909882238033209","host":"s3://npm-registry-packages"}},"12.0.0-canary.55ad2d7d8.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.55ad2d7d8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.55ad2d7d8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84fdad94357abf2ee8de9a4c35be6ae0aab9740a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.55ad2d7d8.0.tgz","fileCount":12,"integrity":"sha512-23ojSPsEK1TpMkYMx/4IPUx5x/vP47LaXOoskAF/D+Kpk9WzpM55ChFDOuB4PWzIhkohUTKvZPAa3iXCMOhydg==","signatures":[{"sig":"MEYCIQDYkCI+MokibUCUndXvqxh4BFsydPF8STNJdQb55mMhNgIhAJc84Pmz0GNcirAU6d+lFNEmcKBzIIB5fvkFK1mAZVs5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh2Z0CRA9TVsSAnZWagAA5awP/0bbbcvGzeIzfS56gE1Y\nyF4UOFwFrrBZG73ev1Zya81P/uKy82VW/tUdU9G75xv2x88N08zkvnfdojo1\nemMcFPUdyki97J4D7vOp0f1xejImNSIkmfrJ60cniH9IakenLXgP09L4f9qA\nhZL5P37t4B7SySvZgpOjaKf223Y3S7tg4g4SpBvpkfoGBlCtBop23BgmHheR\nTqQx68XRZxrHgL4/B6EFxs34g0P5/Mw3q7eVVaEqheoUq8Od2qLR/bJ39pzc\nl7EiLb8YCXq/jCTrxX7oNzWt6K/rFtEOBi/O1KfO13MOz8JDoPSk54nCvi0w\ncFTEshFiybxglX2jqFZxX5cEZ6Kv149vO2MD7HeB19keVxmjDcFXP9S9Lk62\nc1xanOJUDxPKk4q0vIDvSIF6J0B7y63bLVBH70WhqDLanS9N9yJV4KdT99jV\nnwZEf+OnuelrZrxuyZqQc0c3XLfKa0UhcKi/2ROpBt3Ss29u6RuuLG+LKFjw\nFVwiyH5yMh1OAe+NcjjYsUYeZDC6oRK0G4MQ2jb2jSA3GzgZkXgD0XF+5MXk\noakK1OVBhbe3kdMdxZ8GNMxXm9lfAMfG2CF066qJksyf0TwIzhpovZ8mUYj/\nnzZiSFRgVIHqZQRB8IkoQvnJKlzDp6MoSdENnjg6X28QTFYnwxDlmbfquCTR\nhY/y\r\n=t/pQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed8a5f8b1756d56e3973815a51d6fc7e51c366ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.55ad2d7d8.0_1619486324249_0.17795377166718662","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec4ac5234.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ec4ac5234.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ec4ac5234.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44c18abc7397e5e92269c25ad32fe07d97b18afc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ec4ac5234.0.tgz","fileCount":12,"integrity":"sha512-RCFgMWJDV09MvLzZrmzTC1iDKvwYLG4IHxZZEQ/7aKeZ0uceeMk/8eaIyTtWwcjt8WldBDbQc5W/5m+c2SsPrQ==","signatures":[{"sig":"MEUCIQC+e5uLRg9ImoVRp4rFDOWdpu4atF5nZRk7VXj46c8e0wIgRjLzbkIJZuLwtEOo+vXr3GbNZdqTPTffEIIBD0vRP5M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8PtCRA9TVsSAnZWagAAnqAP/jpq6cZxcGTh6/22/qtt\nwdj6b/HWw89tK/GRfeWg9Z3RTifRA4qW+1wZMEwIBKXzSJ0VKegUwkFoTBdR\nJVFIsnvozrOhPWgoJtz1Ov8rEyYSdODXGmI1dW3nTZsxH+i4NY52s4c/s9ht\nZuy6v3dkviykJY7TFkai6fopF5GZRAky5Aa93zCNdAAYNDgRycv0qYk6raru\nMxH3Tb7rH+8HFGAYBpPoUCuvsQdVpzrqf9kQAGvUhlTFzY4ahsroKVXntpMb\ndanOC1XMz65FQEOf77f0tUK+MToHXAUD0/QHmo2/2T49SbmAvruBL7/fppIi\no9Zonrsbg57e0PioOrFkMK4Je4aFHdpc/fdOVBjeH7cDutAdCidrv/rSQpU2\njEBI6KycnovJU9bfdHJENX3dTQ9gJC8H3fwQs4hNwZaftijAYZvuHKu9oXYc\ngQKLK7C7lN2lblwSCips04PFy82J0Ldlb9OOLBeLrMbmbNyS0v9qRFkm5azq\ndg6zgI5zXtNYJrdUhe4Thnh53bQASLH+MLukwk2NGMw++1TRLw0E1G7BqWMk\nP9llC5a5NcPTVWtYGHLbnfLWO0wfz+24EdCGwDbEggmMGBQdRlaj2Mr9Gpga\n3P2VB+cpSgXDWtzVleW0KhrcChmI8L4Lj00iqLqBLra5YOuCAqkvaDEWeiL/\nNGxx\r\n=0Vmx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b189e0be8deb45b4e94790f21c377c3884f551b7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ec4ac5234.0_1619510252943_0.6418801281248496","host":"s3://npm-registry-packages"}},"12.0.0-canary.b0579acdb.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b0579acdb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b0579acdb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"688a6cb23b72b437a43104f8aadcf36d82e7d08c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b0579acdb.0.tgz","fileCount":12,"integrity":"sha512-hkHMWc7sYEi00vBzxKDQu/YbKrZjAIFSjjhBA1vTPaCN0/QrHPZICCIvbbF37vOzWQm7y5xpK72YEsBORkIhUA==","signatures":[{"sig":"MEQCID7ZLIopwlr0HsWTc6OxaDc6TB8Nev1ACCw/K7/qUevGAiAs/JFEiTzRq8nA2Yj9OKEd4rVlYx3FWZf01o8xIkmAbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8y1CRA9TVsSAnZWagAATm4P/jTk8tpR4En5JrwgSJ1e\n+YIOYN180X4ER25ai+j/SYMTx7WUBvaBZmfWca9rOCr6PlS0zWyOn1EKBiQ5\n1R9aOdFGvg6a+2ljf19ah6YGtY970MxFjHKG3i2Hvf/TDt2jEUNccLAE82bw\niZUH8jfYNpSpw9JlzLHrgEza99YpdNt29rjwZOD1jOQ7KAuVgu6wZoBy+koX\n+VAUktHUZNfIUI23P/4E2za/g+fgdPfltIf13Q9kVQE4yFnkwCHajM3sVoG4\nPEkLX3SiNlqK8Zkt/3J2++danaJBKEkiCXAD8NuyQgtebGS7Tz9P02ag7uml\nc8AEPRWH/xgf8hkY+cpvPz0JJhTdhA38E79DoP2tkaXwZsXzAB5NFEEv45oO\ndPUwTE5A3VQ2cZYxY9fz9UoEUcLFN1NXbrB/iLHSHb2PcQUQoFDdk6DNviPH\nQDRy1BZYAYg5mJDieO2S8jUdDX5OLiBmKZyLHUhIsUAJN82jKIEf2CXTVYE0\nFB5NWmcaE6yTxGrklYoJBhP+6ilrIMEqgTkLkr01jan40eNaUQ7aQYRnUnCg\n10slYpGauO/4X2ZIz4MJraL5hwHlxbNIYUQgSfnai5jnZj4KRxk/8PRwyCCm\nvOpY0JdLIFEacB5NB2z1wVW59HbtJm0vJp+EH+eCZqt07cf9FRNrOxWiMZse\nJNWS\r\n=SJuz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d1f704610766e7d0c46b8a40beb1848121809a41","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b0579acdb.0_1619512500977_0.44225836144177144","host":"s3://npm-registry-packages"}},"12.0.0-canary.81e2d4ff3.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.81e2d4ff3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.81e2d4ff3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9732ab29c06cb4911967308e61bb56ce615b5fb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.81e2d4ff3.0.tgz","fileCount":12,"integrity":"sha512-r0eKE7Fxj/ftJYC/+BJIcXAukNceSt2gMxHa/7k+UCyUHa3igUZ0Y5eCZTSezRT22Mm14Eo60TwCYklN+6ehdQ==","signatures":[{"sig":"MEYCIQCKiyF8H2+sY8Nsyga0TYH8TlxHlU7CrcmV4uFkMnjCcAIhAI7Lrs/8O/z/Fi3ksdWWjK3U+pgv6ZEziSYe2YtjIhBF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiHp4CRA9TVsSAnZWagAAoc8QAJqE/wJh8QGyKhU3FpIM\nLZimnUGgjK19OswJv+1PoSMjEVUBKM2fGqriMkNWLP27E3aXIpZPi0Rt2DCy\nsdO1dz2VE69UIKqJCvIcOxrG9bYbXQEpvNKuTNT8sruEBNRgMf7M7B5LpR4D\nvxP6LO8gN1uDTLzu9C6A1jngWbAx2IhLMTDHc7RfM8LmIRw5QtY9UnhFy245\nbbKrtUj2BsSRTZ5D+yGxxC2jHvRTgB185M/QCRpHKwckM8U2KCZqeFApr6So\ncVxzZLZVYr+tpArk1LxxZauQugEOFWEOv3u2oqZV3QBSDfUupembrxEymty4\nnrSBtE2+tdMk1VJa974cLkMCjTzxliSsIphFkQkzJdcFrvqcGs9o+EstBHeV\nTCvdWW+YzJrhChLxZfo2Icy2YwkAoTTEBZhTrqRjL9EZGYbekydFXLHAwnW7\n9qbLmYmSajnMaz8+z6MgA3K/3xIPF8MiGTDEy+XZFmG33x6IZDhVKwUDMblJ\nlBUfRje0YXOa/U8aC3Kl3RnzwqGWeZypCB/On6GHE2ki5dABZUZIA9pz/dOW\ncqmfhQXRhOLok9rMSjc8IzM2hx4CmBhYCgqwupJat2MtbWJoe3U2v+NGAM6b\nq+ccqt7OTUCB1yRrSpDRTVWwBzKzEvJj5gPSCIQDrpz6ObndAVnsX10oo3Tt\nPzXM\r\n=GWGy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f55512ab74610e3f3cd0db70822ad9b52b9cfefa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.81e2d4ff3.0_1619556983488_0.009881266800146227","host":"s3://npm-registry-packages"}},"12.0.0-canary.c8edee52c.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c8edee52c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c8edee52c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"daa41d3fa4d3dbb97714634432ea5e35c4ab098d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c8edee52c.0.tgz","fileCount":12,"integrity":"sha512-M5nhQ0jyYDug4gNuFBEVawNb/Luysrjs2iWhtbpoErEiudGkgsASI4c/xmUsDH9Yzecj7nQr6yBXbA8bOAoJ5A==","signatures":[{"sig":"MEQCIEfQ7xsY4+nZtuYtEliB6M+taw9i4xA/xRxNMuww6motAiAlEcj4HPaZ98GWODtiGd/9Y+k90FukUM+dsyiM9Z+7Vw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIXVCRA9TVsSAnZWagAAqGUP/j4z3u35zpUUUgKWXjQy\n9IKmoiGN+tpQ+9l8tNHELtBXcEEzaXTKddFiD/GEzUJS4wO3d9sFLtJCix5y\nt+TUk+/amneQdtO4Kk7Dj/bVcgdjopSPvxwRoD5VJjFXz53CTwDSeoZpo6oU\nb+XO3Nj7yDRDCxV5wi7dwIP/uPpXD+73wtTFJRykfw/T8Q0KRY+Ss9u8/Ta7\nf5xcQJvy/m99Agoh9k9nfmguGobr5Uizd6eXnXEsEOc5Y1S1fGMwtMeIBm5l\nAByHaNfbojwuCXmNiFYFcLa6YL98KEm80wHLruuKFCh1HwnJpUzYGZRlRWmd\nblO4g33qszSg7EUQeyHuk3Yp7t56/Is2AjU7cCC3uA9+7iVzr1DlqbZwgccQ\ntjQ+Q9Q/GBZyk7uLBTPKd4hHL7fH7p51NRKuuwLcLjH151olo689jW6JdjYX\nGYMqJZ47XUsRopgw4wgFphcfPiXwUceybaULjvU9eX6un655OcbZs36pDlrI\nSBMoiTymRDs8DOzJzc29GnCdGn3XEuMV9seLrpwxUM8G93TMz6kcpIdzIyk0\n48E87QDUTL7gBjeW4+Z0KFcwOoQpLm12jbfMRlEPLS4jp0FPiKwOaDEFcRDs\nfaLnVky+UbQlrCQDLwjXGoMBUS0uN+geZXEnO7M435QovXjN8+jhzRK+c+YM\nvIHs\r\n=/hS/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e8c7902721c81225e1c8b750094cbe6ac4666a0a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c8edee52c.0_1619559893417_0.8162707472410982","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5b6110d6.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f5b6110d6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f5b6110d6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4cac6fa07348d6631e280fffa23e9049437a79d3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f5b6110d6.0.tgz","fileCount":12,"integrity":"sha512-HYaJc5j3/yGrQb6XC6ura/B08ubRiM7TAL+H8sSm+AfwjGjALzr2y9sxoPkgm/Pmf7+cBHwRBERFx6Ud603t8g==","signatures":[{"sig":"MEUCIQCB3tSxgQivHqMho2RCXQ+3DKsAMtvf7gMGc3/YD6fzFQIgaiVPHxMpdTv5+XlOh2Fc+npddcQO+rAJPQCrKBWK3qI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIrfCRA9TVsSAnZWagAAgIAP/jLKD3D6aZ5KfOOOzkFw\ngBfArSbnN+LpTRhKz9TE0PgqBdGEZmmQ+nZWYQJguhstZnI+g1eDxGdzLS2r\nPfVUum2dEEQpDHOzZJerzu6ngbUYiO7EBU7IGGgPWNNKQtIuLuGdWkat4eA5\nw9p1hQC9U7HwLVwD2sQ9QlSSFlz92wLvXbd6Afb8EU7VTdYqbKJe25RVGfEv\ndjgDlTvlyP6610ixnuZ+trr2hpWb/jADNMjwX9jSdvkf1te8FFra5jbUvVCJ\nP3FUA7fwY4FbCaW6zs1FoqwI8TnLd72vOxZBap3WbndrVRAgSCuT3nBMigaS\nJZ0M5oKuZ/A4hdDY77eF5DDZ+jc4veXCuPF8IRAQUSEChyLMDnaTRJC0Fhl0\nBY+RhxeMkYcvR8FHxJ6hCETtw8U1O7LyHzp9u8EcRc9VKI5N+Co0hqJDcU51\nFcvK//P40blcOQ4pSaDpzBSsACQCgqrI+isdppqH9uVPFCvU7y69MtyvTDXG\n8AfAW+dTamws67LIku6hgESro3fy2D7K7YsEWkApYo6DXNN+HMM4joDlZrQz\nlCzvLY/7bBg83UvWMAAhiHTobBan0CtpXU/je72reqPLxrTw0kVPVU2Ro61d\nsJ3iWXp9jw1a8JFRw+X+aPmthVpKQZjJfqCDIce1AXlsHA4ialbBsriXqiYq\nQy9w\r\n=ewc7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c7be6486c9ad6826105a70187add5afee2a6b50a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f5b6110d6.0_1619561183443_0.8942795027419725","host":"s3://npm-registry-packages"}},"12.0.0-canary.cee9b9e22.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.cee9b9e22.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.cee9b9e22.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"302b83a86a85b084bf726ea160c0f40d734bc0a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.cee9b9e22.0.tgz","fileCount":12,"integrity":"sha512-IkM6eXVjyX/QPbPTXqcJSQyJ0FaBRAnSmi3iCCdF+W2HQvIaTYYarwhuAN0tcMb5E+PqOtaihKR386qC58MNzw==","signatures":[{"sig":"MEUCIQDThs//Jp70zgzsJvsr827yy4ymL5VbMi5BkKVeBbeMcQIgQaY1yJpln+g1dhcgA1rMNSKBHZHZetCXuPm7DAIirfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKg+CRA9TVsSAnZWagAAL18P/R5hNfew51Zi+Tnuda37\nxW/qvtIxewGC+RvqmCIMhfeK4G3d/Hv6GNMUhsocjK/NkHhDeAJNXhI9eqk+\neQer7axhyhHgt3POITenu9NWr5mBD7nWajrM1USbHrWP8UrJYORt35Ben/D7\n+NbWfKjO8AQ86jhHOx6nx6wbyFl1CKvEaOUYtPjODWX5vMmh9pq6WW3DFd7G\n2W1rosI8lYH8xzwZkNmsClUsoxErhafOwFKIkFMJgfoiz1+4GXzStXsjVaOE\nJZxQzdFoFIb2SdECXiMNDQsnwYN3xTvt3vYmdNxBv9Ger2Dl86eEjJJo77lb\n4Ov9WLXh2wYrDd4jyWb9QZ7MZveS4kgN/BPB5KyFNn8EJ925n3bW95uUAJBP\nJXWiqOO90IHwBlin1S4l4j1N0Aez0kUxbawDHy/LN0fK9JxASyXjDj6QtJvo\nVx7WdQ5uu3bJnNYKkVtdsnJgDfU1xxe/HXalvCfM66CJXj2bVVgAkigQrZwK\nfHJQLg/rAKI/sGGeYyf35CPySlNjzRVGNNfK5fRuxg1+IBkhRGPjYVJuQ+Sb\nMpwIowqiGpMAd6EWKY3SOiO5bMJg81NbxEUNqLHcEB3CVXyz3ddZDGaq7ld9\nRpU3oG6eNgNKZNS+f1OWexbUJNOBxjDMRakbUAPU01L2Fs+ootfSigbKNhhz\nRDU7\r\n=c4pw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b0c779970f0809be4565910c1abadeed4dab0377","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.cee9b9e22.0_1619568702426_0.17152843043696753","host":"s3://npm-registry-packages"}},"12.0.0-canary.96e83fca7.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.96e83fca7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.96e83fca7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ec18246b422c86daa550c061103c6a786bc11be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.96e83fca7.0.tgz","fileCount":12,"integrity":"sha512-vdPatba7ExBxKmm/NfbghP9v+fpsqLGw8Ij8Bq7wm1hezGbMLWWethMAxHXyNM2NjVBKC8gLGsOW0nHfckI3ow==","signatures":[{"sig":"MEUCIHcZf1gJbKqNkUYcuJdB8FBMCi7OKNo3y8x1hLWokG/xAiEApS1hRNntffF75QdvUQbqhD2nfxcwq/akAyWWissinQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiMyaCRA9TVsSAnZWagAA/RsP/RTPULD34krcWlQC4IIH\nxla5MbJfh2wU11TE+37baXW3Fwcfqk36Zv6pWWjRyP3izW5pRAUHrCVn0Gdy\nXrmRDwP8HwhssiM5wwD1iofPPxWvLlIFvIehOslfXJYiNcvG99WqcT3XKB5B\nwn2ZK6MeuTppRvv42yIKANNLs4UxKNRWIrdxaTLT9mPL7oEajt56AcdQ8+Qz\nVDQhhX9GlzEBl3+DO5CLCYxhxW41PWaDVj2gTe8gmcF6IMFMrXCBy7eV+hfj\nyf6NQk/mGDX/wAI9zA8fhw/FnJsC0L7ZNa5KU2HhPrsbd5W0u3xrL+kDqXAE\n3Dj6JuEhcDHvHpXL58sp/oFAFa+3ovfRjc+CqGJPRBCjLeFB/1+3vMVFdX3Q\nAY4ZdtAIi5J2vqgMmy8KwZESsS1qDoPH19HYTDH3q5pGlRh/Tre+GlOuhRMj\nUwWhDrD4aBQ7tOCy5jtoI6EfU6DrGQGyJxexDkY2BBs9iAW1tCpoBcJyhLYL\nVtMUL/P1gs0xxbeXetOsWz+LGMHd06xThp0xmo7tZcOadLSSf7VRYzhDGEVj\njobcfB06DH/zR+wDAWmZL5t4K5YFJM8z81XWZ2XHRr3ylOId3OHlojaeGbuV\nQnJ2j6tU1g9O5x3up/n5R2kBq/cYirp0dbC2wFpX1BkU4mCkf/oYewxmLdBs\n1M3x\r\n=Dbup\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"377f0025088676d544c1393884e5f27e96143f16","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.96e83fca7.0_1619578009918_0.4936863309273323","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c497bd19.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4c497bd19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4c497bd19.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e3f6c5b59e6d576b8d3d7d3a1addd56863e8960","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4c497bd19.0.tgz","fileCount":12,"integrity":"sha512-ELTy0c7aXkxRPGMhZfGHtnw5cqhDwQ5JZizO11l4TCXXlFCrnd5icgMSg+nL2iT3an55x942XpFUUa60PwxzRA==","signatures":[{"sig":"MEQCIGIG4MKL0hCupTMV+N3KJVGFeU0+CQEBM6ecWxLV3LUWAiByvSG+YOQwnvLqpmL0uBt5qYSRkaQ6sVXNAnJbNI725Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaDZCRA9TVsSAnZWagAAM38P/RMyvSWZNG1yWt3f/Mr2\nwVGB/xHBFDKaPBChEqKPunDk1VMzMwUNXJnlAGhvqpm6HHBRJYGogxZ46Iiv\nFqQtIkVLP4Fj6qY5Wih4wfgpdbb2M5n7RlFOqrbJO4u0PQbmDl/l7gIlWstd\nZEM2ko6EJrG/vesdM8HvuZx7TRA6nJdZTyFiKrM1y50LBFEtxoNP2NpzsUX2\nVbov5ody48ZbEgrI4VLVlfRDUIrFwY8ZP+ZfQDEf/ybYDYeqt9pKudBu+kZC\n9ECF+Ts+ga+HoJ3vketccU9c9v+3CaCxv9iq4lU75AOLtbEsdmjugrsM4sle\nOEtS82WNVYkF1P35tZ5hk8idk66F4pi/Abj6UDKcksywndsWrzYlS7tivx7t\nKrt1CaCvZP8JX7ojKXNIxgr3es7l83fn033bUPysOfW19ms1ABW244coPizg\npuc6Z5JCU0boKUeGL2RAT/LeJJXyUw7MYDg6JLH0TiGKFniezNS8Z1MElxEh\n+a3dSk4EQbzgNLxZ60ZDOQ1U/1G9qVZxu5JIXXCjDqSKCSvpsGJkZ+Qewcv9\nZzlsNtpZvcCgPYC0PAYtEyBHkIQSZrX64L90DLvPGAFIcGvOw2aXnzpFyQjs\n7niui0kdvByO5O73IkKG0c1WqZkbnhKwm2JCwI+vGHWuf12YcnRpuXPv3Vjd\neA/D\r\n=FdIZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"beb4a14c8f43815a21024c26a96e3c53851a9b41","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4c497bd19.0_1619632345313_0.5160361079427711","host":"s3://npm-registry-packages"}},"12.0.0-canary.105b15b96.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.105b15b96.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.105b15b96.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e436d8a4ded132c228188d43b49fdde0116b4476","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.105b15b96.0.tgz","fileCount":12,"integrity":"sha512-TsdvMrAVs9Wr7Y3vwTPGr4lWNnEE3ND0Lz0Q/QJRKyI4tF9tAgwrULfCG6WTjU0JpV1DQZ35B3p+sbh8HRUA8Q==","signatures":[{"sig":"MEUCIFHKVcMJGOyzkBZ/bO3su1jABR1roDe/N+DKoqD0BCyXAiEAuCp9CXXecpW6Aft43diOB9lOtlgW5Zv4mN2tlZRRXjk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidcHCRA9TVsSAnZWagAADoIP/26f1oGwr2MLmV5DcouW\nCLKlrFdOxtHTjvQI13HMFI74sTb+f1t3CNZV0Jo/4NDrkuX2lIgoD/adUiah\niEAUvxOdukkLGJLyppHiyHWKwomj9MuIRRI2kYVj7nu/hx/tW71eJKATkJxc\nKk2q6Oi8fvWKAJFKg3cck/b9lS0+rJEm8YXACVPr/okeWmvyCSUkgl+LfAZg\nqUIphLvmH2P+IziHYzDxgZbPEtTf5/6WY5u+yPGxcwKZhU5c1lE9XiLB9Dd7\n8+mQE/PuUz0v6y2Rs/JXwyPsaTzAoJWd/AFSGzhirl4yvu4SYKxCR3CS8zGi\nfrsMkRe625lvfVS9H7VNMwRQxPxJ4Fz3Mcnw2KW8Y00zPNjHkqaIG80A9QIF\nigEy5C1NJctdlx1TkpJ+hkA9EMUsxHhexN3g0d+2iSeNCq3QUb0g/eAi1fxK\nF6NGb17CgUTD4TeIUoXjrCyfReEh70fXbeuBtTnaxbPqjOiUgLgDvNSpHdfR\nvz+xesmRdMOjMUu5e/88ZkdV7F38izLKBOIKbp6Ypjh0veHzyURlZqcbVRdN\nBXKQEkiop54rQifrgsVp7hNNGneQCsaT3hIxWuwWPDC9Myd1wjBnz8p8cQoP\nqcXGcolno4IBsxVjmnkAehtZAcFh5uQB3RiX4WdBpZiLRe+ZzLEbEwEEE8//\nZo2S\r\n=4Nvr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"762e9351a26c1968c772104d6d64f7874c81528b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.105b15b96.0_1619646215437_0.8055786321295684","host":"s3://npm-registry-packages"}},"12.0.0-canary.6e20259e3.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.6e20259e3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.6e20259e3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31ffca913c41415dda3272eb7b76c0accf9d3d2b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.6e20259e3.0.tgz","fileCount":12,"integrity":"sha512-5GVuJ7yu8R7jrzMuXae3n1iW7waedqdPOvLDsqQQes6yQNNHOUvJy8cdh/BcFjs5KtpuxpvRRfqgeTXmE2U5mg==","signatures":[{"sig":"MEYCIQCvd7qL1rnwwfnTFLsX/6GAbrtIltRneQt0VDbJ5dmv9wIhAIPKcPJTaAf1TY3jC7x04ydapout8C7pvTj7awrtOVN1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidgcCRA9TVsSAnZWagAAe/AQAIUJY30wr065ydT6nPEr\ntJfZD1Ewbi4lyb0EFLW0eVx+YqAfZe4nrezTERL2PNmotJvAoXEh6GgStd1k\ncp3ZtA97IbNuruzWLBLi7fExYxBgvHAIQ8Zq3Cvs1mJcIS445Ct7DZBwt3LV\nxjt+UeeB1BNZbFET34s4zEEjx+uO7zC4O1MOiGGYyRKhGD+7z5MoFK11JhNr\nARzx+mxm24LtAbfjvivu269hYhRv1WDeHasPftBLviNZlLmpM3lQaKAJ+Oq/\nul72hwGbJ6LWZ/111T1Oe++yPARoHIlleYVxG+7MZB2fwwL8nqOZ/PVPJWsZ\nvxFJIfLP9LOJdenEpgtc0HajZh4qJAmRRCT/lM7s5sAaxKVn/KUmwPHAdYBN\njZhINi3Y4979XaenAJOGTJLXx64SRt457GQ7fWtav8ll2oMZRkeEzeLXEy66\nbkQ3HutUUULPvMlV0+cxroZt1r0HDo3T5Wc0U5hfyIn4VpYD1bHBhXh3Sxrf\nVSR7JSeElMxA6pHHrBM6pP++lomZQRdO9h9EHSXkdtLxsoC25bN59A8wFiSc\nh25b6R3GwJ0tdmt9QYKZKnQsvwvGUVAKVK2wov0EIwTL+kJzQmBKUnU8KV3R\njUOgYzVwZBaH2gb6+PL2KKPl1b344nx3CDG6r6ZUt+h00NU5l2AwGWDGmKdm\nx999\r\n=ioIP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e07864b42f463f977fbd0f9264b8930da72711f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.6e20259e3.0_1619646491539_0.5275774439641765","host":"s3://npm-registry-packages"}},"12.0.0-canary.0f79a5d74.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.0f79a5d74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.0f79a5d74.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b78697f93092ce731e6edf63d71e0bec8297cbf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.0f79a5d74.0.tgz","fileCount":12,"integrity":"sha512-tJ6IX1wfTTzeDZDWz/6ySB9aJrLtnC2FfHyWstZQNE+0S3nujIR+7OsgdisjtwnKIXHEmSDjA5h9QnWSMTVdKQ==","signatures":[{"sig":"MEUCIGD4btwBGAW2b8NgD0V7KNmF9R2aPbosKestOr7AIbt2AiEAx0eXgIFSy9JsowjdD3R4pMYxVfoXWHM4oiUX96nbE8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgieSwCRA9TVsSAnZWagAAN58P/3EJYnnhrWDm17PWImXn\n20Eaw1BQzEPA08cFfJZu101Z1S5I8e0jxaExe4RgZzWDg76NAnbMzK2A3tYL\nXB7FMeIct6yrVgyTGC3Vr3PaIuo/7k4ApG+NNHnSNQ0kNkL+XI5cRTyZZ4Ay\nv7TRTvzgQTluSCgjSTymS+SgS3E7jo4udh2N4dVA/FvPtzPCxpKoyt1nI38s\nbtR16YTCogMYE6Bh8i2+I6odr+ibWCNQrumnS1wPt67DBNNl3eA/gLWM44K7\nlR4kJngoEbPXJQKfp/f+xkN20E5tr/iz7XZ1wozqAeruWt/fmFoV4V2m/sHn\nz8D+E9fwM0RYL48zYo8jPwRXZM1AZObUFApqpFvkZMUELtYr8JRGtGR2lntJ\nW+SgLNvhlUpMJW18dHZB9Z9de3HcRnPCEXamN7AuEQSP0a5oB6r6SqOi+SS+\nvjJntWWX399vVMQsXTrBzzLY0aSfJgaomvAmkBDN56wVcik/gZvhyQOAtpUU\nZIq1tf2WY5fNvtu1KxNAuze8sxA/89RnAD8menU0RocHFQSYzk36WBSWXM3+\n2i5oyFbAH/Wy3CIPX+vxb6AE7fgkx9IgsGXQcCZyVhb14KUBV+TdBtVo8Fi8\nWLMmJ/bCagjYHw5QW6OAD9Xxph9ydPCcxcnApMuXLLnCy1vOcfcmH556S5Ak\nRIgV\r\n=5m0E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2fcb990c07fcc62dc025eb258f87a8f04f08fee5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.0f79a5d74.0_1619649712531_0.576876283575793","host":"s3://npm-registry-packages"}},"12.0.0-canary.84f3db9ed.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.84f3db9ed.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.84f3db9ed.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f50485203e5a0bf56b3d44a2ef6a4de14f0ea9a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.84f3db9ed.0.tgz","fileCount":12,"integrity":"sha512-siRhmssfTlDPIEiu+/CuqGCW3IT80VjYOyB85L+lYNKxdjeKjT5zIvzFGfqIMN6tDKe1k/Edip8sd+aapqAAJA==","signatures":[{"sig":"MEQCIAsR1fPD55Y+FrZroe02WgKAZcfFaO4zWJOfFYk1dK9ZAiAg2Ydb/HAfnisC91LOWEj1VqSlx4XtgfqPYyNgVCoVWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgir/GCRA9TVsSAnZWagAA5QcP/2VKc8DuFdk1veSdAQ79\nnlsioZ0Y5UBkcH9sHGbrrnCuw+YJW0KMD/hx7bb78ZFClfobVTkckGTiZu3z\nSheXRNuflOFsrOmao/4sQlrmyQ7LtJMHw8riA1DsP4wDI7j5emtfH08aCAOj\nvR6TzM+Idf8TX5+9g9m6CufCh047BvASkcyUK52ISm6yByZ0dbJvPWzXi4Ig\nC9qEF5NZTGZsjW+w1OsBfHGinGgaqLx6yEbTfzPjU3HbIhJkVQPQNR4DRZuw\nqB24QhsDKGx2wbH3uyyFlqJaisDwSA15FdY9H1I9IkS5boiltw8PGZqXEt2n\n2HpO1Pe79WJZFh9Dh0iCw9/ARit5L1xZr9X/72hf+Gct3f+TDh13K/tMhxpM\nVzc3qCKyRLTkknirkoCT1GxfwWTqGh3aAJ1+nTQ8moSWkUzQ2GiO/l7TcJCN\njAz0J1/8ePfOd9XLpR1azerkvMy6NuqoWZYVSFh2YtIwvSCUpoaHvW/Kxxs0\nHRDev6fnh/Km778K8ETAdaT7VOa3u/KoVnvtPTVcLR8HK5WPQY1MdgMjnes6\ndHHk+sRTfeFLct7r1lk6sse9QMWxQK5HKbWubTRQ0cn69jxKCu7MICgIlNwD\nAPNEQ8VVhaiEplNpEQlpZ4lfNdVfy+FzHHaihq1chAhAtG+fVgtxY6Mh16Oy\nqUk+\r\n=09l8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c4b7e41edc7737412479194451432cfd33839b4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.84f3db9ed.0_1619705798508_0.07267949500957238","host":"s3://npm-registry-packages"}},"12.0.0-canary.8fc29273c.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8fc29273c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8fc29273c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9cc0b9f736cd32dcc91321eb86d00def3b480f37","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8fc29273c.0.tgz","fileCount":12,"integrity":"sha512-W4di8QgRGxfIyMYRcn0fvTTVvlOMHJCuxl4Bq/Fa7AB8xJgc0H4RmML6m+HdbpLYpLUbhc2ZvA/1lro5HvV7fQ==","signatures":[{"sig":"MEQCIAN49vtR3LY/XYt3mPblzi26E5/zb9d+vxbwzzWE0dZVAiAHDRii3xXiRAC/pLEeeiz8Mfry8gu5LIqlBJfWKMbhIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiyOGCRA9TVsSAnZWagAACCkP/iMuEyYSJNbIkfnw41SU\nBJvY9wg+gTibEq6GHXkh2dR3EgQlOHaZ3G6WZQiPsNlFFeaN77O/FI5oOHeW\nVqdy9sGtgSTDy2vLDxMtXJq+ltphAMnsi8+IHPRIgHMQsAH3K+HxUkZQfP6r\nqgBJCkmQz2OMqhRsL2q7T9wWRXUua1kmZFmbgAKQ8tZEHVOkiYZcPY1nlEcI\nhUhRupw9T/gIqrXcQGwo14dT4bOjh+yzrP0liGloNCl/kLFLHY/VpkD0dc51\nOEfzhKgswXmy4N7YTr+4iS9SawmLHhDn1x6OqcMh9+XOqM0TScwOWqE/BWS4\nJImFv8VcFpAgNfesZMtKBDvNpuiaaC3a4R2aKilhVnBmt9sjsY28r7MNVAAB\nmLMgKGPrVdkrfgdMIxH4wUDT2X6W170tYlDBUZ70cepXFJAlt3Fyz85jTQtn\nJ4Q3nujLXUKLIUNM6X4FUeds+UMhf6t2BoNczF7hDzVDiMiee3bYxNo17v7M\nDNz8cODdCFKhkyvXgAzF2E2bfC5C1N3ohXfstC1DTDEpaE0eftbpl4PHfGCc\nFhUIkKhQKfeYY+INfPF3UCn1RCbksDXwFZ+usi74c9hgvz49CPzt4nEiH2X3\nSziojBesHZeh/zcY9TtT3ADazrKSNJidu/SnvCyMyrWpPXYrZs66v8Fcdqeq\nM06F\r\n=IdEu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fd877c3e50788fb95663fb8213bcd66f347cdd0e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8fc29273c.0_1619731333979_0.9779909264087723","host":"s3://npm-registry-packages"}},"12.0.0-canary.c50d20bab.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c50d20bab.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c50d20bab.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38d9c50f65465ed622750d95004f0bc8c33c3b45","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c50d20bab.0.tgz","fileCount":12,"integrity":"sha512-oFIHg9KwnhqAddjs3G5KgPyLx6Bg4fem5AEe8h4vyUdzuQDQNl9pzNBOTFjciqA+hDjpf6Ozb7DijwhhVyyG1g==","signatures":[{"sig":"MEUCIHIHVlmvUTq2OlvwUxW32r3NmuhYzB4qiJcwwvkqP+VfAiEAx0mZbF7Nefs7K2I0UX5Z3b/V4+vu5WCrrlEsGDzGBwc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgizqcCRA9TVsSAnZWagAA4dcP/1oR/br4nfbrbjWTPsci\nKWWKuxkJguyz3DrPfi52FHK1z1os/t5hbaF6rPGkXNu/zjPo06rA4GIE/aQM\np7BGuWBHtr/2rakwFzfnx/Qn5IvTE613GNvxaCoZcaA+Mj7pdLOCepQno4LN\n9BncuPKn9Zuv5art7bz9I4gqC2ztnIvy3i2i6ovBN5QY3igQooERljO6FKNu\ntlx3ga6MDxOwTLViCxay2/rEBK9DUjlVle4h8HDcFnBJEG9lx2D5AI0FQlsS\nodbhgZDcYKW+Jw4nVxdS0OFE32vzC9DEOi95645I8scOUPz9cikn4YBQ9srQ\n1vA1DgLDFecDWWC02zt0nCVhcCsuoLYJRz5JP9Ius2ZpaVH5+msNi6KwvMc7\nPTG8LZhXN1D6ON8e2LHHeqRI/PlwAGpOrw5u47FKKHN1BQdTg/gnKARjTDLj\n5+Qx36mHDhJ7/fxcAMNUPS3BUCgYW0p/0ra7YiqWe5qSJgCR6c2D9qgPrApX\n9mnhBUfUjR67Sgx8AdOcpV3zlZesmUGoTElYQ6gTxQEVSc94IDDH5f9m/itA\n28iAeTrDJ4Ct7p2p+rFHIf8syvZpogtMWq6FVbZS3oZ7YAZ1PqZL4e/zTO9/\n1OFaYMev/tKnsIXScEpdTgZGWuy8X1Sg0I8vMANqx9YUq3gME+JWKKVnjpQO\n2IHx\r\n=OcK3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2aee1fe5eaed5267b0e67f1610c29dd399d323c1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c50d20bab.0_1619737243978_0.31203702974476255","host":"s3://npm-registry-packages"}},"12.0.0-canary.474836ad0.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.474836ad0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.474836ad0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fae365f2907ff725a5433fd9b11c6cb0df61dcb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.474836ad0.0.tgz","fileCount":12,"integrity":"sha512-m9oxxAVfkkIFefVytEklvg0ybKRK6TJR9br8+VNyfhU0qelm2WQ11hQEeN3SgnVBZCTuZian/QWWusOFfgKonw==","signatures":[{"sig":"MEUCIHQiJ6vWUL7xCJWpJco1hdm7bfVQQxaIA/Pc7Yxx5ERnAiEApkGvyRpgehFWBxvSuyys9FdtzrISPfqcDXKI9QQpbLI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjMzECRA9TVsSAnZWagAAzTEP/RZrvBTmIs2RbvugndRD\nEhwc/MvbjsDEs2QqOMtVACkkj2nCOs4+/1WYQq/mb+94rRx49H1LHo0uJC6o\nHkgos5Im/B5GXnXJm5/Ds1yVaEJ2fJ+P6m5xS3onT5DaYdRd9r78KJFG4QSN\nIVzsdznhbnaG9xyukJGlUk/6LjT+QEDyNpL6lDFFZmfqHDCscBc5YPWZnW+s\neGDPfntl6htEeHqdOlUO55bW9AEv6cQq1xkeDI3563i66bBj7WdaC9IrqBs2\nce+MxOSbn0MPSRZYrq9zTqTTN1LU1UcHLWgKfV13OP64z5puAjIvZO8yYLBC\ndQKQQ/M/H+UFdQspKbYDcCHCoBxxZ3WjRAkuhUFLyi+wAQQ4zhGv4S3Z/aSs\na7gTjE23rRj6wP8flcjqP71xhlnu94JdAuuk+Lm141FD9ShHziONJ6FAcx6F\nftECeQVIGlSXEjm7Olnq/tXq7BClSiolP+jTkUQ6mnLrrjEP3KCAp2nb644D\nXp5/CQiOWWv3hD71kTLq8V7Fy2rXmL9z8BJK7ChlDBWIBTor9jM898Z4El0g\ncGeRpLHutQJdooULTEbUVx5ZSwx3HlEz6uZDaG3gj3g9PVXtM71ti3PKoX82\ntHoG/4AF8lMO2tOCffcdIbKHzTLJ2Iru1c0VIylRS6GzDfoxb5u1pJIBksWF\nVKI8\r\n=0sR7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9a6db3013566afb165bda88b05607f2ee398718","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.474836ad0.0_1619840196380_0.8856656712716424","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5ad92287.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f5ad92287.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f5ad92287.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ce050d7bfa7923ac70e020f725dfc1cdfc8beb0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f5ad92287.0.tgz","fileCount":12,"integrity":"sha512-6ZFN5Ps2LGpzU4+ECYUvBU3dOA1Fl1xQQe2KgcAntHbnqUrz4IWSjvxZrOSibDEr/jvsW/0+z8yg0SYNhlNChQ==","signatures":[{"sig":"MEUCIQD5vXEMZZZwhhsTn+gOEioTufPtxv2CycxrtIoFDbl/AAIgcmKQAMYRGfDYyhvfTa9EtquTrWuwujkH7zoqAgBnyqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkD8bCRA9TVsSAnZWagAAxHQQAJAZvZGAXsM5jYUSLbhs\nSQthglIcw3HfP0/3DDgB6yFprUb4vDdnhIpdkmHjHfBiJsW3//hrRCxxZ04c\nWyMBpao6Ca2Np5vVgm//bMKx8NbxSuBf9KnE8Nm+iKlp//Qfq/u8JTAn1xYF\nNSkTjoRe8pb95J8JzapvoPWztDPlNa6VxYphB7h4IpVokL0XoFYvFlQifyfw\nMVHnZ1O7ZBAfKYhSsiMSPXjAduc5Xtd8wOJrIn1MCNxiLHtDTuGOc1OVxJh4\n07IIlAhiOGzWjgCXbW1TgCTWUfPH6dB+6V+fde9UcTlW4q3RAPOKogszBLPy\n2WWtTp2sATchCRTo9aRGJ+xOR+QIzz0NpjxlSDPCfMlg2nlDJzdtxURe2hD2\nb7rSi2woVjg8tFvZgDUcRo6KiUFhdyFTcUR6yN5hls+jaVlFU0Q3CPD8cdzj\n40kAlWNB1vk5x5GHBdgCwf1Qy6Uaq0oOCcCKfN+YKK6KRiyJZjsj+aq8UJ9h\nMSocCMqsMcjPgZ2mN5141Q1aBCkNE9ELs8vWlsZWcGY/LCi5ndCjSzIYz2hr\nebGoODPMLmUhPFUIRNsLLXZQO8VpNxbzNyVkLq4iLUnW+PI2LLsp/0irrCh4\natZdvrEjO01RMfrOJvXhnYrHR8kMgoyu39zPoDFdqS1JhWxf5nAHD3J6iRq0\n+RTg\r\n=2uz7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"493c206bef4cedd10981093c61731e1c1547227e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f5ad92287.0_1620066074978_0.7023404927216215","host":"s3://npm-registry-packages"}},"12.0.0-canary.af453daf8.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.af453daf8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.af453daf8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d850d271f9a107ea604cbe3598c0fe3d31bcaa21","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.af453daf8.0.tgz","fileCount":12,"integrity":"sha512-zNqcT7jGphgAa6pycdBo2mWWKJ5nYGxSnFTqfHoI90idoXaP/Jn/ONW8E7KQtP2zRszydRNKiSjt0oMK/C5//Q==","signatures":[{"sig":"MEUCIFhI5DP5qXVBmPwBKS0e620X9AdLj7ZVoCF/X/EdUHOAAiEAh0ErsCnTd4Lr3373zNxbTljSK0//+6U8JWH5i49Tf6k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkEZkCRA9TVsSAnZWagAAElkP/AjYTETIUC5C4RbghqKf\nRWLbidctKyzA10tGfMU/iit3guzzhb7hu6ZoIhbuZ8rH+EKQUngZWXJjNTH9\nh7GaVFCsVq5cSuhLiQE408CpC90RVdK+aHGnM0oti/ill7Rcy25bA0uCEzFr\nHu1PqWtdIbVpkoS2MtByg3BF8Q5SUPovN1aecQcJjVNaS56e4n1GePkR1+wY\nEKCqkWGAN2YH2ByAIQeE7OQqsNd+Mhz4H7QFF9O5SuAcDuEoDMMcED0dzInn\neEtZizgREnsv7eyLiqRaCbUSSAGs7ECdkU+V+mitixYLkQ0xjst5q7OlN3MD\nlP9iXgAd9s0vpZM9ZY1y5jfllXw8lnS183n/M6AdS1uB4rmcqbu1RV/r464S\n69SwmVO2T8h3H4U4LpCfhjL6nqWzF8ye1R7addGToeaM0mZ6o0S97+PY7tBg\nsnpisxHcnbrO5OwanJcc6dJXqnssQbWIlNqa4ncAZ7Jc033STk/+CvjkFjKF\nG3vwStzBU6Pa45IgVYYsCDJxW1wwLqSV19x6X2qEtzHGR/u7BP5KRBITz8P1\n95wdoUhNtOpny3lYb9SwrOoQHhXt885CAGyJME4qmI3tK9F7sruP5YdO1cRu\nYWFTeExX9w73R8+Tu2Gri11DQ8oJP+gdIAmyDDuhx2U7RLrcQm1mGMEnlLOw\n465i\r\n=eg9q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d55347cda19a4d9469eff68955185d9d5e235a16","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.af453daf8.0_1620067939522_0.08988707075087032","host":"s3://npm-registry-packages"}},"12.0.0-canary.1f1918c24.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.1f1918c24.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.1f1918c24.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a372a47e53b5ae83ee6038f2f787cd423f9b0105","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.1f1918c24.0.tgz","fileCount":12,"integrity":"sha512-oSoesE97leHTNs+oAWb/taTDNMLh4vBKJ0Iosys+ZX2I2iQeYwrgHbqexZrPklrs+rSKuqkjkyHTlXM/XoJQ0w==","signatures":[{"sig":"MEUCIQC6PAzcLuqOuiOXEjrcW+V8+mAA4HEn//Io8pliyT1u5AIgd4srREgpk+/S/py9+OCmlJlyS9o43GZshNZtuxYmkH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkE02CRA9TVsSAnZWagAAMRgP/AxCcDn+3fiSz2EdNdQ0\nm5J6QtN2zhjjxwFmsAsAlH2kgdt1KUjEYiVdCHHpIdPrVbLw82h4i+zW6/+p\nAvr+VAcpoF3qdkNCMoFq1XlYIjQAZ46BGl/z8kRN+QazCT7Cix/WaIu9LpCl\n2Ar1KoJ6X8lFjyaBbsOSDW+bRcZ1QwABkYJgIF7+o73NFdO/BrICe2S1Hb5B\ndOTVijmhu4g5koSUbFFNDcOi6neUhZJ0duq9YdJKDwk47tl+Yq9pYesVzCb3\nyUWsf6N9AVUvNXZzsSITpmfVlno8J/QP8FB7Q9ehAxMQh6wBaOB+DjMcSv1F\nh0+ZgDjQmqfKf+1b4ryzyAHwRuLzHudSerr0gAUFNR9+zBvPYpcLtwv4LyI1\nlfrIxe6Z52i1lUsgOzL1R93NYUuGp4BnqcCMjGn1ctO5yi+gt88lbJwnyl32\nCmaBUarpWFBHcvTssCuwIeJfM7Vd8Hd+M+7VBGFlc3sha6HwuOrAgcrrKd9t\nn+/PuSFizZkOfI5Un4DOPse7OcYDYjtMQ4I1JAxe8PbdJOPrmO5z3V+Uzpnn\nnLuamnR8p0ujtXY3FI96i6gHy+XA+/s9X0Z6iU9iWCW+mvRs/GarIzVQE/SH\nigtNoc839UEfwaz1BTIa200Jt64xaBW5MxgEbD3HBOGeJ1bXs0oPdPXhecVh\nbkO2\r\n=BcBl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cda2e786bcb73ac46385a1c6459a8ab7bd9ef6a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.1f1918c24.0_1620069686052_0.5403623053651325","host":"s3://npm-registry-packages"}},"12.0.0-canary.33148231f.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.33148231f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.33148231f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42afc1d3e8020b8089adc842d033d9e9cf0f3120","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.33148231f.0.tgz","fileCount":12,"integrity":"sha512-rjmV9RWb9c4sTkXvlkgI1cAY/N0Sok5158FWmLRiroULKv56lb1OFdOP0aCJx6EWUEg7ySPYxW9MN73Y/+7SNg==","signatures":[{"sig":"MEYCIQCNr4BKXE80zeZGD+tpoYRLNoAXEYIPvySsotYoXK47MAIhANalMDswh8MaPMHsjFCrXa0ZrcLvMcfaXVgwZNl1Niko","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFEKCRA9TVsSAnZWagAAJgUQAJZGIEoni+kEjjNNxu4P\nEddU6BSR8qm0kGYPdoM8Dq0ioTr6KZeWnZYKZzzmg/bSgUV3ZmmBQBRrNuj2\niurSdX4Rb1Xc9iUabp1z6W28qTmXMCsX3oBPxMTojmRdMAwIGyZ5PYBx+ooK\nxEk6/uHLCEJum1amgE8wJYkyGJmvuHF6RjV3QS5k4C1k+ucpfyolSFDLOXDz\n1QpNy612FjyBJCaJlDkcjU0KbYz7sZnGAbwMeJVPzy82YY7oVjwaDH4EIw7T\nVKHassudp1LwBRrWSsHOAEdeU1905K/H+aoWm0AFzg1uChoabc1htq6WnhZD\nqABUKYXNaC5w0cfGH3cFiDBsI3zfkjbvdfZCm+H4yqdAH7UTx4pAQGqQ86Qj\n5XLbE5FGOMklQ2Un18q+QCXyE5iHDhMKz219xr75Le76pWyoouCzKERzp10f\nUUFbkolDrykNh5UoxbexdbYEkI3Zl67UgJodPUMbtHvRnoP5w8Y8vKOoAgoJ\nVqKQuzNBaAYWKqcGM42Dku/p7ON97Ygw+9PcagHLPn3prxbxDkdwPQwydetR\nacRrOspWD8Xaxa0oPMN3EQEPaG8Jxyk8EzI2SY9VaijNxGGC1c33pvhzsPOV\nW/Z0HtVwEUIwrxPCalnmckkhaix2mTk/zoP3+MNwGhRcsaqo4e8lQvFbYwKa\nCtva\r\n=Jej/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bb5a14b15a74fcef265050ad96f737d0acf36987","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.33148231f.0_1620070665861_0.4993027114775246","host":"s3://npm-registry-packages"}},"12.0.0-canary.06b76fa74.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.06b76fa74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.06b76fa74.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0dcf1349719056c63ed551e5341cc2973fd0eb4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.06b76fa74.0.tgz","fileCount":12,"integrity":"sha512-WXOkF3vSs7X7cdJ4LGeONAooYTPmHi/t9fvxHu/p+1Bi4FPdOGXHxIlaHpEhWN/2VXhVbMlFY4Toqer8KMlY0w==","signatures":[{"sig":"MEUCIHFE8eupOg6GlO8BGSikiE1bNLQasEEL2YxEtRw6T8zUAiEA/fj/mvzHYHkJBL/Ww/AiyCGc2vcNw0MGs/OZ7+I2Vl8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFKzCRA9TVsSAnZWagAAmAIP/3662UM9ZMvZffxIShPQ\n9RAOaycWoSXWhs6nZebBXUNzNuVDf8Aph688aNVHDbOFiU3PPh7kb/AR2lEX\nhvGO/s4EQ4B0gefW0hRCasE4Rdt4nEatCDKiV2QVRvDsBLfdzjNqXb5DJ+CJ\n4vDa7+vR2ScLMzpVUhJBQ8MS29QLUX7+lYWFEtFRm4niPlQSkoBQFbczHtHf\nt9w8JFVpahTMnxij+zGVyA2L9sVo7IeQh12cm5BzClYiadSGQ2m+ujnA7AJt\n7hH21XDOOz87NElA30Ds9KeGPEg0gifu4CHyf5KX0cK3KdH/KyF/6mBUryYJ\nPUXR4Eibr0gGjxHGfsgUSNLqGGWT+e0vP3VWytSTqN57vwjd9GNHyKnC/YjF\n3JvqINJBvD76FEikRDxqooqq1QPq6UoA9AC7o0nE8Yb6lDwhUBLJxSuQ8ByU\nfPK0MKyvg5E08cJ179gqr+WQDlPQ1xguvDa/JTSJzx3gjrQeOCpjL7oUxhuI\n/oE7Gmx+qLmYvDGw/cGzOrJ9NT4RqluyiPgfLr62F+bzS+pQGCVpffNyh0Jm\ncM1yZVRmIXhjPCPTzZyTuvTehxX2oO0Y7kXaMPHmAJH3eynTYiOk1+4ytmAm\nSEcpwl4W/xjtcS8XvuFTCWY0LfA7o96x0hMruUAUTFE5GE2KM3wFJFxbJtXL\nPBIr\r\n=lctQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6a6a73c9687e196677329640dc1ed025d13b44a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.06b76fa74.0_1620071091067_0.9023437973757369","host":"s3://npm-registry-packages"}},"12.0.0-canary.7c5000473.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.7c5000473.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.7c5000473.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71c2038b1954bdb864994a8b40a9d29afcfed9eb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.7c5000473.0.tgz","fileCount":12,"integrity":"sha512-uC6MA6b6ZPm5HFAgs7u/deYTooVUFX/hhs2Fd64/ZokAONYRdmCOmQM5a4BCAUyGrCmFVv0kIS5VqwrFr2bTGQ==","signatures":[{"sig":"MEUCIQD4E4NDXkigLYvheivu7VuvCLi64PlqG66+lIjplx7bagIgLeA5wpJdUFFghhjtEfbRog9l8Bu0hfGXoL0a9ouS8fw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHvkCRA9TVsSAnZWagAAjbAP/2Md75+GQ1LoUypdlrFf\n5arNX/qfRxPezw+Ugy8nee2TUP9f+XSXP41GOMII1jpIkCs78nsnOep+hDr9\n0YTU+0BkaVVHiqO4vJ6xI5Xdzwyq3YapAqFB29Qp4t+v8gn5pW3E3kQQJsmQ\ne6nopSYAw9am/OfDobS09QBRaEzNtmCMlBDewqqH8iGmeN1U2BTx3nd9HbaO\nprRXIrSdjmbc8LpN6onQAsqFgI9Hz4SdnmaUMhFA5lzobZOctBSVCD27K38x\nN/DAdWE4cIBJQhXrMqJGkfp7NKIvLW+EyQQWYmV604WAXCotfbLuhPvqYX+2\n1yP1nM6uLb0EkfQD4nuYtf0wuMoKJ059kS8O/vVXBFPQL3AdC/9gusO0nTN9\nm6vY6O0IG+w2AnNGjlWEXk0ccUFT4TLiAuA+OKWtbQomSXuScUGZuV43IiSM\nPHFwFLfq0QAUJRvp+yxnCv9jL5XwpqYz3n9P7844Z39nSJVjYyLkd8k1Jo8c\nJBIS73XX0PUznYRC42coabp9Z8bfPduJAfWkfQHv9L/AckxqSeMogz4f4SF3\nh7J3EojsI9GjGcSiufOx4WfVo/425ahifUoSJsUBGardIuStb97Dt3/oEkNS\nPuHesvtIfFDNDYy3JDNDyFxkvfwpgIpXgvisUYhYZNaf1Kx+fWUzxI/f0Zji\nFOjG\r\n=ynRv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d53e0032497f2efb6a42d541ce5cd2072711f86c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.7c5000473.0_1620081635659_0.3715077267061888","host":"s3://npm-registry-packages"}},"12.0.0-canary.de997644b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.de997644b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.de997644b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"674f24903c859195b98022f52f8f0d4095088b23","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.de997644b.0.tgz","fileCount":12,"integrity":"sha512-kLhdMN+2ZQa3AuMMsBlerDCwSLMXkhrwY13SjDpo3k4yCArdFa3HZfzreV9vldWiIkzRY36krFVVhOl4SdH/qA==","signatures":[{"sig":"MEYCIQClRUuQ+xEb8Ks3s/T9a6o8eLqJZRwbFUZ9zJ1ZEoLzvQIhAIK83zNuY6Bsr4X2kOXoT8DwVqFxE3+z3+wZeGIHnkH5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYPvCRA9TVsSAnZWagAAHhYP/jRJ0e/uzHnQUsxoqr6P\no0JOujSHc5mNbMIwrvBtqkP8+aLVHQpXljAvSYAZIUwUMTCKi4Og4JhQpWaJ\nSCegM2ce+hsGNKpimu4lmcySheD3BlHToo//A2hT7/75BLrGARIaY77Cf2im\n2sp2f4hvwJEavSFgBdiJ6on8T6tE6lpe9eZ8JvI38GQ8ktoUYI/ehTiG2Pow\n+JTT4BNSz9vTRwEzxcXkm2Wm+7UBn+hzuWigwLSlecHc+U+Q1U/ESdj+Qq6N\nwhJqFzoYuSKggiaxiNpMTmPBB1CD9zJeBQjC5UrdQZOmnRb5K3xc/gIxPWN4\nDwQMXN72K1oS55LhgmMsmwAq74UYVJuzdWIviZ4QaZV7LMdTkTXJwQQ3kVBW\nkcWLpWrnR4yrK3q8sUH4dIhRCzn0p9L3YPnBCpmqy56loFrb4fGrxdsXDB4p\nYnwYqmipf1iA08iCCSsvaC/yHtKYkB3j57NA6gMFmfXu3bqy2NaA7WpcZcu3\nHe3I0uME+UCOZXX1vIZAjoSPqd10kBkb6Y1ZfAFdQvAjUsm5NuT+z+7MjUun\nkyHxSpYhoLi5Ngtixk1tcUOowzN0953zMI0vMsKbjHlmTBJVBV61J2pGV8H3\nhKSxSeucYU+1Dw/Z4tKLYvyT4eEwvCJQDWBdXOuKrPvqoMoQ1mdwVsR+PSql\n4eJY\r\n=1p46\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"efb97e2ef70bfc07ed9b429041e4f201bb0d3a53","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.de997644b.0_1620149231123_0.9448757481107501","host":"s3://npm-registry-packages"}},"12.0.0-canary.d4d7f1cc2.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d4d7f1cc2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d4d7f1cc2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa0c5bd3bb3d6616ee6daab44598f6440f143a06","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d4d7f1cc2.0.tgz","fileCount":12,"integrity":"sha512-eof5rS5he8WhqhOazSKtXIv6dbuCalhR5sS04U3NLp8uG6+o6qDbbhsHW2+yW+GJFkVfxvoaN+gnpIz7zJtgCg==","signatures":[{"sig":"MEUCIAdggmj4Qu46O+5brGCKfXtC05GKVsBA93ri1mxZJOU2AiEAjw/G4OIjIgdBFky5Zyu+ofpGKwd63z1Tga6gbR+YI54=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYoxCRA9TVsSAnZWagAAkocP/R2RGC90ATg9h5u2Q83o\n+PX0p0Gd3BlKtf3IQTw4QBOLyksub5MhX29aU8jgzhHawuXIVPryPNt9IIYn\nOdJzF7B5CQHCy4Luj3s3+VJxYLztzW2HW20OSd26DM4tIsf9Y/EZvg5uz5A/\nAECkcZdlvsn8EUK2BzXK+l2ytBnp1Xnr4LYY4Q5Vk+BPFGtOJxzTaNJj+sMn\nSGXZ5u0gqnu4vizZ7qMBEgh1m41ZXT6HSfgaJwwhXS+oZGMV5+9c/iEES9L5\n4diEOVT1SzigYrwPlOin48WThPulvEo8SA6TVKO4F/Wp5ONsUR6cGbGtHi0c\nG1xsgEBtpsVVCO+twTbSDXSp+2+Y3LKoOOi5R2UsV20vcmyfHe4pG0FmP/IY\nq8fWtDSO9flIRSEYRWIIvagCI+oPwxtMbBdUbNEBFBRQM6qDYH3Oonqx7wLh\n4HeoGu3sV1I5nsdizlnQiTPRpU31I/ocsT4SkBH7qnbFPXQ+u/4AOV1cmfNZ\nKHixWpv2l2JbiSiA32/lQGzh0hoQ+Vcx6tEdmU5vl6DRqrT9bPi9C4+fQINA\nXVTXYu9J8NF60O3evm4kTl8ykfZDp5EW1Icsg7SwYp3I+czFNvH7QyL+ZfSu\n7xNY+OmuEG7iJ2IWYycoFEWnW0rOZE08EoWE/TFsijHb1zc2wMafD/5hyJzC\nIGQP\r\n=NAez\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"473ac5e3a11b87616a0dcb004bd5a9411a271f6e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d4d7f1cc2.0_1620150832739_0.03492280668381187","host":"s3://npm-registry-packages"}},"12.0.0-canary.be999eb08.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.be999eb08.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.be999eb08.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce424ad6734303952e5c61942268d39ab358adab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.be999eb08.0.tgz","fileCount":12,"integrity":"sha512-UGGZi1TqJVeeIWuiWx71JPwZLqWIwWQiy09AvBdNaEdYAySaSAZt/fWKY8SarR68DXjqQ5PREhCceM5VD7Y2ug==","signatures":[{"sig":"MEQCIFIYSrBa5zmc/XaA9aMgFoZPqFu0Km1+AgOFX2RnsQhfAiBqMX6Tez+Da/EuCzD/vV1gLEkdLpCSY2x/FJ2AHRVyhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYtpCRA9TVsSAnZWagAAg34P/RfPnE94BpFpSLOXMjbC\nx02qECjRxX/ZawEPx+/qi8ydDa8p/PdZGhsaDSskYUXdkcvuQLU+vk+2wyWE\n4yqp6ZUTgrmtaHNZxlLipDNrLBKINQHcvKTka4sUCbZ0oNf/Q5hTIpVP1yvo\n1I0lHHAK1sh5Y8uKAjHb/88TPevdOD6OiGsaVD5/EiNM7twVSF/2jChn7jrC\nBVCghVT0HALPyYJTZC70l1pevv7uFOPPQCN6tg26dVkndZs4Ogr//+Ea4Gbq\nHLRiqKhOb7q2/ThUPgFWAEeR8SiXb/5Zat7/v+AhGQ0nzhiDGddLPhwxPYL8\nOOWQw92ZHmXoGvHp0LDdR2hq1zLUWnQdPEWceZh01tsAJAvNHFmY1EBfFJH7\nriG3jpJ3llxOlDzpeeV+w6WHgM9N6Ih5gKx7hI/ri6+yBIMDupZvfukzc2zp\n7L7kZLnZohe2OZ5S3RoacFA/Pq3kxY931S47582kJabSl7TNt3BVKurLchr3\nkI/mLKmLqCKWx7irI3ps2ahsF5AzzQTtzRt7Sh3B288n5L33Xit7EqLnEyls\n4YqQGoREqiMhLYLhx+gl3OIrbTMgomd6phwzlPTM7/tZTV6QofJhNUXma5IS\nqv6kL4oHgmDkS4X2Q7/5pxX5k4qhYedRwJ7E66J/9jEKZuzfTMHpTgdY4PLq\n/OrX\r\n=nnpp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"78911f7ba4a7d68ed38f554357f8f224ec7a15fd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.be999eb08.0_1620151144620_0.2728261531570084","host":"s3://npm-registry-packages"}},"12.0.0-canary.eda1705fc.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.eda1705fc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.eda1705fc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d70de137c79bda435c8d8dc19d23eec201d6bc3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.eda1705fc.0.tgz","fileCount":12,"integrity":"sha512-sJV4lCYYC/AldUXb8yDCsIBkTuKsx6ehAo+x5YrTpC/DBpeyn+7/tSP2deaky9MWzudcVd+PN32zDVv4wvaaNQ==","signatures":[{"sig":"MEYCIQDRUWjovQ6K0gNnnelZSjzCqdDY166h0bu+L0z+D6t6YwIhAIHjOxpIv62/oVgaVuimX2HbPe/+mYxBQI2d0/CZFX8U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZvbCRA9TVsSAnZWagAAzsYQAIivndEsJNg62gFTDymR\na4cMfDY0zNejV6gThZsoT0O1BzJubZiIhR0X/Bo1RQuyRvkzdp6UxkstAwT4\npv2XXOfo2IjE2fXVEJJyrQtsKN6ImQ0BQqUFF1b8hGBQTfcOY8llbrFx3DHr\nowqWrtc6FAIhthU//qR1wpP9GCD2clUUTUMM0WWevtoIBnOTiWuz9lO286Tf\nsjylSqUGqEIic23+QEV7rSVNrgktGnXSW5LkRJkZpLA4wIV45D/uR3AzhdMl\nQsn+ZAksG1Cxp0h6lUD+nXhXxJf9WC5DCEkbkTcocJeQIaFlo64tQXBOJ+V0\nBbOWtqzVXS4EXfWZLIsgW0aW5buCHY8nfB70sIX0lSbGhV6L390CqAx5xK5V\nXINfhxsYX4dOoeLksW4ZRnFXQX36wmWWVuc9Pxgxo1pdBdCtD5aGkiLXu2sb\nADrdtt+Ug8cjMu+LXFO4k2QV97hDCw9eMdVg2ZmRXcbSKEonr+BHLqXTWJQ1\nsdlv6yQa1ci9w7FeR57fObQelSDXu8Fs5h394Wl6erFiOl6TX+7wPZS/4Zjv\nsjxnzeRHQOJC5NqqOA9qyleM9SKrxftKaCR+xUXG4M9lTfrkNVw5vlB3fs7p\nygRw/lh020rnI+/JBPsLIi1cOUg9OR6Y0JM3sJ4JMw0D8Lf/IFBJjnei2Z0/\nMB1g\r\n=sV0u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4c7f355f27d26cb39ac4876510254d165a5645d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.eda1705fc.0_1620155354763_0.641229784433549","host":"s3://npm-registry-packages"}},"12.0.0-canary.718c90178.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.718c90178.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.718c90178.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b728cc9df9f48b35e5294fd8e60f2a223d9a01b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.718c90178.0.tgz","fileCount":12,"integrity":"sha512-oLPHTMHMSVj4jlzBpirpJRqA7mkplFX2dP7/Zg7UqaGLkwVy/VIcvUq45cZgmH6lmyqCwzC/dQxYh9V/HV09Kg==","signatures":[{"sig":"MEUCIHZA43DS9cXVjreV4s0SRlhZQKK/vCuK6LKiE9l/4GndAiEAhuyPuRqVkhRPFYPEMR0eM1jMZ32bPJrvjweHxRLW2ds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZ/nCRA9TVsSAnZWagAAbCEP/iTdqo0CataM1UWaKiMy\n2Gj7Hk1wOx/MHLyeF0SNOqrcu+7RhkY+muWHixA7lARO38lq9JDqd7Pr5zCE\nGeBLiXPlSbR7xUqXslw+ZCVs19hlMd9J1OrjpBQne4SqnSnoSWv1xwlTtQb0\n6/yJ19/7LNr66t/dK8IeS7xLFPFuUajeLYzpYZBRBk9aukpy6fUvpdrKjQFX\nP4K1Yo8JB2liSTPSdBagwI3QMA+Gd5ANt2SI/tDLgcVzjwxam9W4bu+9q8Ju\n7sAnj59U6U1L+Xew4vtv3oxEEFhY8/JT2a8X4ciOpBVMWN5XNsQ71msUXkk1\n2JGXDVBnLFk3PX2eFwsX4xzWzShduk70DnPMmnsGbGx2m9JpB1DHUh/NpHQI\nrvwfu5Df6GTuTaULdI9yaDn9FtgInoU0dxZ6b+vsunFkRAlLpC1vjq17Mkld\nRBMMTgvCvN2rWLZF3dvUqBT5d4yUVwE+Pwo9YwQGQvC2F4m13Fi8iMlFTrra\nKdoa9NcjNGl/7XJ6Qzr8/QpsNMBiZ6uWUOibgOFhVL7/ZYH0UEDifCglhpoN\nCVyDhchQgYrqZNJgYF/zFiFVV+SVaohuMa5UldPfqU5U4bjq8TUWnWAUMdtf\n246YC0PIvn6uH4M7/1OZkiwm+KvC/7/QKYLjXybdo7VrmCgL2BXaIqnZag3w\n098a\r\n=XLpu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"38bd77e93e567329d390e9784d4f591d6dd41191","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.718c90178.0_1620156390856_0.8962927915212833","host":"s3://npm-registry-packages"}},"12.0.0-canary.0e3917299.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.0e3917299.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.0e3917299.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c73c4fb90f512d0669599983435b521c1169d780","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.0e3917299.0.tgz","fileCount":12,"integrity":"sha512-zjcHq9OdSB+uPXqP3N6Or3oMvlo+1NVyqjig6EcBBTTK4pwSNqvzrpOYaLcXoIHyfpUcD4Gwg09g1n5FXjsafA==","signatures":[{"sig":"MEYCIQDRPrO9TlXjz8U0GR5JhWF5cZNlZtNW2/tWN6Rs4e82IgIhAOlgooJ+46037VM16/qh+kCNUfDO/6axht8OkKru6Tze","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaCUCRA9TVsSAnZWagAAwoUQAI/kMDYWESKv78Glkk6E\nG5lisW8UTA6eAbTeW4rAFYuS2Zw2GsLECU8zeegOSzePWSt6xSsopuRsa0mN\n4IivI8iP29BXSl/QDjYThGfKcv49BiEY5WnoV3sP1HTxmHFq8qRAYX/1Csjw\nfakPmNRIQ/4zIDJFV4OJQt9dw/RkdsyvbzsOWYB1vNQC8FBIJ8GA7cFxMtGC\nMqbvDyLIswDKIGP86BDab8dEKZ27d66avMx/S5PkhDNiBrf1es7ManomOtnx\nn6h4k7Q4OYmUzPg/6Foa0GtcK+ZefMhwVbXO/Lob+VXikh95bN3vq9Zo0kWY\nzJtNZGls2aSoMDMv7uoEofJz/eeOgZWdpFbSDZCP97wsk2+j5dbJ0aMJ8lPu\nXeL6C/ACqr1ncLfpM0Fqau64egoPlqsvIhFbIQZzYPXxT3rZdpULZOKYvr2s\nrHmYQM43dpm2DFdbtJn4dfjZF/GmEZZZqOCMclOR/rrxweueD32008Pa/8Xw\n0tt2QIKEdhxjovoWt2VikpZyjM+zVw+mRRAkmn/yTa5X99mZOdiwbnOP44xS\neKbPysodfw/4XMORoZkYzeQdoMszUn+xieZ+4OnlulOMJ4Z0Y0Q9T4UIAE/m\n3oOJ1DBUO6GeWNr47DcnXDCCI4hb/dJ0iRCrLJ60pyK4yrM1P6DNisX74Kuq\nzGNI\r\n=fZ9m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b53d9d2ca98f518aa071c4933f2c0046916932d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.0e3917299.0_1620156562316_0.7158884907636429","host":"s3://npm-registry-packages"}},"12.0.0-canary.836b3c7db.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.836b3c7db.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.836b3c7db.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b42d2f2561975fb3ab219ae96347cfe8797c6529","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.836b3c7db.0.tgz","fileCount":12,"integrity":"sha512-i7q1o3/Ub/+sv2TtlGzQHTSGzHevFETP/CtyanFaFfH6+Ncp6ww/4gad1TeTtMtd13MmK6bITVeEoz9FxBV7Yw==","signatures":[{"sig":"MEYCIQDzMBtbF++WDVju5BT/T2AoSioAXS+yEXeaxQdQXG7X8gIhAO/EiG2z6OiVMDEPjJXl4+AWy2mwGGBE5Yp9NyNJ7civ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgka9tCRA9TVsSAnZWagAAWJAP/1XWQLUet+ph56/ZGWpN\novT7e+ScEsLGP2irjO4a//6MJZxBTp2pOn2kB3Z7XOG9ZJw0eQgTBu2sAx5w\n8eyMKRfVGpUlGigrwaPK3F0C/VuEfjrOxcga/ABWX49nCO8DoPeXsK4QbRJw\nQ7K/4mgwHvPPzPdowe6LHTyVKTQ6AS9FS2hfdYIyRzdwHq2hjdEvjkGEqJIG\nEnLSC0l1STZ7n55SJGaIlUrgD3pxhj/uYt278KTTzCgltHvlBauB+IIgwb/c\nJi3xtOvBBjUbGLwTMEGSm2kyvUDtNc3S3e6AMNLDZ34XJg/bALNBn8CqUp7g\n/HkNYpSLBm71jYcd3ZffvXU5sUQ9j5ORwLPr81+/NwWfMm+1SV617JyQy9Nn\nDeywOdYyk3o8KM5qoZE4JVDSp94TuT5hus+zeD4mbfI2A1UHAyK5l5bx54lo\nRZdC/kN8l9KFa81Zfs+xXW0QpWlTTOx1Q3d38mqJ8jbwLbLW2NMAMEgPTsFq\nqbH8QvtVB451YRUlfdZQDVC1yo2KQ/Oc/D4472KBVSaLsesnP6QEzPvKgxaS\naB677hUe6ZYRWmdPgFRJuTloAcEpFAjnrY+YmFJ22FQvtfzyFBGECM5J7N0r\na6KquTRdycDeQ28R9TllM+nZK3qgeirVW5A5KcxnfrrxAiUhJwQPaqvL5a5i\nCE2k\r\n=vSym\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b39ef8f7b55792965f33ce0e4907f1811ba2b17e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.836b3c7db.0_1620160364589_0.08506322295568558","host":"s3://npm-registry-packages"}},"12.0.0-canary.53d4e6d59.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.53d4e6d59.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.53d4e6d59.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"146fa99e56cfe0240dd958acfc037fc83eec4811","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.53d4e6d59.0.tgz","fileCount":12,"integrity":"sha512-hlIQrmOMBnf4ExoNDg0vNAKGjQHegIjJ53w7I9WrC0zkvqJJxlS/WY8qP6WqtaccrWYicALNXZ+sMsP+7Fjv3w==","signatures":[{"sig":"MEQCIFN0og8wVzKXpNi0tk705yZ705POvP3d+qLeWuTP1rwEAiBY4rlBM+a+I9aL5FWMq6wQznZT7Mb/k1Apm9EO3bISPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbMbCRA9TVsSAnZWagAAMigP/1fnVJ+H5JF3CYhkJwSa\nhNwXVJZfvgK13J1GCDVZYEuUxvIqBdYx4ffO3pz7iMkp07S2bn+9M2Svk3z+\n7lgtN9G6YrLLec2BBO1VtvDhJtqrtPSZ56ezPkleHtegk0UxCrlumWl5S0Ez\n43PxpDMT41pc3PH/Z7TFZiI01QhypYA2XH6FqpQZADMTjpGWmBbE46R8E69L\nk80VnDEFIcdAGRkmyF/0IRBCJPtPYVYX+7/HfK7+/zXXGA9cfItjGH06qs0I\ns6vP37LelNgpxdjyxwgUCSdqQrtP7BwbCS8wRNGogH/1Zkb4bdUOnqJ59J+N\nx7qjjoUAPDQvmjssVsH+hvvULXnKa0sFxyVXtAuNg9534PSMdIpV73LFCi4D\nev7qDTOYtB5itF2SS74rdNhUy4OHvk14ukDyqI9S0KMCKQFLQ7wr9pBjex7D\nt8HzdMIq3PVP/VFTY7fWgoZy7CEYsyUmdVvk++mHKzIpyq/QJSQU7rtHMRk1\nEButuaiRL7FsLoVX/h8xSNjQm/r4iw7j6QYVCF9MhmWj9idpEvqeKJ/J8hj0\nEQtTcSj8VR+ZU5AGvXvqNUBBMoDgrr5Tjvb5qBtB/sIWjAle0pOVkDxIM+XU\nrokxdcyPIo/qkSpWWxWbMp79wo7dHzpvtPQrYI9yNAKMW6IUQtSqehrbWdhL\nPWs4\r\n=A1AV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a89a7c81034e7bfbeb469ddc1e1e463b018f7179","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.53d4e6d59.0_1620161306740_0.39893090334342385","host":"s3://npm-registry-packages"}},"12.0.0-canary.18d147e27.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.18d147e27.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.18d147e27.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb523789e4aa603154b86fb341a25e403b01e378","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.18d147e27.0.tgz","fileCount":12,"integrity":"sha512-hSIPd+UzzQcn6kWPC4lyudj7j14sRlpTsPjMbJwjlQ7mds3VaFTrc8h8FReX6PNbDWSFwcFf5bWY2FH6qy1X+w==","signatures":[{"sig":"MEUCIQD2Kr/yJB9q0OXddUKUw56zjzD9iF7k6QNUPw02lOIoTgIgUWNg+wf6yHNuC5lCRhMVxcGRGdzbDzZToHBdsUuD9QU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbUeCRA9TVsSAnZWagAA5ogP/RUjA8+9OCYzkswAI8+Q\nXCSzY5CEtIS+nxJvvXoDPJdb9YENV9SlNDSweMnm05en/p/tFtOIvuq1Esv3\n05jNwXSX/gQyyLpklmS1Qn8TzKaHm9Xru63/C2Od8P4KuATXMQaaUCgUaB0g\njg5RDvQsACyQ75XH+XiHV9zArNiifJb72z0EC1Vap4qH271KMAh9JJ+RUhEe\nfLG9tHCWcC3cFj0z14Tbb3514lU9J+pdrOwxMTgvJcXYQwAs+1TtfMWeMvGq\nsZrMRCm6yLHXYad/H1L869A7i6NQAeHkPi2lqwdCm1z76PwfTF4knv7SB/8g\nHLCkuT22EAtJkQACQFr+JLTI8YI2CIOmeskjsjti3ZMQYEXMTMi/zt/uzqxv\nweB0mWNgfeZqJ4fltaKCOgabWc+Yuu6T/v9iFNoPgpJL7KZZYy6gO+Vm5iVA\n/RliGS72q8RifYk7BmxXq3zKaohicOTtZixCfOsmn4fISrVOxRaSh7eyhWaM\nGfGfEMe8YcxB6ugIIIS7P0OWgreeZqm9GkIjjoDANZSLwuRKj14y14EFb+HS\n6KX/3lLVFfTVYTBvmoLJt3EGoe+kicQDKrFDfWc3Jwyf8iudY4j1MOulOrMB\nvIiofTQYFdGbVkC/JvhQ0ShH0X6IMfIPEAIRPh+V4wdD2FTBbIPA0ymvkCX/\nnomk\r\n=NESy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"02e686390dabbb1590eba968246da65476db162a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.18d147e27.0_1620161821637_0.912673201988699","host":"s3://npm-registry-packages"}},"12.0.0-canary.b9984794e.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b9984794e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b9984794e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4e19e327d4a2e57a618d7c2935b1868ffdefdd7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b9984794e.0.tgz","fileCount":12,"integrity":"sha512-+Dwqh/Fe4S5bUzxJtXw9G6tixiTFaGzd1HNkoYbL6dXDMJW8DXI/VC1CyUA7r6iaztnbeagdS1tBTcnF73CeIg==","signatures":[{"sig":"MEUCIQCXJ2IyoMcm3RG87eUODkXMfgwBNjDrH9ilztgPib9yUwIgKHqm8B4q1RVXyR9JLCHy4U6RsskKA+6+s1PLzJSUjEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdJlCRA9TVsSAnZWagAA9wYQAJSTEhyXn0lPl2QuYwR4\nuRjt3v+DNQ0HSeetAzhjyVfSXp8jx2CVbiRGcL0eAj13OwC4Xhc3sGl96Pe0\n5hlMm3fdWhFrlC66KLHojnG2HQsCfSNZK9tvBONRPpL+vdWIDQvZjKrpBa4R\nVnKUy9yvJ2wekSux9UM/Lb5bueouLyC3r802akCv7wVGFPUbJxPYXuNUTCvv\nGcG2eEEU2tshTbw3yGesSihU5PzSeDOi2ak7RMdvh8Ruu0Pmqu0lQEqr/6X+\nWVYtBnoGCz8L/RC08bIn4erRc0fN7A8EvSP+JU278qa7yArnGQZPYXRFejdR\n+111K14XXWI4CTpL0yC5u5U8f2x9wdttkRAcxMwpE35pebwlObgTt/M1jBk3\n5KUnmoPauoIXiHuzlvyClCDGAconJUkeUgX7fRwmgzzQT3RVOCe+Z/bkGYKX\n+EBCyVw2+YVSxnJ4r06ClqHHPe3BvuXkmrvA9/h/QYUEMUj315YWBJMQp2uy\nJSX49kFXsjbzqMp21yoZkMtNsC57kGHmr5b8/ng93aGFKQXh7yuvMotlvZLj\n0QOuvlHgnwC+z5X4n0OhKdz3m1abcq9MOro1r6Hq98XXB6JtV2hjrxILGYUk\nyQglH9xJoVG9xaJvlfFjWBqIdEVCIxAmv/xvXUQ6ZVJWjQv4wNnC52mUmY50\nh4py\r\n=EAgT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9cb2c88737add4e6d3e04893ef4ca57b7848549","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b9984794e.0_1620169316424_0.5637009290433757","host":"s3://npm-registry-packages"}},"12.0.0-canary.b76f5fc9d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b76f5fc9d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b76f5fc9d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23f1ca3f138346d501af4c82c8cb894483075bd4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b76f5fc9d.0.tgz","fileCount":12,"integrity":"sha512-ClMvbd0n7YkWDzjN0UCYyBlYmpbs65IdWLYMa3xmr01z/31HnfRy8J6t2qHbXHm12swMsgM1vgZsramPxssOuw==","signatures":[{"sig":"MEQCIEyDU7QvaqJF9SAmCb56QObRpB6xZP/YNmXqhXqMjyvSAiAPcy2WUHsKBZuziqgCqJt2mQD7Gtj0ypLdC//f0Tq8DQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdM5CRA9TVsSAnZWagAArhgP/04LsQB7NG7ft5B+/SvU\n/BV83SNG21PjKMbR/n2fT9CEnm+h3RuQ4OIa3YtB5eQf9aAje2q2ehwpisZ6\nDgHFPfZ4cYt6ZbReo8JQiG6KVvxmVyDoMsK85HcFG/6LBgun7yzBttP0gwjA\nRV1sMJCEoEO2IEhwNDT8PmEASl12nttJ6W/AZiSKVbvr2veoF7WEHp2BEVbV\nxjjP93YNq0bhXIGoZ19rElIbw63sVwcauvbkqNY3JUDSmmErpkttz4WWt5O+\nErpj23GKB7N/3qq1r3V+4FCoJfKbZP+oh4f+z1S3dPAmOCdko9fGjM72xpmN\nTdbYsVEjgDWoLtap4WeqGEzdwYPrDpFvK8dO6frdj9YNd6hGxLzB85VJrz2m\nHVlhtiMdVWQnkd1o2NRBjVcF3u/Z2BFzGHoOxDVwNsOfd2borO/uzH0sWfAW\n+xT2SsZ0YLLnOFUK8hBuF2NC+XR1RJJtRUUdFciQUnHknbq9vRhV1OO/GcI0\nROTYFf34g3aziG/YPMUpXlD6L76z+OAGptMyZcvThcnlr5LGyIYQwJgSWK4l\nWvLvhitSvKnG+v1Qqw7BdRdgGGAU9dNT4g/8L9p3cCHQDhtQUJg0xvpnq9ue\nTxEJL+W5cbTQzMLIVemMXnTDX8vHweC1eC7W8+GtdLtuhZZfJvQwlsTcTzpB\nodKX\r\n=9E24\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"219c30995da49f5c5f458aa1b983f09054c2d4d4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b76f5fc9d.0_1620169528904_0.20153916287252627","host":"s3://npm-registry-packages"}},"12.0.0-canary.055d4f10a.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.055d4f10a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.055d4f10a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"197a9bb5dc8d747a46547c355f4bab40eaa6dc92","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.055d4f10a.0.tgz","fileCount":12,"integrity":"sha512-EqBswcIeev1ZQl0wlhbn3wMgD7MqVsHHNZjlmw9kPMGb4Clj3yYCyRS7tgnkzI1WuUtf5qamVZR4AAvan9n5qA==","signatures":[{"sig":"MEYCIQC6iScKId/xScxS4LkJzLUWoxKNEUTlpUWvyB6YLvOqswIhAP1959OKTMmuHRu7sZ9E/Je0cufsIkAXXSRM42iWcftN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdbECRA9TVsSAnZWagAAJnAP/i0ROvIsYvGdbrsDYub4\n13DcekOIgciADfF0DtsFTwpdCjewqJvBKzDdm6pBtTq6A9heyjYlM5Jam0/c\nfczLzp+5A1IcyLIN0+uJ8dEJnfGect7N/bHSSvoRqWktqn1BpG4Dvbh1dXrO\nnQzN1urVLSGd/ubsAo30UZSxX0wqK1PZSPtXes9ok0hH9lG7LxBSxXZTilfC\nP7sUVT8jMSSB17wSwAwkNmESXCW+AjKYIbnAUQt2UHNgWl8JtYrUepEkB0Lt\n1eS3g9o8szNM0g9uvFflyWplPyndzB4e5W+c+2t2Gbfmaxw9t9JgRFyn9fcf\nXLNaVPC7UcOgqaoaNJRqSb6G+Fqc7M/638pO+aW8v9e2TIMQ5h3nx8rMXkLB\nTn/s8jajQn31f1FzbY0g+jrDkcDgoRQu1D7huWlXMnMwnjqDnsz5jG/9fJQ4\nbSLFXqN0EZr23+TVgxXAOlCOMh4DcNMLZyqBNOjENlYamybmwgJxOpovzy8D\nnfVDpjkfeRqoAhk2UaMt1qfJvFKsBy6WI4K2NdCtZX4XTre+7DvkR7LnqQTt\nQ12KljvypNGt9dx9zuelkRdBawZyMBJu/LZM/07yWEYU2YnTCqNG3B++X6UA\nWOqUZdHrMXctcfa58+vVaFH+5UE/Uiun2xLrxjiaXdr6bn3LxQQsvEUkQI+r\ndHTR\r\n=oQrW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"df8d3cdf52cca2c339c1fa1cd18129db35422c55","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.055d4f10a.0_1620170436171_0.6268077441362712","host":"s3://npm-registry-packages"}},"12.0.0-canary.5b6a46016.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5b6a46016.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5b6a46016.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4d6c7cc3a6b5853a69aee060e682315150a2375d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5b6a46016.0.tgz","fileCount":12,"integrity":"sha512-Kod0AKbNQiiL8ox7Jlw6ErOMSkHqVHEAcSA+rb0SlLPDjQNsKEJxLppDxx3m+3/nFqljZT8JorG7MwIeXqwHxw==","signatures":[{"sig":"MEUCIQDus3Bp7KjJvgVXjZTEx4XcRt1/HNOZ8QbmGHEQUsspUAIgDs+Cpj3Xg6rec9+mLzsbSqidQUFGJmBIv8EAHAgqTGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgksSNCRA9TVsSAnZWagAAnegQAIOQFFAqpsJK2tMyiYpU\ni/OnJOjLmFgs0FJZ5s8kA8axDTSoiVtY9ZRIiPRJ5kP77PcCLRy9Ad/sZpv9\ncwczLiAH9HzvuiqVZJOJ+aDifYMaP3sZyIVZ+u5DAj5u+IxLN8Xeisw3C1oD\ngxGZ1JxKjsnpCHIxqKfdGfZHq6h9jjoeusC7G8opMq8V3QY3fIt7qL5Z/NcE\nGF7CfD8H8JAAfH/yAB0vNAqGxS7mpVZ+MeDabixku30kHoGCQYUCo68/OX5X\nZXxxC6R/R9AYiheNgHSVxkC0UV279BW35rVfOWaI/udQWM6tx0sqDM57DZLU\nHLTgWIZwYtpmk5mqCKHS0nBo7NecBARs1/Byted5VZVJDSG5+qh/zt114lYQ\n/B9XxynXh5GvF4dWoSOlNZCXz6KXJTRB51Ru2exV/DvfohxIlSPmFYseDNfp\nIqeSKC5ujH7ajpSz27o07TNZT5Igt+YQRCYsCZYsA9u51sjXpvIw1sGcOOlw\noRGQ8VTtOcmWnBR11Iy+HPOUVjH9y3blD/8JB7ieByIK6vx06waCBB5DA0TL\n5Z/LI5Ufx9+/J6OtOV+rPsforpHd87BPsPjBEjxRYQuC9LMtJgqOPykkUIKn\nZAOKBqgVKo5bmunvv1M1g7xNYSKtn9VaaPVI7QbSjX2I1QGQYPoh3BI7qAhX\nH6vU\r\n=79MD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3d9c7e3c179062db8b5bc243e8bbfbd9d9132e50","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5b6a46016.0_1620231309337_0.047765847555283125","host":"s3://npm-registry-packages"}},"12.0.0-canary.33c9a737a.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.33c9a737a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.33c9a737a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de3491bb9eed8e77037d6f023a17d1db87a1f223","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.33c9a737a.0.tgz","fileCount":12,"integrity":"sha512-HJPezO9vD1VvR2G1i8FiCIx1AuV5c9sE+FnwcdvxKVIMhXo55plZnG7C9N3eS+pWDQdV5cJsuFF8h7oS+h9LdQ==","signatures":[{"sig":"MEUCIEqubz9OqIAjz6ZFmcmOwNpN2JPYpNhwiOXjDDUndt7gAiEAskKeZjFu3i5I+32mdOBqfBI6952QGs2gMO7a7bxkxbE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgktUvCRA9TVsSAnZWagAAW8sP/iiiF29d/6cFCEqQrwMv\nKBhMQAr7OKd265DY2qThlxEy3lTwDbQ9hj9aZ22PdBS8CMxCx3lAO1BdlMA3\nw8cR6HbDH8zEubI1jx652MFFD7zvE9Rcs+RdTFln/sUvqZ5XzIkiNzdOd+Uw\n5m7AjbVYQRP9ANRAd/Si+lCegNVKBWOVEXConHjqEAi6VaStGV2ftmu3CHHf\n3Zk4+CwlztjIjuSqXqwgbaRnnBFLRDRKN6+LyxppZudDiXEbqagEDLbq7877\nPOm5RC5hVwGKAncv+hsrLQx5trobwcs8fsSGp6hOU6YiUBHollm91FYdafqr\ne9CuPVb2UBfSiucRWJaDsW9KU2DHEb0F0WYzqDiAx4RS80FaoEwXJizD8YDF\nB/rnKcfcIqNLWtvvEYAD1XkRYiHVPcO2qh2i7QQmKoBHNyJqm5ptlCKnT+w7\nzBhpfzBMWWElJF4XVJ/4s5yt2mbMdDAAYImeaGwwAj7Pw2jnHsU49s+MDAiS\na+e/0N519eJGrJJxf1bhG/NX2MZDSJWGioGfLO6f7j3SUux/l6Id1pXYU/8O\n3Knif7e/ZMfMrIVmiDIpAYm6bGzU6ZOu3667zQLfeG60IxdgNE9JjjzWxsSx\nTcSMImFczvaKcK5nIXqjb40yOBY7MrIstDbzXw/q3pQrEHaKhDYLXTOGtDeV\nL2tc\r\n=KDoT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fa5c97d28049bf03f5b138c0d97bdc267f43c363","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.33c9a737a.0_1620235566703_0.11922772780270474","host":"s3://npm-registry-packages"}},"12.0.0-canary.9bc0effaf.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.9bc0effaf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.9bc0effaf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fdaabfeb1ef951818e0c6b2d89becfe27be50d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.9bc0effaf.0.tgz","fileCount":12,"integrity":"sha512-0WagLSYcY1hzi85T1EVeQTP5y66Hnq3SsCbmpq71Enn4nyfOoMzhsisdVMnNqB0FV4y0uPaHVcyIrjsjy3zuMA==","signatures":[{"sig":"MEQCIBzNRiJvDTDy4jebmbSnw7r9i97IY/hNJmeFUL8nSOsaAiArmBGWzz2G+6ckiY80+feocmjsEYOvbXQm+tYXv7+Anw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkwcNCRA9TVsSAnZWagAA3BwP/0xevDpJ07wkIYQTPDnJ\n2so2Nm86HQ9/uym9JsIGDEk5BlPv/RcROsH6mc8JrQ6vsHrQhloeWbS366cu\nhlCGAltergILHd6bnDhZPQapxR/ydUl7yXQzoCNdsVdbYcvtS3iUc0pwYe2U\n5+P/vEc4y/wAqvTYnTN9355QhDCwnCA61+JMw+psw5BI1kKzTot4lWzhrCH8\nZYygoS4J8F4pLijT6BlTwCLhXZk8f5RyDCM5e5iuONNX+dbBu4GmUKRG6pRA\nUU8rpkWPrqEaptpwIsg66bpbUfqF/hg830dA5sUkNvvZr03vAwZvFm68jKzE\nERWRUhdQtJxTYhrsgvxd/8DrZD5h9giInh8qnS50GDRns/tX9i66B88uz44K\n0ik6wEblkppH8ocqufM65FLfaOiVXSXHBwHEZ6ba4UA0KtNYB4qJq7SP+L3O\n2vCKY5YNrbg3boMou81VjjWgC7StxyV/7fUm5vN3tGkxGHJQt5X53+pxxjdH\nIRSGlX6HVt7xUU38ccxrLeBKkWZHIsheCBMlV+ItIIs9G+WjK9cy7UZBjTKB\nl8ZJMqs/sND1+TC52zpHfGPx2xWUhlTP3iSkUgX3y9JFz3tvPU0y0f9RWTMH\nvPVT+a6VPxpWZ52CZ1kal/SMtPvSW5VRtUJpsb6O/TY8a4Jh1kXqHZiF+IG+\ncYOe\r\n=plq5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e671ae06efdf42f7ea0cb40bb6700fc57f6a35f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.9bc0effaf.0_1620248333232_0.3349303660128704","host":"s3://npm-registry-packages"}},"12.0.0-canary.a1e0f2af5.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a1e0f2af5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a1e0f2af5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3bf607ffa6464261c6b5530c98265bc095b17d7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a1e0f2af5.0.tgz","fileCount":12,"integrity":"sha512-M/cDa7aPyKmz8bVd9WbiDcS5l07h24a/L1K0uvt7zy7gvvcrq4KU1Ew2G+f+HJIy4nGaNGF2dX9v5q3rWhhEuw==","signatures":[{"sig":"MEUCIQCAYyBvL/M8VvvujQMzWSW+P3MlTTtFCJ1Spg5XxZ1xiAIgSAUVyNKArdNEW3JppMzge+LCAiTeQZc73MYo2Zyulus=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkxClCRA9TVsSAnZWagAAuIYP/AlEtGxxRCEXMWLvLlQQ\n+Go2DEGVX7U8SwkwxsiepRCMZbmouG6i9dkqYcNyVj6e7e5iKbOMOv76Z8ib\npXmABRnEGBOvrEzjqc8Mu8jkDagvZ+xI9apDS/WfDBtnflRICb6wEBq7wR8K\n36U6xPNQVFg0gbuE3Sm4MMMFK0zEpQn5sBLQHhiRQdIYjobvpAlgPVYxI8cx\nxg3Fr6ABwu6PIeIeSDu40JM9O/Z0gesp4YMAPWFFKrxMHh+5fF+HlZdLrr8a\nuy7NuXxRPaHG57anXc5hMLzTmbhJsDmJj9vKVC+4/vIowm+SPqssfuTPBPIF\n/3DHXUj1UaAgiMYo/qGxfuVc8rgweEpook2RMJqqzOHG3NoIGOHlWXfWIEPg\nPblqn/JPqQpSLctAuUVtJNMnd8eBZv33XY3xXSKik1wMN+ZjK/lXSuCp21W9\nG6QWKP/W63RSQmjkZA1xChiYONdlxY3/oRL6CVFwpd80AOU+Rx1YjJLs230y\nlEclv3jiKSFc7KWjOTVjHiLIlTyMx3VTOI2WCKBzzTZ2TuKqW7W+Q65xSDCr\ny4E3VlRRJuyJylOT/IsbdRaSo3oeYHn5g7UpeTaVv6RalOe36mAr3LTeBj4W\nxYRB5dNs/Fhhw9tDRhIr5baE10GJ2ZRJKP0cfrvEhodck84PQoAiqJ+/KbNO\nB6rq\r\n=V+yG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7e20a4b86d7cb59be9ebe12cead11b1e8c7bb63c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a1e0f2af5.0_1620250788918_0.18917391470772182","host":"s3://npm-registry-packages"}},"12.0.0-canary.06930c96b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.06930c96b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.06930c96b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c3d7f62c5eec2acec1c824ddc1934998362bf91","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.06930c96b.0.tgz","fileCount":12,"integrity":"sha512-o1TPkfzs267GjXuvleN+Fz2+Qjz0ONw/7MGYya/4ToHL1SipZBGbXBMB4JJQ7/3qK7qD9Q8bKFehx9PuvomgQg==","signatures":[{"sig":"MEYCIQDvHmV2lnxJiGMGe66iik2SdoIXUCsbZd1zSOcECf8gGgIhAKcSb2fTAIB+ZzdksVZUkbFGdiIOfi8VpPyYX21JMUnz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkyxhCRA9TVsSAnZWagAAEeMP/1wxZP+Z93aRliZW0yjP\nreFsXm1lakpjsmMWHo2twB1teKyAU05SeBncsajS/yvXZDvsZ0Bn+qSWToqX\n3VREpbXVInaXZyecZ7Fay3fhjzeQcmDW3il2qRrRZQ+dJC/Jofqz218pJUzw\niuO6hh3ftt8FXJ29b1wWGAyhJsrtuBazWTUumMRVT3z0sTWPKs8+0xflu/iZ\n5wXSE4hhxZh2mCtSi0BVyd6yQZiQTuSQR7irk70y/o2oaW/0T/wI/mWlef1J\nW6flfCxgarqf4bA97kRnYngzHpXcTwenIK+hLX1sKyVXWvfcGu2sNkDgsnB0\nuVyq9r8V6dUx8aLIgUAVMdTi3k7gXkXbRpKqHBXihxumOdtVCum8aXZ7mKP7\nIpBIbeBnjaLmKShUAqdKQXlnNz7j4C0hfvSVOrn2Ru9w+edNjQeWLA1M3sCE\n7tQJkWM4gbNGx/u4WGSpHB48DFigaGnsa+QWNig7FEcJ3r15ElEBYE7vbA0e\nb5kELQEdiglezM/tKpZsTdTIIUWhVx/ORzBuWTwjv8KfznPpexIJod1fiZT6\nPUzdbAfwfHPRqVQYCMju6zaU/JxyG8apMbu0/qWT4HdfuRixGb2inN/9CwXc\noohcolmUURGXQvlbSWRMAIDeIDMqTWVHFFoLx4WgK1/+c/yBRrMtUzWbJFvx\nk3fl\r\n=7E+O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aef50df6c5f49244a2b0e5a941794f4e3e4fd21c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.06930c96b.0_1620257888718_0.10674589107170895","host":"s3://npm-registry-packages"}},"12.0.0-canary.03f525f9f.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.03f525f9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.03f525f9f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51635fbea33645a5a62bdaaf245b565f40345a2e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.03f525f9f.0.tgz","fileCount":12,"integrity":"sha512-oDPHO6kGtYLjKE7SxTb1kJ/ezTESMP39oHVRGpxJeUSGmWWHB1Wyws0mEF3mWtGhW2702YaA3bGJML5xGXfSfw==","signatures":[{"sig":"MEYCIQDN3qS6qoaJv1X6tfLwMrKj/U+T3go+cI93Y/nn3N6GZAIhAK28OSrtmiqDtiAqGfZBILj7TbkG6VxnFn48tAN8FUPs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkzhFCRA9TVsSAnZWagAApa8P/3EA22mvjLTSkelzY2mD\ntsErvAzjpxpdL1s3ZXkw9lPafROIh9I0xo+EUhaRq2bkGvn1e0VfblMG5BGb\nsIS7LFSL0PQdy/5ApY3F1LUHqFy00WsFonuAXlperB0VPJFpA7D/ZWVPacNa\ngZxLGnESGXwadCTu1N4jXesZ5DNnkAsaw/Gt2db6ZxIjSL7xQhcQCfwGaf/D\nnrLgViUDisPEAj561c/PqFJYi3w6eR13cEGrXfin1SB1qrdVohrwpCb/W9Yq\nPu9ufAtUrlD/XTaTSAnRzvC5rLFA2IlRP/kK74UflNUBLmj4/3cXna/QAuwt\nI4qnji+pdYCby3ooByWn3MFshDCtGg+zIXteT5RGDpMf5V98R+7PE/BssaBp\n+NgoyvX/18VoBa4KqNDSnSasW4USJVCVRqG1HoBXydHcvdHD/YXwzGmYcHgv\nLKFjK9CTDqE+S+dg0nSTZsXPVu3+UxH3e3OAi/gWFceZ1XCQHngWY9f44X04\n4ppxDg6hDtMGmdFtOquCQ0IW+c3ibEcZYEJ2daIvFxWdO+PsRVXKWcEDsd1r\nTm3zXD81AOCq2jaYjheVeeK5PtOxxLKleBZ8esmJd/J8PW7RgRN19Nd35sK9\npE6RgmdKSTsJH93s/ssqhd8UtVCsNEYaiOax973bisO/DL7kBvyl/J/ptK16\nfpKs\r\n=Bo8Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9df1400e21c75e46fe6641abb76d5840dede67e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.03f525f9f.0_1620260932820_0.34437757838230265","host":"s3://npm-registry-packages"}},"12.0.0-canary.e82ba2a26.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e82ba2a26.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e82ba2a26.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9096f9013bf01c60dc71f61cfe747d3757a273f5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e82ba2a26.0.tgz","fileCount":12,"integrity":"sha512-Rfwe/e0WYXrGrst34desG2h8/xD+PmJdcqiHSqilwBg3Ua137SzEyAJvqwaGS7taXo0yzgkyrrOyfCPyknu2kA==","signatures":[{"sig":"MEYCIQCF81GO5lU9BARAWZNyDKuBDIOJAj0p2DIGZoYXxHz3hAIhAISUS1Zex9NwK2nFqViVEAbyM76vVYw2dv8v3EmMVKus","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglBFWCRA9TVsSAnZWagAA6KUP/2u57K0OjQxz2HNN2073\nXjBef69dUNGjLmRuCXm793U4nLX47vBmL40FoNXAjrEsIs3rZjTioMGa0KW1\ngCSBqE442mn9zpLMOkVxUilxJY/gik+0jJqIuQobN6DC91dSWtoGc30alaau\n/iJNiKY3xxMZ61SsfDaKFBWlfg+0UU9+L2rywX4nP4GPTX9KV9Aux5X564QF\no57qbrry2zeJAI3l1KSa4OxWrqVyrhnh2IyEAAE45XkWHBj0m2dxkhjegIsM\nYzzY1F3yHKgXTE5uG5IfvSiHHyIaKaBOzh/IoCwGO/j+HDSVOKLKktlc6cW2\n0KrdDVwCT16fbqmdPVXXXuExqBGuUSgbiv/PUzTGHUYrX5Ezx31WGUTBe2U2\n3hqk5LL5v9vHvfgAF0HwnXYtU96gpmv57AIG21KRu3kAMKn8X2BAvcK4N7wA\nXWkqRntsUjFXCRjX3rvPBJXJCZbACA/M196ECFj8Jusxcd3ssB4NeSlhaiJd\npxpRz37/m70VZ7QHBLYpq26+9yiXUmmrx2byNTsdLJZuljWLmSUQgo08N/LV\nBWKLAFPWnVMWCvMtl/50FKyTd75XgMcCwP7DfS8oIiXQwihPrWwFwzPfAAFu\ny00JjORjeCzOn8ScrrkgWQZFIzm8CZvLv1wu/F7HKX7Zif3SGf1sjirMi5YA\nbJvv\r\n=c/KK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c3349c46dc5415cbb89b8260a8db012f44f09eec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e82ba2a26.0_1620316501547_0.2945875858510729","host":"s3://npm-registry-packages"}},"12.0.0-canary.fc7c4e5ce.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.fc7c4e5ce.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.fc7c4e5ce.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f8802aa5b3243ddc64d32ad7ba89f12d7e2b105","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.fc7c4e5ce.0.tgz","fileCount":12,"integrity":"sha512-DmrJS9ve4yJUPvxx9c8IoFKKGa739xJN/MNcB7oEBDXs08YJkpeLY9082gppGdf2FA+X2RWXhC0y373h3fEjHQ==","signatures":[{"sig":"MEUCIBiff8zDGJwMU0m+0mRTeUvYvNI3hQPPkurtVBiTBAnWAiEAgRvIqGB+om/UKyKXtkIP64ZEfZFaNIaEMnX6u2vLAXc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglCcsCRA9TVsSAnZWagAAT3oQAI/IxidcCFpW8g66LdCg\nZiK2Tzeu4yHm/LOAes0IfnWGjOwu7PrElelRtDSqoF/JI9uJQvey5U/5sugc\nKuWHRbEwzzkPmXsmt22s9DkLbzEArs1m7SU6cLUxaUprIx0Q8BqHyOvwo1kn\n4qm3C91YItNi6bd1uIseJSSDI2bNswckCC3vnTIdDioZrXWn+NEcNQsuExOv\nQKPXe30qxQBHDcFGnudIloPVHgXHTBCRFCQo+b/ROvklS0OkKnoFzPCZ29W8\n6eAhc2IkvYFp06jlAMp+h48zA8cMBZ3+3zVDVSLWJx3BNG7e4u3iSKYXXb4N\nZMTcVBZkBCIWUawzibAo9VXAEVUjMxSe6Kdi0IMwwYyZg71KUUY39VHC7bZh\nm3DIzjjpxvU8prrKd86GeksrrRQ7oUkviwJwc9PBDfO9fkvHgquGBg0tCr2y\n6aG6yY7g/zHG4GGbPGAwiQKnBnq8PDIdC1L0sZNawcMNKFNHezlmLBLqJtyh\nhjuWnNCYUwWGM1asjjI+t/OEXPwCzs5CefTomRrHlJjiMr+sJXdGjMSJgaoM\nzOAbgnukB64A3P4GrJD6Mv+/tX729plwLjwEn/PR71kcPgYYrTLMsBnjBNG8\n5YS88iT7NZdkSYePab/XtVRw1z7sZPzVrirK45XUpS6AtIxWXHseOy9cjWhb\nzBWO\r\n=4Jmb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b549929c65e0a33cd9d427a600513c663c2dae28","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.fc7c4e5ce.0_1620322091992_0.8040885121968768","host":"s3://npm-registry-packages"}},"12.0.0-canary.65c04514d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.65c04514d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.65c04514d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a47cc31ee5c6b24798fad720bc9b938da269d8b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.65c04514d.0.tgz","fileCount":12,"integrity":"sha512-V+W4A/0wv+cd/m8WjWM8kI7Qs8lIfPDLV+PbIYnvG0LXsa45vHWYEDuec4q6qosbkrv7MjDa+RHuBaDktkoCDQ==","signatures":[{"sig":"MEUCIDb5gMldNKd2oIM4+Gkh9RSsULjc+N3vdBFRvSZuWRQ6AiEAgsxTWZsvlXWU4x0taQ05vE1chHr4rj9bWuQqNaZfyPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglDh8CRA9TVsSAnZWagAA264P/38FySGxWEYLg3QmfBkA\nj71IoZs1NPddduLYdoduFJvr3ylx6RNyfi5DW8jWMQ4NDu3q4PXUKf0xwQgW\nN7uQDygclLcL7KaBskG9qGnW+bul0BHiiebRY4sF+w7CGwBaZArXDZk6qpxH\nARb2c7xxIeCvRHm8kcaujgI3ZGMesK7JsOl06aEVkMLlIkFHhLFdAjd0iy9h\nLx/gxYDLpvEDY5+x9hHADzzWza2L59lKXf3wkJjkkOUmOqDChDbDRyFIon6B\nU9kU7OEp0zhJ/B2ns3ItXoAzYeDzKfh9B5hNl+fnyxWjyBb3lsS2QCI8QuJf\nuPKZbxJn87xHfYZXa02imUjXVlLAVTKDbM6cqRRHWReiUM0ebS5TSY74YWjI\n40O2XammcUVIFy8E1ts2UH/CRIt3GF0Al7F9zlcT0ss1lhYqGPNEa67u+abL\nWqApuu1E5QrFwl/HCRqDF7pD/i/zo3urUYu1bJcXRovm7I26YKq+2WAXcaA2\n7ruKkKVxjEx1KUNourQ+2f1DdXY0PKJFxL4/RD750kV81sRmsQFAtmnvrnVx\nVTovrnPFPdT/o8iGCZVrksoZZkzTqfMszPcpCP0BSfcxruIGg161r1zvRcy9\nIAsf1pqLWBOzH5Xm8vp2gVHQQCZ94v5/md+TjKPZMCzdLDKkQM8zsF1vNSUx\n7lA/\r\n=+nIH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"01ca5daeb81d99750f9020fc62e04bc76085858c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.65c04514d.0_1620326524200_0.8684136025120586","host":"s3://npm-registry-packages"}},"12.0.0-canary.c97779ca6.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c97779ca6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c97779ca6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b7b0315b65878630b8473bbc1594db3f0a39555","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c97779ca6.0.tgz","fileCount":12,"integrity":"sha512-S47Jd+ql5S0Anp99+ie9rZxqJA+6owhMPRvayQZAaQHFEzXIs6rk7ovH8FWIOa83nrGa3b7NW8NQg7zJLG1cRw==","signatures":[{"sig":"MEUCIAljRI4BRgXaGyCHHFITsKuRybsPH+RdXXrIDu/mWC6SAiEAgeqa6vcKUee6zjTGQOT4/M0oTrqdg6TaTvg6U+Z8B9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglGKaCRA9TVsSAnZWagAAwfYP/0WRS/dkVozrTE1NGADS\nPmjPm0ewCu+n7nImT7Ah7DCAKuYR2Y21my96YOz9cKntpmbSXsHP1nueQCTM\nKoc5XGA+Xd8DLGlD41RFMjFXeEV2vjVo2QAxXM4sNhV0DaV7/Jy0Gm8duLXJ\nybqmZ/VvAh1iJ8ywn2GhpczZEMVTLYqA/nZguNT/jSJj0pYzYxlUaomOIQ2n\nRSRTbYjXURH43G0J7Y4fYFlJqLj+4013q7rBY8oWy4/FDS4JWQmkw8fu1e6k\n/6ipFSmLKxdVVU7ZC8E3zDzbjAbCOGzk5RK48/4lBiNq+jmr990dQ1gfwWAO\nBDp2ciGCMdJ8Aj4sUeodSOxQATFvjzh+4bf3ykcyu6DIdIf6VVKWS5p85dFX\nS4a+7eb9vJAUIN5Iv/SwsqcgAH5dGGHswmMVUdbK0fH/v8FmR6S1aLavQy96\nBiaIZ8DXCVuckDkBBB4HeyQYjg88z58HZiLyUTxafApwrBhLqatFazxGsvv/\nl+ESNrHE0r/OvxnIcvmS8TDUUbgVueJrnit8B2Asf5kcJWIMxR/BJ1DLcE+v\ngOTWHEeZqO4MDKtOijot2Ml8S72GgPPJz7N4M+9UztCwEh9mnvpV33/XJqkT\ntyXTphuNhRtvZoYAaswk6RUqhaQ/vjBQ7mo3kJS7PR5RMjqNXIHQT7V30/xb\n36Mq\r\n=eWCU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"046f80118629481ec1af7c937a84ce6e0fd1f635","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c97779ca6.0_1620337306070_0.947135234316941","host":"s3://npm-registry-packages"}},"12.0.0-canary.869d890d4.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.869d890d4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.869d890d4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f9e3bc38a39fb6b22704fdc652372675b71c3b2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.869d890d4.0.tgz","fileCount":12,"integrity":"sha512-gagKtse7QENGM3LimUrQTGaUEEoDbUFR9N5SxdTjNrFIaBNezCJIIYuLUoY3qdp8uMuCDmZglv7D/IfIWSxT6g==","signatures":[{"sig":"MEUCIQCgD8wQjbgjC2Rf7o2b5I3QQCTw756i66AzwbOTJkcl6gIgHaDvjEXmWfmZhYnwkOyB/hBecTUoQlXBlmkvfpwioIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglVoMCRA9TVsSAnZWagAAMlYQAJsAlrC5tMUydLJzHO1n\ncfDmD+gmRMNJZNp54lFOi4Pr7cOSfUhp3pTY6PjXMdHI7QuZCBvj0T5ZgmFV\noaE+w4Ogk50s1YCt3uaDCQb63KiSwlnj8knBDYPCON/uhlNJ6ymu6USaTvP4\nYfyb1ltWGJqF6KOdL3XA1OJShUSgzzhi5WMJsV0yZYL24/y5RGN1IuXO4xV8\ndiU81DP0er5LCH2YT4IHS0gUUZmIMMvq+kO8oYlwk72MGDEDLMs5LAifmGTH\nIrF7CHCEP3RsyBma+58EtUu9EuPxRIEPPR/FS5kDKMpEZzl6QfLmiBx3Kf8g\naTmMKRy7bqo5NGtYjQ/Kw2lf3wq6ReCSwyjdEADrYHYi78bYI8wceGWHHZ+Z\nxcA6de5IxKTGP2uL2fijUpPVkBzDMjNaPHltT0v/AdjQUHF2JUYFBZyyiBKD\nrVUAgafGxetXRCsJIbA4zITtieHxdhW093VFDUrTfqxFPG4sCEEaMXkooi09\ni7bkv+YxOg9ikAcZ0s62rUgkk4t516fHBWli69RH2hh31dD0TILnht/5DJu5\nUR1y5hkH7DJS0ioBVIoQ0Q2ySgGKGkQTMWd/cm1ja7QHuSfK0gn2JaXUCtkW\ng/gMnUGdvfK40Xc+ciVpChpSy7t/UJ/UWWjS7pMFJUtTGeiy/uuXaqN3BJ+H\nGyPV\r\n=/3IA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cd73688a61b81573744ba9a03cd2952798eb68f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.869d890d4.0_1620400651748_0.9202499807309041","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec22e1da9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ec22e1da9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ec22e1da9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31c2bcbb185ef785bff42cdccfd0212cb7c508fc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ec22e1da9.0.tgz","fileCount":12,"integrity":"sha512-wV6/Jty7gzoJbr+H777kJ7eHkI1TJY8dpDsLRD6G8P2aDfRPFUanklTLshgTsjtfSBT9czcx/vUvQBsr0Gq0Hw==","signatures":[{"sig":"MEQCIHv2JOHeL1njHDRJEsueoGLSE8GAsk4E1Wwy+O9JN/nFAiAS7l6PRVrn1oH2stoTSpIj/HDP6fYJ8esmdJdvT/CF6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmXnmCRA9TVsSAnZWagAAs74P/1XJw4Xv5sSHoAZeDRMC\nqLNmFvGDB23F7TdaBE08x0Jjyv+ZsSNTO5Zp3UKIhWdS/vzXn4ubpORmQ7At\nJ8e6I0kHSMrZ4yd1vPUMPeZu/pAOZj3uvdYDDIi6VBRZfDwbfzIwz/av0H0G\nTiRZvDxuYvWRouZWnKQ6USI0AeUJN8Nd9xK+FC4xZnEG3m7C5aAbFFrmDSdd\n+dzqZMzppbegs27ZzXNaa/RPflXoR441HUPmbuPMzWafzMNH226LniIEJt0z\n5YyHVvWJWJ8JhNgssQUfoOsYbIb4HrOuNJnmrnu2mFK7LS6SU+tcmsQECN7V\nKVUL8eMkhSniqlcPH4FHvKavbo7OGlwbsz9oBP4E5fsO1GRujz4DY1V9QHks\nLClqbpktdzDPKvH3hrflCSdg0BSqaA1Duui4/DXSjGtSpXnyZL5XrwyNvHCv\n340spQuPNgyVmjboZzMtCZlH7C8p3PZ2Mmd4EK3Tv31UiERRswVsQgXoTJZ4\nbCo0epj0DrFHz48qYiu921jWDXktMvRLO0STtiSjm7pwleiqDJJx9jQyCmWW\nNFwO5fMJKMqb3EHg5SIvzJvvCbybhTVlld/7/u9Kx7EWF2vtyVH7F3uKsUpK\n3rrYSoXidkymRUrF81t1MSGuVx3y7A4kIvCxokhkMg7KIDRjW7GRCdZFxjJ+\n9KFk\r\n=WvZf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"273a15f546b8d5df597771686f431c3726397778","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ec22e1da9.0_1620670949762_0.2276904422803261","host":"s3://npm-registry-packages"}},"12.0.0-nightly.7427449f0.0":{"name":"@material/feature-targeting","version":"12.0.0-nightly.7427449f0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-nightly.7427449f0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56c12ee305b123d066ffb955f5dcf33fdccf9402","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-nightly.7427449f0.0.tgz","fileCount":12,"integrity":"sha512-Qhpsoar18Mh6yJbFCqVaFuko0+WpFiqH7Rgx2BR8VhFO886tJ8ose8pwIL7qDhN5bY7pqP2iPGkhZEW0Hi+5bQ==","signatures":[{"sig":"MEQCIAx3x6Q8Z/CfkxllA4P7bZ9XW3ALgf6AtK423Oxje2cUAiAmRCjUtDFt1zZdtDLVpSqx/IizO/KR7nX9r4CJKKstUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmX8ZCRA9TVsSAnZWagAAEOcQAJvmJNptLzzaxPuFXYzN\nUSjxxNeUfCqpGtipgbPH/aVhfznSbEtcMUwLi7l2Rd4Q/KuNJv72f5C4Xpat\n4qSOSAhK7icYvMdRwn5fq/at03H9pzqlJqLG8QiXmnCCVUgBZBpTmQ+cRO3T\n9mW6Fa5tbIkl5Udhw2BtijOYvJXRh2Cjs8Z8pf/tS8tjQ6I7Plev5CVqnPiZ\njihVxvbgwaXBTQFotkt8dpBgD3IbkjWawy91RdXhNZjJOeBT8A/pCDbNmXRs\nkgswYK5L1aY6c2M85W0tELiTuo6OP6QfNuwENsv5pjar1hO4I9a0yoAgdMuP\nqWg2/wwk4JoXCTVZry/M7GJXg2dZ7ubwTIAiyhv40Igcooes3VU+l4sIK/kl\nIVMgDXj9pviU1LCV7WYwcdiZOJloPdZrZSwGeDU2AyEmPcmTjgpVb8PTH/Nz\nxDJTubJwui8DcfhqNVIAeXuYTNY2W/ntIkVgEFBBt2sUnsh9awsF3QDQaNhP\n9YLEONXbmqT2jWLndm2SpqypN4cRgpXevUuDuadNF1PFIBsk1CXfOUtL8o0P\n7gWt4c8dc/DD/CwPu5q1si2bHoXz7e7n8Gj/VgrcMQeBap44dW5G/BQWnItB\nNcSYvd4KmaBKVrEHBP97V+du2qnyCHpQmycXepLnnx6JaKJQhDJlc08UxUYQ\nzXDT\r\n=r7aN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7427449f09e9521a6deba6ba7da71038c2fc1f05","_npmUser":{"name":"asyncliz","email":"asyncliz@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.17.0+x64 (darwin)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-nightly.7427449f0.0_1620672280788_0.41842562114307613","host":"s3://npm-registry-packages"}},"12.0.0-canary.957cc3bf5.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.957cc3bf5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.957cc3bf5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bccd21226d01dd22a384d922b2a8ff5e7fc3596e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.957cc3bf5.0.tgz","fileCount":12,"integrity":"sha512-opDc2OuRZOqfPOAvKrdOWl2h9ynnBKwjQBHzIgvUyFEf6v7IRDcRvgU+dp5111hJn0rgXHFP4VGG6CpZVbD6Wg==","signatures":[{"sig":"MEUCIHVUcjHTxzxm+LdXceYrNuzTV3mCIX4AlOkiSsGuWlQpAiEArjGFKRBZQ0nkbtK3vXVerHUsOwMGR3LqzAvfGVItzAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmavfCRA9TVsSAnZWagAAJHYP/3zDRgynG9t2t3OYRB8R\nkz0uHFQ8PFpB6a8qi9KxoN+nIVIHJJ0Cbn5BGpqnWKyLW6TbLO/+IsWzUZIk\n8Ayvn+ERGvph2Y7LE/xSQGEztJ/ZPhKW1+vfImVqtsLxLYYrGSYhHsD2aRuv\nHb+n9C8psbuY4RIqO4liWrfQhaPLz0LLU7vcPhWbecktR5nIHzMkza5ObayV\nYCy4X9V8e+jOjDLZ7zRt4KdQYfownhOJxkx7u7FN1gDfJm1X4HZBV0xyOac4\nqT493yX/Pimb8J6WR59at59QZf9cFb6wBvcRAz4tb0pz3tzH15PqGuxMXizA\n/0LYYC4mY1OJra9B5am166/UjjU44/imH21QucN76CQBFQOPYibKaiIhqNLH\nGBbOKuholQdpwi9fLyP0Re4D9PQUG2d1R/Gpm2l5kvynYdPfj9b/dwggauIr\naEMLKC9IMMqAvyEfGGP19jGcCqFi+PP9oZXb0RLrAZNMTtRyWxOhyh0ATtIG\nfdAKPf5okoksfaR5UbKIDh3WlF0l1443W/fRYi8AtCos+V81+EVuT/YgkKLg\nlN1j0jkStdj6ks5SUMrpi1KgztJ0HjIKI7lpLoeCZIfO4OyOeBrRMP3+beLP\n8oSZ0HL/RftcJ4a8+RU8QQXFedLXtuBsmSwOvdYLROfayQUCW11Pey1FFl4S\nOgHj\r\n=DH/V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3c29cfc65a597598e2a8e1841ef1af72450500dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.957cc3bf5.0_1620683742651_0.2674836467318449","host":"s3://npm-registry-packages"}},"12.0.0-canary.88a33cd70.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.88a33cd70.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.88a33cd70.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b62c66efb91f4cb7e66437747529d18900f11ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.88a33cd70.0.tgz","fileCount":12,"integrity":"sha512-yyiZn589zNoEJgr5UP9CdsoB1QxB5lM/bDhAeTIGYqEjoqJBGrikWlvNX95TR+0fVmN/By2Rgow9b4lXX1lFHA==","signatures":[{"sig":"MEYCIQDKB8cTx+AQYqj6btaEV8AMtWexSDYrb77FfmNaeiouSgIhALVPvcTpNR+l7QKoho43HAg51rfCVHz8pTjNA7KvIKEl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmcrbCRA9TVsSAnZWagAABiYQAI53k3QCzvwVOHrTBhJv\ns5iZcsENHv+CK5amTpSVVU1MfX5E2hg5sGMSQ/ojiFnLpQmvov/kZqQ3W2QH\nQtOxnayVHwj9hnVNfgLIPgpzUYiphigvaoR5rbToZ49YAz7Den1DtYhKCxpf\nM6pkKJle17kydKZFhjHkwBlVQpxPc1C7pE02XJzSehIYifWkfWmtLdsJ38di\n/uWjsw7EF6B7TTPxeIxjEgXCFIigceSGr8LWHjLjuzSJPe+nCAdmGXfkr6lP\nZuzp7R1jAgjiSjQqeMZcjGhii27cGmj/Zh881CMoC+qVlmTn6+cl5lfRShH8\nUNmv3AUk8Pqz0HPkgp/Mj0Bs5gZU42mpIS8ndjPNZ7/Pt0r1Hlxk9qc8j5uW\nT78YG5Sm94xB9hRGwb2Gtdt4SA9MOD5rFGNXiXLPk5F67ZLYRzYKHduGU1UJ\ntLk8fICy9DOcC84BRRXwrkmALyXJ0VC7qDMBZpyLano/NAWNA25a8MKDOWl1\noixY02pQb/B/KmDaiSF7TyjRDTcQGRoQ3bWy7TNPkJAv9dLy9rWVNYqVbvUv\nBZ7wNFTxyxEk2zGiavPJ6MRTQXZz0eUyHeWHa9bxOjDqfu4sA6eAn96LvCtz\nndPWMhDEfTt5OAkWUcUmrmreu9ZOsCoxA3/KpLU59zg2Te7BgEBYDKXtT5xO\nN8wo\r\n=/FK7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f1d341efc173e89bd2770326eaeb1fbc581c9648","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.88a33cd70.0_1620691674534_0.8762801229292083","host":"s3://npm-registry-packages"}},"12.0.0-canary.d20dc6dba.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d20dc6dba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d20dc6dba.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e3f3fb591620ffddd22fee7a6810dd6400e9c84","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d20dc6dba.0.tgz","fileCount":12,"integrity":"sha512-pvml9D+TXos9e0EvOR60MsrM6DtgBRNZBEwIFCm//MuSoxv1LUU6KUSGoPC9NoO+aWlPYo1PkahCQ38QYyrv8A==","signatures":[{"sig":"MEYCIQDFLe8seeKhRFrcIOE5asB+uCBEZHTYNsXSXV/FDkWPlQIhAMhe3FChAllJCPVfgyEN963Xs+QyfFXaCJQKrENbVwEt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmc6ICRA9TVsSAnZWagAAQIUP/1wPliyT7IcQbSkAj744\nXx4/sV0EZud/luDYFsAPa1GzWr+fRVXBgqqHCcTykJKuaVvzeAmU8bYdZVjO\nxlf9veAknVEsOvNGfx/0YCDGBu1RdvShtkRFJHdk8QNxe5Q8xNAptT1I9AFO\nB44+KqsNtQb/bGWfn9TKHH8thps46ZmBayNR2qiXy/n/sfAXloiPEDBRWbGj\n0aB5kvnwr+OJQiQjOu1tI8a3dge07YMbf6wJXL2fbOZYUs/eUku0CZ4BSfR/\nnKfhm0KiUffBNWfyO1DQBjH+//NuECloVziY5EntPVcNrwUTrtNZMkyNi3jg\nCIKP2/YzIvglz4gJ3TL+4nr8eXUsPonzueOdHQNzMqQ8MeHdSPRKOMW5hEJS\n2A1taR4LPNzj778x/ttf7k2cNZ6evEB+fSjOixRZg7z5sm4uRnhzaPzrlDSX\n4JM/00LCvXxlq/3InZAU7JTef+AJRUbQFwGNCzk6IiUlUxizSG3N8n5ori4F\noF3Q00EIPa0IOdjyGr+2Nx66zYYnuojP27qSYpQuZpKlyokj7/XpfJQ73kjC\nBKjp8kt0L1qSqBKwGOoGtGSeXrpJ96BKFnyxJ5GPTtUUOIBCtlKRcYaa5CzO\n6pAzDq2+5XdMb7z6STijPBsaT1zQRtzLK3b+1sEnQx68xP8rYS9LA4y09jHq\nmp58\r\n=botD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f2980d3f7fbbd8d2e3b824a765f7fb03096bf11a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d20dc6dba.0_1620692616009_0.3775355303401009","host":"s3://npm-registry-packages"}},"12.0.0-canary.0ce2fdb02.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.0ce2fdb02.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.0ce2fdb02.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b78fe5dfab597fa2888f8fc64b77e07741e66cbe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.0ce2fdb02.0.tgz","fileCount":12,"integrity":"sha512-Ea7+iDZubTFIAZnd3cz4rmd4f2SsWzq4zq1CECdThCuSvfQSqFQdMCGU5HajnOWN71Qdwb/fXykk5diJlQnNBQ==","signatures":[{"sig":"MEUCIQCysuXor8dtcWbFtp9Zlex6T2nvkiA88a8FqQaoOS8HSQIgYmll6CVs7Tr4icpAfxAswUpreIEOObVZMvBTwuIwPL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdZ9CRA9TVsSAnZWagAA0MMP/0HsUCFNbFhO1d38yMsp\nIM5441HqGm3xmcWzCga7I+e9vvNU2WFbPLYl0u3nS+8TZ/OdRVquEgeMlylU\njWsWbjnSFt9k0NyeCbg6Hx9LiHiUh414wF1/b47H8DwY/0FaikmH2cF/tXXO\njBuiS0xeJsqj66nFiVZzF9Bv6HNxOxImQ+uPYFLJZSmqYIntvB7Z8w5hrgV9\nCj/PZYrmfhcSYQ5VKiem1PYJR59Ais/f1cE1Bv42WA2aFNmbnvYfw7c8PP0B\nS96EYIEjzdy6DF2V0Rq/bg/rboqKMY/aGIH/kpGw4SQXfXzEHXYCK0JreqTp\nV0hrJfQPLFNjrO+sgNM4APdrsGYyGQMY2KwMU7NifW38FV6O680qbIfPD2Dl\nofaiHOFVnH0htQJWR4S5uWTNHtUTjoXtRP/3Pus1+0Jb5W3uICM1ti+PW5ZG\nM84WbVAPY9Ii0YMEqBpMLUmZQajPUvk7BbskjsEf+AT/ursNhjZCBCDoX8c5\n/TaJguEgzh8gLFOp7eZFRQVJ0eKVv2BlBcB7+4io4lq6e0nKZdKOd9EIlyGa\ne0w6NJe7ePQrSxmTU7AODt8AxkxQw4NB/4OEDpM45Yu6G7gXGpP+nePROHXO\nYmn+NKHNhM5z4z3FUbqD9xcomVDNk7lfE+BsMqggZJ5MuXzwXrvZgjlpeXew\nQHwN\r\n=7cDr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ee2139d87a1d755a50dc6bf0a6dd53a2f39548f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.0ce2fdb02.0_1620694653042_0.8916351894210051","host":"s3://npm-registry-packages"}},"12.0.0-canary.cb162da37.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.cb162da37.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.cb162da37.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e158fb35c488023b1a07df76199c194e0f31221f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.cb162da37.0.tgz","fileCount":12,"integrity":"sha512-G3UNDMo+7GjGjN5/WJj9jVgr/qBKqb4kEsNzsGgiFfvQ6tjvMRJRdIhj3FGqGtlj1W7yeSoO4DLkHECRoP/ruQ==","signatures":[{"sig":"MEUCIQDzj5q44EwbopIJsjyX+cOW8BGXuu3D1nNdI5DgtDklSAIgF5EZjNtOOSWPz2CV/nrVN5QkOXcqal8Z7UKqJ1Fkjxw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmeR5CRA9TVsSAnZWagAAy74P/08yq1TG8PCofiHV9L1I\njLu1C+/yDeVo+0TDIWtM0AKjM8JdpVuB7fEnYH3FpFwA8sdF6DrIF5p12ayA\nHXk1lxw2Ed85vVjCgqzkJ0Ntj80iR2BLgYz8euujGOtZnR/mX8r5Vu30LOJt\nrOnnOLzHX7rV1CM6QipvZuBbz1UxFqWseFl6zDva1gUgNPdSBVIdtEaKYJYQ\n33IS9zRA7J6ScnLT76l9rTBTMvaGYMuJJlWArf+ZAj2wEKKS6V8W+K415O0g\nh6p/ZH0ke3TmZF7JPNbcI9DEPGXOHYrXqr8QUudpG3ZbMu0f+Z3fnywW83Ef\nwKloMSq5U1Ko15elkUSTsvd/UnzucL+9VUHb5d6B1M3evoSFGCTerfp9att7\n5Vb5/A27nKiUHb+Y342pBkmMPBnVW+g8mkmglHnExfXTHB2NlnQVxu3tJDui\nTFPn1a27DzQJxpg2zBiTuz51VhaKHO3rax4ZEOAzNsLmFONL8ut+g4KKYEGb\nEisJ4S6god6lGXXWcJHk243QM0FEfFfipeY47XVnqVHT5MclXBEn7hlxp3e1\nNgSf89zWu38ufU0lzSYs7yQupf+mVTJ3dHbm59d+ytgDDZ2OWMih6wDFh4Mc\nHdm2YFqwsshSIwCA2kUqak4nvcVHREkhHoqC85VUknc4M4L0WF8mQoWNGUk2\nV+Ep\r\n=AKRN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9858adcc9ed7b1111dde19951ba96847bad0beac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.cb162da37.0_1620698232678_0.7272444792317225","host":"s3://npm-registry-packages"}},"12.0.0-canary.573dc7ffd.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.573dc7ffd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.573dc7ffd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5fd0fdd0577db818b7090a970c2854f88a680825","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.573dc7ffd.0.tgz","fileCount":12,"integrity":"sha512-lspDT7w2VtMpGUwQU+n6MMETZBV45Bh8v+QM2S8ibpyv1YatSPzb4gF7Cj+Q7nNAEpiR73DPd3d+mdHCgmcDLA==","signatures":[{"sig":"MEQCIF9TEDlW12XZzMjqPVycl/Jm5ueIxby2wgP8yswbxavQAiBVAD7kah0si4/71yWE8NPH/u6REdJLiuhtu8srRsVBKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmejwCRA9TVsSAnZWagAA5HUP/i1RLcP+yznFVJzKNJoG\ntDdM21x2aNoPVan770NfrrCBONb8rVHAtTyqvar+9SZoV8KwKflF7EiPmMZC\nMW2DB7WEiSPa7/s+0B5MFckkwQaJuaWUS/w6lZiEZmWe+ZTjAF/+N7QDfWVv\nPr0u4eRiFUbdTT+RpDNUlsWhyZt1qI0ZWhQnJIGio4j0yfypiwa5lpJKAHch\nukqG0jfJWqi9x2LVZWSUO2Nf6NacbT+GdmxX1hvEpZqMvnS9rARe80ZSAKgp\n4EFsoGuA/F1NtEh0gJVgUC+R7OUYsY8U+iXMvM+1yLOwiTl2AZlt93Fd/yU6\n9SU4UAqFN6I2fyPnSZ27c4p+rzXhBkBnQ0CHbkAKGX/17SBzcXr1UgpfSFxT\njfCYR7TXYMZ9Op7l/yLbfggDEAV5590xly0ahBIsYeI9FajEE3LkYpvTWUek\nkK50WodqmIQKLsp/eu6FJGFYpdLAM08BLMFHvw+NUh1eWyUhi4KbQAG+EjoE\naGnfGwrUCBISVCUzGwub95upl08c7sp/SVRKoXJiVxNeOkmo4/d+Wy+YXbl4\n7iE8oOdpZTG5aLluO3/7Yx1cHCfCA68lI4moZXo5Qkprn7KGa5CWyLSFPZKl\nn59iQ/hebzg8ETeTaurTJYoaQKX1VcZVd5ywZS3vmA9q2S0Ddt5M2s/aDWDu\nb4Yo\r\n=Cgia\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"67aa299a5066425730ea2e8558f89c111a5ab156","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.573dc7ffd.0_1620699376005_0.26484457879847634","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f6ad3fe.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d5f6ad3fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d5f6ad3fe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41cd1e86e56ae9362e22200c32abc1bb60773447","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d5f6ad3fe.0.tgz","fileCount":12,"integrity":"sha512-BN9JimC7vf0Th8IpNH0jCFZZSkLU6t5sUwNKaDeWZ6GA4dh5def/d4LYo02xlfW+axdpzJVW7g/V/T3wz28OMw==","signatures":[{"sig":"MEYCIQC7RW9x+I7pzu7rPoHDHSs4my7N8DepGdErLfjvWOKQdgIhAI+3WDfUH1pNRj+xkj0lZ31QNszVIbjLmj3d+yPDcgrC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmxF9CRA9TVsSAnZWagAAggUP/0ODyUZBDkw67XNwnnfT\nR/UmIewe8ggpiKWPscQUovr+Bdt+2gUSRmyFAHYHAeKeTLwiqKdSMoRS5yas\nrp+OwGeS4xRo4FFn8abbo5n8NWunB2jM4FU5CBlobQu8XybHVoDx/vwPlQ8Z\na4+uwg92FPN7fyvPC5uvPdnPMW0T4NU/Qa0O4qccAkpqvd1VZTxYjAcfbNp6\nHeqN9Vho0RLw1IFuIEdG3alwNI5TjqRe1T9qWYUEUDdPxj2mC3Jh4/k4gkVK\n/uZv0loyiC1lAliw1PNe6MC7pEfOOHegmhoms4TcQ/zvDEaJTer9JWGh6Ysg\ncU4rPCJzWvY4UXJ+6EVKDsmOJn5xOsNxsblR30v9lKGPCuYGpsJq6//Zh/vG\n3rz3H9/MXWovd23om/EwCgy+56NTd1lWEYUqZj2Maqh73qrl+MgCnozsf9Jm\n5+uvnQGYgPWVDhkGB3sDtzCT3Bo46w68yJ5EZPiYpUI5itJ04kNdoeuQvy4U\nlqv54M/yyw6RLUrLI0+IEUwnlkcfSLHpSafLsbSwX/56x3EYf4K1OanQYa4v\nYbgvdkqNjPD6+hcNNXBTKfDPTuuKZ/bZKLVL0I8wIe6En+3ol2nS5mXMBkF6\n4R2NanNjY6iba0dyKKAneLf8Ynn1PfgDiv9IuJvqzVKoW1LApILQOBhMhFL3\nyVRJ\r\n=JSm9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c0bf85201107dc8a95576c2392f5b1771bb2c969","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d5f6ad3fe.0_1620775292951_0.6008739115665365","host":"s3://npm-registry-packages"}},"12.0.0-canary.25751d2ed.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.25751d2ed.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.25751d2ed.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2293ddaf0f8b75ccaefb3972ea7f4275eaf9fda","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.25751d2ed.0.tgz","fileCount":12,"integrity":"sha512-+03mlL/WCp6roMEPs0LcJD93yP2PjUH3VWpRVEBkD92LO+EgRgJxScpolbLqmiErVwoecBuasVS6E+b6FVGshA==","signatures":[{"sig":"MEUCIHehMRW4HAj60MxoWTU9QyEKZ7kEE0nQJbUSoDbBSXrVAiEAlmzJT671T0O5f1+MLH1WrhIxvqli+omZ2g7DwCfgsjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm//eCRA9TVsSAnZWagAAbBwQAJeS+y6F2L+kfrcOzVWX\nQdUB7aToktiOK6QJYhrG+4zU6loTsaesMbUp84iMo8ghmGPAo1JW/mQwQjn0\nU0KIqtEBUcIBL96O0T5e2vgTLPfgtFJU+yqFYBun4KIKYpSj3TpFlxrgtdVf\n7up63j7ieI3jFTIe07XvvFPNu3w7AUGpWxSS4W5tFIr1FQ2XiuM/8Gn2/cfG\nnkpumvSofC0CQxL/JDQO1lyaeDzklfE5jVit1LPGALg3BJ8h1cUh7HDZxKj5\n0jlmHn4P/m6gmvqKFIQ4nb5yXFmGnTdSonCuJVRM09wn9hIlrm6B6Fk2WWG5\nlFshH5hNeFt0Lru/vmpMhtfK1kZLmkMa7u2jKN5ZsLfZYx5nHJOYUv26HZQh\nxJ2Yfnj2ByeaQkxf3ebyy++qF2z8mnkIUoWPtuN4wg4c8dDP2RDNEiIdRFwl\niMriEm1yolFgAhZe7zusfm7eg5BK9mMmqcCJ1fx58Q6/+ReV0JfnrsfinxOg\nuagqzxQDb8wVFkBdxBGKN7nUejyGNOjexAUDNcrRD8bo3W0PeOW5FwNFF/rD\n7tkujvtfZ/0o3LM9gx/R3k/WZ89MUK4IOyQWmtqyKfcV3eDo1Q7ej7doKIdH\ni9vBRquBYzk5UBinE/3F0Xzro2+Dsh+lwwcmgebGKcgpUtHBdA/DLmJvctmm\n3aow\r\n=ql03\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c38dadd226475a1dd91a992667019eefec273bbb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.25751d2ed.0_1620836317802_0.6157526259392865","host":"s3://npm-registry-packages"}},"12.0.0-canary.a23ecb682.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a23ecb682.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a23ecb682.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3a03ad64370a294a8a51bcc151b1f0e20ac4086","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a23ecb682.0.tgz","fileCount":12,"integrity":"sha512-Q+LZcQbh93gKpJZ6fZk4GmN5p3L3IrZ+WhLo3iCuiwJrpIVU1UDqk2qKFsHWIPqPL0T/p8jFCD51VHPQmM9fpQ==","signatures":[{"sig":"MEUCIQCyxy5skKl2XutKE62AdVxRvxaqBZex9yxiA32itWN/lwIgZDVHEja4iXPEhv30shAA7jj7EP6zZYgPyzWicjtff4E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnBzQCRA9TVsSAnZWagAAzicP/1j4Jdt/0p9Uot8Cz0rL\nu4TpPeMTSPfr0hJ1muvH8SrrRK8V67ktwiqsrgTXUjYeaGDwj3pXmAPfD+GO\nwkbegxNnmfF8BBmnbxE0FbCu8RF2MhY6YzCSscxx4Fahwk62Hjm3ZP0VUDrg\nJRsqrE+muR4TxBRMSXYueUiMYO8wE4SqIJaFIZHBakawo+jMI00wv61P0Qq2\n5bf+RwfDwJtzvOuWn12sa62AUi7N2f3KEgBz1C5s3GMYPreFUfbOFJXOKKLq\nP+MmAOskz8sDDMNRIpwfOxCmwVvudiZdj3zRZfpkaYl6BqGIH3WvHkO8DEYH\nT0T7wQ9LMjagN9DwPTFiHWK+gUOd5Ea66gvizF2s2zHS5pfVlIwlsMprJjkz\nB5vZRYu6FuvevKgQJIqH8Rc6ntTYRohhYr2o+JzuPUKTMa5Wm6eKzUVeqABI\ng28TVj3F1RnkszIicOMoO2KO6evClmOYWC8JOzUy9ZYVrCwESEVk7ID3vozF\nK2U14HFelU20ssIHuOCm8ZNUPBBfi66PlF/mwempL4qcvrRyZHi+7+goWFrv\nl+BRnGV0DjGJj+IIAm1hMP3ir8oDPwOlK7ydzJh4aL+LQDGpxfyBNK3toMUN\nT39XNoBHzbREwL2zXtoEBlYUjuzitvsvUovQXG5j5fJoC9ussqmizbHmc/Jt\n/zcX\r\n=LvPo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"da78c3f024a21d0e0df18a30c887082b202d7269","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a23ecb682.0_1620843728118_0.7651914132773283","host":"s3://npm-registry-packages"}},"12.0.0-canary.33a954852.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.33a954852.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.33a954852.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"27ae00af88c14e4db7bbf8fa32e9b618f29bea30","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.33a954852.0.tgz","fileCount":12,"integrity":"sha512-Stl3ZR9Xfell0J0JTlL0qsgaT4DyblJ69c1CkKYlsk30rsYiKEZXsnfKha54T3XH6oyeFe9KbGtlrP4q2cikyQ==","signatures":[{"sig":"MEQCIBq3ye7aU0k2Jbz5h/DcKTMP0ZBtcAMk/EggfKkTy+ChAiB+G0mF5iKLcMgDnYBArYAmcFuZqgRY+Kx4pg8/94nj7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUB2CRA9TVsSAnZWagAAU14P/Rrx+RyxZf1M97GC8aFz\ny+u+q4ukOKLjTXRBNeoSt/AQ19fbUvLDZVzB1uG/RbXIbLJxgMTVEkvOs1A5\nBDX0wp0NrpE5KPw2Q+Ks3V+7016lVSpVpojbpb9fy5xtrqG2CTJ3r5HZ4c0W\nuvR04Dl6cUx6Pm90GV8/1SgL+GlU+XBgUiHDYHG+k9rliFGDxQeulwXQTQUi\nHNeN1C3ACeqn+13KgZEp30zEO+yWzlSMeFGyrAL1rPMrXwX6RfTOjiuD0U8F\n4KGXxNrqWYa2G3gk0m+ksFRIZ/hTsG+ISy1d84E8pVnjX54bUGIgDQDDU3a5\nMtYiPkyYjfG4fpTWnNZnpAls4WD/nuUl5FIQ7y1+d3Hf2tYowOpyPkTblQ8B\n1bpH7TUbPEhrEqoscSUd5ZXk4EB6Mtsg+JscLVQv72kkilVRHP3cvjMZsPxq\niFLCTEVX9ifnGI3KphSv7wMV2oONrhtGDi18BqBFbbZo5PdLw9PDOs5/McUj\nJcNPLVCqbemEKG0qbtQaNepUTGmYWbi3Q8qKV+/+lr6yjaeE2gSGH82QrwoH\nQDYJgloUa/wXTrxvhL95UglK9YHzmtYgfB2RZoR3sfhkvtW2pqOxNWr/XQCw\nKzvKEeU8v3XqcHx0vcnE+cxOXoPzWkEEPTeoZDbikwdfEIunzH6g5BpPj4yY\nAZ03\r\n=7Q5v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"703dd5ba6a1225efec74655d3393690dca1922eb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.33a954852.0_1620918389879_0.9801498519928002","host":"s3://npm-registry-packages"}},"12.0.0-canary.a4484849b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a4484849b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a4484849b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e7bbdb79525771b0f9c914f6feb21a0de753089","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a4484849b.0.tgz","fileCount":12,"integrity":"sha512-BhPugxtN9lbM/2hYPSujAQS0FMlRyIz73tDEwR2tc5mE7QiXAdwKtm8vhZ+8i2MilBE2KRYS2XoM398QZsZ0zQ==","signatures":[{"sig":"MEUCIHcZVdkeof61ZS06+zEUTb31+rXhwrccD+duyooKyr80AiEAnoC5uCZf9PE2WIFSLCSgiYQQWQB/J6A4KYJdkw+hKhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUXwCRA9TVsSAnZWagAAfCAP/2UXmeKemyF0J9g+b8hq\ndnyXO5YSMGaJBYzvMcKeeWlVFKK5uWnoFcSDpCXi5SyNFNHKFnZ4L0myDkSU\nGXtgBB7BK0nGYxZfhMac6VnnaXRfdrvaLHD4Nr3wJ0EsPfXxUz9Uxim3IynY\nJUtY/Jx7e7zfAzJveg+J8mpSnWY3at1tN8VqMSeqk+aNJGrnxOUfoe1Se/cB\nC6JD4bjZRvkpITH9+G6Q9UjSmgGEtMC1txh6nKxUoDbe2LA3/WTKywqnQOFa\np9h6e1kR4m4G8d3F62c1J6AInTviUUsk9TboEpLdETdDgGrI6v9m0TKVyDBY\nJDot6qniEw2QegmKKP0hTLwnAcTcgM73lTKpsDVE2OhtDS1Xl//T8831v3XW\ntpU6fEfyQMhAILtSXJna8Q7kNW3LDFX3QykjRoil2dg4GgABgFaJXTeBGoQT\n0eikiDbMcNEv9kcyUTREy5RlIdE790IE99y40fah542mXvud27BOS5qaYgOu\nvvkwf/kLfSswPAcSJVg/ZDzdRsNTgbx4+D38ju4tpd4A3sxCRk7hZIoBNspC\nwXfom2IKjSslr2iCyr3WMlhZ0WufqYgCakEQK/OP+MW0Og4Q4yp4czo90u5I\n/rC4bcio/kV09FtAVa3LjojWw14aCDSE1XMR/YWdonZA9ovoFYAiXtdX658i\ngmAr\r\n=ZzOo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7908229b1205198ad87858e49ed29ee3836cebfc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a4484849b.0_1620919791906_0.5401570261568187","host":"s3://npm-registry-packages"}},"12.0.0-canary.b4c3f513e.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b4c3f513e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b4c3f513e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89401b297389a88bffe37f30b1aa58273f5a8c7e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b4c3f513e.0.tgz","fileCount":12,"integrity":"sha512-XhOtBpspzSJZPCI7pHp/B5MwZEQ8nxj5pgR4Ppeo4r6hrwSnEBq3OYJYUJWcy03cMXCZu4HDfigEKDdg8A6ljQ==","signatures":[{"sig":"MEUCIQCwkNoMJ1rXGPfoArMQNUMvp60Nz12cuzmFbl0NMWXGAwIgTYfuk4B9sfA8D9tAQEcfYYvG7/GDoOaNr28zyZQz8a8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU6WCRA9TVsSAnZWagAAz5EP/iZib5k9Je2S1/obCylz\nxyvmA29SskSq6lWwhyxy92oRYcDo8B/ti77NQn1n3yIy2SHSrz+K0ji04pAo\ndM67mFICFK9N4tXvhKkpcmWQSKinM3mEPlRys8DGRZQ3wHVDvHzw9oLysteB\nXJjyCuHbJUt7uMtBcHk9dZwiE4WSTVh138XpRhocHVunjgIAftkGfUE+aatM\ncImdYZrbyLiQiiqxzJe8EEkWgNQTpWXTk72UWqPcrhKoXUXRv615X5/RP2cv\nA18hoIsP4Uox4X7qPJ/JyT0QRBRaijkgvN9hXmziw/6BPcb7f8cKco1NnHw7\nTpGv9RbkMwPtNi5E8KhSaqptso9hAQDojgegFR4nlmnmbKsNm4djEeWWFUBa\ni9x/cyLzesBYlconyMZuW+x2LCNQrcDpkXAn4JCunQ6h6M0UGb/Tw66SHSVN\nV1VIRcjufS/dLkp2GYnH4ZEgX1S0YToqz7PM6ZfkPiWMRyKr1WRbdsAMqeti\n7GMK7VsB7e5hnRr7He9ryCSKoZsNQxa1MDgc3Ecs1hV5cZns7TVXE2S0ACMt\n07Mb/5x8/LsWamAJQ5Fyn1V3GG5jX6uxPlfM3lZ9Y7PYkxJzm5XGSF4Pk6lr\nFzv9g7F8/gh/29851GnulyYRhbAbVHhqtKyy17+8tak38K2GIW1ZqEFbh+u8\nnfZC\r\n=KMqr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c2183e7caf6f0437e64e41b632f75d33156547ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b4c3f513e.0_1620922005533_0.24332028681792628","host":"s3://npm-registry-packages"}},"12.0.0-canary.1a8d06483.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.1a8d06483.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.1a8d06483.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5191c4c813a87207ffeebca6edb9c50fc71f5b3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.1a8d06483.0.tgz","fileCount":12,"integrity":"sha512-CXlHPZ+ArtVpFitBMtvpphGHWesL2n3NuE14e6vBW12N+3kj58BYCUZHLF3/tB1qJlezYEvEs/W2/YpOx8qMMA==","signatures":[{"sig":"MEUCIQDom3IB2gEVzvaKhiH0ausLIOeArA8fE2NTka0yx9KsjQIgGvNrELofsl8QOuKHb91lOdJYTAzlgKYoMIk+j1ShJ14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU/4CRA9TVsSAnZWagAAN6sP/3jxAOVyCyYZOgm2semH\n23FWwY8ynHg88AZIeH1PhoSnJaHNAtrzsbbBtWSINWQEhZYj5/caMIpDYkHY\nqCYEkocpMCkLnRPWWhUR1X8EYdJVO88YqEZHLsQEnv20ui9oytNDoDCbqSpj\n5CoZ79xx2fJq+rSPJ8CXWzSI7th1Rud8hBwedc08Sdsll2hkh54w6Y7UnXaU\nfaeHSSshz/QQ7RKYLrT4H4tzi6gPGGkxPtWfrtEXWmhNqnyOdWnMoNTxWBGl\nzXUl+e5uvrspRRjSTW+YY6QXxBvgv278/wJh6zXdifb24Zsa3GEL/RYv81s8\nCUPS/ETDhXmoxeAhMK8Z1li+y0cKTSodppX5S8tvp0Hit6Aj51a7XMmOlUav\npaiXg1lamFdxlvjaeaOj53pcgZQegFhpcFBIFc4p/NzlWp2/bStcj1OqecBI\nwkZryvoiPQom2fpiBIHkOsHg4/+6o78Id37RiYMf9Un5cwMY7OvxwWsyAww+\nD97xqHKQKQTGeUp/ZOO3ag0Jw2qFTaCoXlnGUUTWigLtYzta2iZnYo3wQMZr\nLAyfv5IT8YhXU70vq0MouROIwVKRoLvFsNMjFm/Q/i0j+HTZz/cVMhzfSx49\nYnl07YLiPxM9jVT7BeqHyqD8qPKSU2ljlPM2L+nWqVPxSgrDVxPXpDbuotUW\nbqnw\r\n=5qG7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4fd7ff5259e7910dd76488a7faab45af839a13b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.1a8d06483.0_1620922360000_0.5201698373919821","host":"s3://npm-registry-packages"}},"12.0.0-canary.8e6081836.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8e6081836.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8e6081836.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"394e4d07197c6ec9012d377b4edf1f7f8b3d5349","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8e6081836.0.tgz","fileCount":12,"integrity":"sha512-8rkkbziwBy2pkQMVxre0nh+QL4eyy5rLRvR5SxZFysyQyIs3xmkBZbdiu+hwHm744nOJHyLKIwU5C9jUUAihbw==","signatures":[{"sig":"MEUCIBhnkMBwa+5bGDUqStco4bRFSzQV8kto7ONK3Q7Uwzq/AiEA8Bp2T6J7j5Rf6Ma/lCiHZV9BeZamsiCfFrXdIaYH8i4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnu4bCRA9TVsSAnZWagAAgOgQAJ+LPHFUnyCFnggjyS/R\nsUoaplIV4vsJ8URMGhy10wzVl5uJ3QPQpmfIMhbc1fGm8xLx3O9A+8ykUk6r\nSYcHRY6CSTzex7+IjyXX5w0gjmWn4hUEZdpaxGwwv9h6zMcmHqkqHeqHMp08\n8x2xyJvF5knAL4ShWrplgd4Jkdw1rFsyuMCWsew70vzkPjQ6idhW8A7afPS+\nmRvo//UhWfckq0XHDVq+nZfs9tNDAebtX4wWmgKK8ZzGgqrDM0xTIbNiWo/Z\nMvggm9fk+wwpKjuJ2+V7tQ0YBqLChofdlujgvLDUxSERgLvDxuz+gSmi6Y+w\nWbzKmzKbgpGO1wKRUcwBfAdNO3qkGdz6D9sqCMW/OBnFo54l3M6CVnsFrcpa\nVCHWzylU6i1E6cvF/ATaN1rLAO7oYtQxjdB8Aam4nLxfY4zLA0Ef47PkQH2g\nqW6EBhKRr6hrCkc+X8+HDgttVM2oP0ucK0jPzbaHWrx6TkRG67ByhXKe+Qcx\nYTxDeHB9a3pIP1W7HUTfRjv0ACG4yOsz8PrHs01dKo1xx/Lu1N2Qatw7ZbwQ\nWAi49exR0J2mOVIzds0MZX6gCn5Z2bMo0G0396LEsHWdsC8TBESW/07zn5wT\nbpTtVPnwX9BeVUgtjODwucFjMJjOOGrO+lSFlzfMOIqFELMNIlq2x+3tam8/\n0DQW\r\n=PmCP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e648805eb34c990054d503fd3f70ed25e40d6d9d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8e6081836.0_1621028378394_0.8366954476809367","host":"s3://npm-registry-packages"}},"12.0.0-canary.a2b0f4cee.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a2b0f4cee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a2b0f4cee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cce4f662fb77fe5d7f2ffe8f64a2592ea8c1a8ea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a2b0f4cee.0.tgz","fileCount":12,"integrity":"sha512-a+qQYaLKSQ/0iF3qiJPd3C2X8Oeyw+Ac6oPWe57B8v/+A7bj+Q8/mdy5kK07f655KEGl6vOzjcLVmR7M9f+XOA==","signatures":[{"sig":"MEYCIQCsFODVPyZfzr1IS5WWEtgk9UvSQgAL4PgS02uBbs5cFwIhAMcsy2WkJdIz+n0yIRpEd3x0zYeGN/2xBV7s7tgvYuR0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnvEyCRA9TVsSAnZWagAAxZwP/jUFRAWSy6X0g/jKFEbW\nqTob2ajtPKBVOZitSi8oxcExu/LXgPdgmRTJUE6FcZp5HYd2yPIf92O9jDMn\n9zdCXvOW7qcXxknFcU66e9TvoobUpokIiusEZYnWXekEj7D+JKDDRog6gEjk\nFGjeXepezsHT4YpDEh/tSOiSlhD4KC5qwKzisN+md3ZiCFTFZShSUfGjwJXB\nDlkBzxcifbphKB/rDeLBN+/i0qdunT5UXLgZr6qXMlgtXG0lA69l8zJrvCjh\n16MkNPjUwB5DSkQKUvp651UoNf81p3Y+h7BhibQUBrkkTwOHJ9spuuqqJXBG\ntqAkk1I/xY7fEB8snzhUainIr30lWSI5jyWbTQwbksVjm0Y9cOU4FG/MzWYc\nI0WFKPn2h+h5XU6dv72kslj3fqeXSWVZBk9WVtJSJaY0le/Sr/f5uo160B3T\nj36zlEJmW87NqMivrJwUhCGvbZeRGzz2XzULeGKf+K5Poax8dbPHxKqZzRhF\nbO7Mk9+wWQ6HHZjh9Ukp+lb9eBJfWrL1JEiCiTrOTRii6LXTuZmYxZ3GID2k\noJzUx1/BtVYCk25jvl4zPez/4rE7x7JIB8+PBHx3qQfDEVBewMQA/P5eWTf/\ncA6fUjxd4Uez+qkbJLHmQImverocPHVh/96inNG/eNGVH4b5GDA1yUFSLA8g\nfG26\r\n=NJoh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"67c2d3cef073a380a13ddb6bbbfc90886c7af364","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a2b0f4cee.0_1621029169989_0.06547128669002067","host":"s3://npm-registry-packages"}},"12.0.0-canary.e8e39ad19.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e8e39ad19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e8e39ad19.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55c57c3a480114562be651e913bba6589f7a9a19","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e8e39ad19.0.tgz","fileCount":12,"integrity":"sha512-4gAYDXEtqWyBeQy8yCOFbKsUb575jJpC/Pytuv4oyM/Td/KxizdiRD0/O7wF9C4PI9jjdQl8l9Jjs1gl3AejHw==","signatures":[{"sig":"MEUCICK4avD9eLo7lB/e2RnrEL91PaESFQ3BtAWs5MlIjuXIAiEAqioIbSCGFGRVkQUG/Dpy8kfyGRcJ9tz9YGss/4TGto4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpB+YCRA9TVsSAnZWagAAMSEP/31fHui3IrEC03uFhb+q\n0tZ16Ecl47V2PX5T2ElvgPNIhQQvDHRX+61wtjq9Wig1HimcOoOTpgpXOF4l\nreU0tE8zDJexDXW9CUT1FiQ9nwrICjze/BuyytQtpmff4EwoWQDoIJggreRZ\nZVIs6NXyfm2eBeuarg7zKrYtn++a6b2qHXBe7sbbVYunUz3xWHaZsys/TJS/\nsedLjxsRR7FycyIymibD80Xtt4CNCqlFSUoXmacA0l0WdYtcZ+F9AapKYAau\nZbL8Kwbatbne7Jn/lMOzUlkr7G6way5edQJjC1pXokxFnCsD72MAEHLK6AMX\n+ET3/ithebZd2QEv2ADjWBAONqDH0CdkRYWN4RObRIAmxUc4TE7QXAswHiPo\nuamRrqwqxjp+tQp5b4Iql5Yeo9h3mnuTUe5Z7IsEf2XNr0EAfow/diq+H1tL\nm6Av5Kpwew9EG99rsKsJY50uS8bWBGjwuHPdVwIm2tuPgPEiFEg27DJjBwd7\n+BuCUC0ISskdMxM2HNQPt2XY6a1Ta8XVjFdOxlA78mbRoMbzcRzGAn+BuuGZ\nBIoVgu7WkVGWXCuri6jrm7p75mzBzwjter46rOxbV8z3IQ1io422B2oq64tq\n5CZWGidKPwzkGfZQvwaPqIqSXxR5iWHn9uyzniqo+270tz+JDfoDdsg/7uMe\nyc5b\r\n=6lfD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2bde63cf3be6363eb1508c4d7e1747acfc51a761","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e8e39ad19.0_1621368728040_0.765215273299795","host":"s3://npm-registry-packages"}},"12.0.0-canary.4bb5eea2b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4bb5eea2b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4bb5eea2b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02e7f5c2dfca537f563cbad12602fe7a3178f26f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4bb5eea2b.0.tgz","fileCount":12,"integrity":"sha512-NoDXro/spnMIYbfSttE5V3ZliOOF6mr16MK0Oy9VRSN5oaOgqnQUUuXRdLqL8XI8V+bO9v4VQtEutVJ12Wli+A==","signatures":[{"sig":"MEYCIQC8xXbEyar25q42kmL1QO7z0HLvMgSMWF2TRpRL/Jg6HgIhAOc+l55jIFP7DEWxHThq8Iwv/+HzimyVT+L1JuWuc/BT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpS5VCRA9TVsSAnZWagAALJwP+wdIpqvYWTvzOjSMBqio\nmFN0yKmdE16PqO5kdbWCaIGd5oYrKNeJYG1gbbUDmQn1vc3Pm6Z4L6UcJp6K\nW6Yi/UFs8VZVpUF8vsG1c5q0VEGMoVzszO+GBG0hL/u/5V0Hd2b2jmQIuacu\n0dy7PvgxgFALH8/Cn7iau0zFaH99e+kxBDfMxw5Onu3yd1osJYuUjz+FCga0\n5fRi2m6L5NJzXI3xWjaahRMxOTN2sYk1GQ7jlxWYr5Mnlw+/e5lRnfmpYCXO\nFyLRR+WAyd2JHs81Fx2JiNHdrM9ITg5YI4z3uPO5jwh7IdSGwYF8I19dqRZi\nqopkW95gAJbtGYosXOwNbFOzwa+QWbQZiM7hljjOgcFML/ODlrWvzAS8GH2t\njHIbds+TWSeaBeyFbVq9hCKsFF/qjsgoTzjv9IyaIV4zhaj3Ql4OxCGn6oFW\nrd0MXeP0+R0OK5p+lKTZ2O0cOUZEUvMzH8Dl9fYLwbhndl734HYD/pnLP/lU\nzdFciF+Xow4ELo2AxMu+EdhBrwm2EDGpmVCp59vA82uzU4flZ19CcAAkOiQA\nIZkjZig6i7kjkvunWK73+Qz+QaUZTdiIT2ovE23HdfVFkA9gVkpJm949gf2I\nP8/vSOwBFfr7JQpizS1zqDyKGVtnleDZuYGxhCxiWxbG3ftkIp7T6TsWqF4a\n5Pee\r\n=1tBz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9abe3ad555ba3e9ca70f37ff3419acc2edb56676","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4bb5eea2b.0_1621438036917_0.13087267784076406","host":"s3://npm-registry-packages"}},"12.0.0-canary.ccce99cd6.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ccce99cd6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ccce99cd6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f4bf8b8869962527f7c9ed8012dcbaf39672a63","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ccce99cd6.0.tgz","fileCount":12,"integrity":"sha512-wuw0+Ud6IDiSKX/si2O4IuKFODU0CT+QaFARJy/e69SPrq5FXAjkfDRCCQdaF5i0jD15BzZ0F+Uyf5hhkWyDSQ==","signatures":[{"sig":"MEYCIQDNd/u95nSIdVHxWoDikk3u73N/Aj7dm5G2mAi7OT4eAQIhAJbXMfQcYNpwS8L4JzYPYVYc7PKbC2edAwnfTpOgOyor","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpbOTCRA9TVsSAnZWagAAqCsP/0PABASe+C502aEJM7Gl\nw7tgtnLJ6v+MiOP8skIt3ughspO49jpRSB7bqGzjXT4pX8SS4oD09MUGXBtU\nkDxSd9mh3utYUjPkNquT3WnP2emWCMedpE+A4SeuS2bnt4xdf/FrVzAVYos3\nInKb5VHRk9RUsKrhG2j1Yueq05HEmZbcxq5kPIEC6ebzlujDhHYUkHhfcA1L\nGcfeTZFZuvKKEAdVukSHognpIswy9s4CQmCzvZJZxet0/75chw3DwRQWGKMl\nxEIwAoG0rsVVkvN0PYXUxpKadyjuYXCdWWL5hIKCVNgZpldo7cZ62hyFN92h\nc9aFaPpzp2mEpnkMxKhM0KumXLZLdDrv18aYEbMSmfy+uO4z8Ftu5PwqOBZ3\nDJRV57uIHdQROb7ZoNdljylk6pRZUME2kE1BSNpbSp1lzZtZVkiF0Yhu1KYO\nRq25AT4mwjGe+D8GhO/TAIRBIbcqVRGg8E11ChLDqJreGswPq05lRPOFBjvk\nyTYxAlBa71kRlofJFFRL8dVdWWoMrGMXkQjZBKBf8/smAODVwqeO0pXd1df9\n3P4J256M9OLBGGTC4CeQEKeOLaHz7f9QeUYYPNnAJRkdwlgJSvfrJujxUMBq\n6RWxGloDmiN6xBM1itGCCh1qePr1x8psP4rqkjP1wDuk2Fln+PI0ZpIVysuB\n4iCc\r\n=4/6i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5d475a1522350d9dadb5fe3597683fa7f4851b83","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ccce99cd6.0_1621472146708_0.9425051628531147","host":"s3://npm-registry-packages"}},"12.0.0-canary.14767a8db.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.14767a8db.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.14767a8db.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"33f11a082b9413b80612c8ea73a9b270a42a583d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.14767a8db.0.tgz","fileCount":12,"integrity":"sha512-DWZmOTqFjukEwTRtpcVPmSckRTujQSnWZ0nMjbl6AJwupOEOkxGj2+SOfhG0QqPbVe2priCBzoqS3bTyxWUC5w==","signatures":[{"sig":"MEYCIQC+2D5wMh1fEIDe0Ax7qjYgDXXpfzCy51RXMz6yA9YLvgIhAN4gThUcxj731a8VleAGFOsApjScAUWLYXo9Co8pw/At","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpst0CRA9TVsSAnZWagAA4UcQAIFts2bu+xtkZRLpN7A1\nwCBwwRQZRpB10ohTrRGMVd8eLp5r4XddfjhpjGQoo7rHFmNxNjFDvksKdqTy\noLHTgD/y65gaDOfsG6DhAasbLPBJUzcgl1QK2ax3humfYzNVsZ1UypsQavQe\npTmpeK8E/74KtSAjdJEyz/tS/84+329JuQxZqm8/pbLA7e7W9zuO+X2O10ue\nYjUuNaQeYRG0awF+ZiXpLgjSlu8ziciSyuf0L0DKMTMLifpSvF3n7BDm+OMw\n87y9mY7zl7YFxy8hYCkUW0dR0Q3uyJhMvoo16focDSijhRGOtyVw3xji6iyP\nJkupj5wPdlHkBAbYRBcvAa+OlX7oeZY/H0lry1kjA10ADtlA4WPES1S3qf8O\nYLqwoxiBruWu5Ys8Vgxfvz/t74QNkJmulHKOPRkBPo3FKwq98UIIvZ5tnEaF\necw2N5IdOikj/NBY/qQKz1gsjkN/VQlsAyJa1+DhxMgP384GPKBLohHTrjLp\n+QnIOiVNHeuLcPDVPKF1XTLI3Ekhg7HnAwpCLWmSYKNeLRzjOsT7Ay9aWrBe\n91G+EcFsonq+WndYNE6ackomIxGgTTlLSGZBd/4yVgUIoSHTmWWPoL52xKIH\nm2qFHlF5cXSE53ZlRyX5z0QhjzwD8eOC313OPIxVdn6SSjLrZgCuv+3NYdr2\n6jti\r\n=+ubK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a324b91ce28769039998a00879c6f441cb1159b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.14767a8db.0_1621543795174_0.023985570852893323","host":"s3://npm-registry-packages"}},"12.0.0-canary.22c6dcff9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.22c6dcff9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.22c6dcff9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc3b786fecbc0fba70d26b69a75339bf777181f1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.22c6dcff9.0.tgz","fileCount":12,"integrity":"sha512-ie8y6Y2NCy40Gk6TfhN6c2MJoTRnZeDLcuG3saR8mGOSAAvjuANvz1K1ZmaSpQlqL+KamIJZ1JA/DiccOvfNOw==","signatures":[{"sig":"MEUCICNdW+8jOqcez6c0dBxE7+H6NTKHjoYIeaxHROGYgosHAiEAmF/jkKq7Ehv22+sBclotZtEJMc1kUxySVq5GTcqAG8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8OOCRA9TVsSAnZWagAAx+MP/0gh91U7tfKEBkxevi9Z\nazz1R9Lz5Hq/z6uFE+hFTTkM76TkbLf8kukjubQbffpBNrZpiL1eeNS1lw+C\nnoxyatWmslV7/g6XhBBKTw2s/MLtaKKhlfL3DQHE68a2bTG6qxttlkU2npl5\nGjR7MXmqBa9XzfabqldFhVhkOgYD5Vpgnrzcme4VCQw+9CI2A3lLoadacq8c\nxF+ckXNr7x55tiLAHaynb7fz01w9xuYvxE6I2Q5yBTxy9x0vz5VXrgCHEc4W\nXw1h4qsKnhTWiBRuTIEI37zo8inmYjRYT8khlvvQIpBL0DE9i+m3Bd3xCDjs\n13ZEtRbUrLvabBM1ya1cpvzRtstMUpUlRQQAZDt1mRNGxUoXdA/VaFZbXE3A\n6G1lQRmg49Yw2BzPaV24kkF9xPbyydb2ozMuhud1RDj3jFzg4VrkDgcUt8x5\nhTwKxY2lYXCsI164oGKzUR6cKmtj7rtJbFlqUhWiQkQCMYTnvTi+qAk3desZ\n8R006bV6waNS9dA49qWm+Srpm/QDJm7UqmnJCLvLrNHn/DM9MBiSM3W5RC5Y\nkctA+ZWy+VvwgwOFPI/PMSJMuIXW4Ob9jKEZbjgS1+dR/kYWtnVavbjgPSO+\nHffC8spQmpFQs0+/BsPXAC9DGycXOSHvW9QWQrqmEIc2KpQ0BvEumM1sVz+A\n8GFq\r\n=2hf9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"74541e300384d800b9cdf492ff70ba20ffc583dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.22c6dcff9.0_1621869454393_0.5021507305324457","host":"s3://npm-registry-packages"}},"12.0.0-canary.fadab3372.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.fadab3372.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.fadab3372.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"570c7a4e1a42c96d53a2621dd9482b539c0e3b7d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.fadab3372.0.tgz","fileCount":12,"integrity":"sha512-kp2B4TlUlEqgbPHO56pKEqjMpVxUolg4vhs3r8z6ATaJbvtsXInExLK92xqVLfQMSE/hz/J4wZmCkFICAkiOAw==","signatures":[{"sig":"MEQCIDzcV3TZMoe2TgZd1bBq2U4MSN2/hcutpd3EckyQwLZpAiBQBL3gBnqMXwHD9M+lE1p50fmrwrKzbekUg4OMz7V7Iw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq86WCRA9TVsSAnZWagAAY2IQAJelglarMYmqgQhBJPO/\n3AC+kBV8opF9kRzuykvtSreCPLer5exE4QJ9fOB9IbiTW1otUrkK5FTMnXsE\n0bUhgVVZTk0VTI6zRfDeV1mfFgoJPENF4cACcpqXL6T1HQvZ2mCK6QcZ4Z06\nwzQgolugwihyWg/Q52PLib6X5w7dLUBDE67HESnI/HD+I+412BvDEsYuF1J1\niJ+tSSOtoKnvo0Ojdl3xzW9qQPojLPTMxmi8pmYfHo5A1Rln+kazgJaALAjd\n5kYuQVhUCcS/ylmJZXZM5U/qU91h3A9u5M3vVUtoOXpbWmfsIG84seddQivA\nasz+MQt43HNJe/B+Yj80a3soIWILA1qPdCjTNBh/lZ+a/j9ILG5axr7H1sDV\ngrkmq7smeo+f1/sj53E4JMWwwMxjmKvan3vIMJXcfxPm96ighbfK2tiQhYSw\nKLfbFivhOkP0LVheOlLN4U59azmmIsUPxZBzXXDC0VYvYnu9grY51BIs/qfR\nOJa0vjMWn8EAfo70kqeQNMF2aZdJBOQxZHF6kvx6rnlHpjixSFk8xHFvqvUB\np5Hin3rOzRWB+cUdsRWAWCS7gBNucaq1mFJTGAgiFqEjBOnNckPHegrWJ/kM\n7oJxee50uGrii0m20Gi7/atfMkz6zLgCbVDyarL7jl1OAd53RE10Jx5mQzOK\n9gu7\r\n=eIbh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d76e611194693a7270b5e10fd87906ada48c7af7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.fadab3372.0_1621872278216_0.1284083994787253","host":"s3://npm-registry-packages"}},"12.0.0-canary.caa73aeee.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.caa73aeee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.caa73aeee.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab7337b0b1a05e78a0223d6e6af6c22e9eb807d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.caa73aeee.0.tgz","fileCount":12,"integrity":"sha512-gkgeHZl3QEXSgAWgeUDKG0U5otv668thi16XJE6AuWlf31rv0ZOmvcf1fvD7EOTuDczXTXzefDEogjAx2lZ32Q==","signatures":[{"sig":"MEUCIFbQ3wTjTfoZ3XyVLWeqNdfDoubduUkiKm3FBGF4hMYqAiEA9o9brZAQIgiJMNPe9gr/dt4bcRReRv0MytmAyYojkws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrQX+CRA9TVsSAnZWagAA42gP/0pYg8tGKgH2pn4wxybR\nV9ii4p112/0KwytW+juoCMO0I2ZRxfSbFn3Jt4qfdtRXi95MK0Y2JF4NFBnW\n0xCV/cyc9rToBQ/X7RMkTUYNl2HYQDFYbzKFbonktBpOWnQ1NdPQjulsscWu\n6JAY7AvbsRJ3P7TZXWG4WBur8YHwWTBj+G8BmVHUKLYFjjnk3NIHOB8Jx8lQ\nsFz/RDalBJXcKoEynQixX3+mU9PLN1BxV3x/KMENbhbnzai7t0BheW/20DHT\nKY/gDELLnpn+GV7/ljTwfbH8dfRaIoQOokYGZHeVwTbor16X8bu6e6G+eqQs\nTsGoZniV2I1NjgySnAGavF0t9HAwB0W0XH2bQ00m0/W0G13O5PFXMUsVSa+Q\nimmOgJqiUNA96Y99fX7HgYtyDf+i0G/33fev8zCea5/tFJGCsu1FKVoQInf0\nJ2/qNIT8IQwMoV7lgVE9lC5IBMFpmC1u/mDxRSylsRKlsk74x+EIFOQlLwax\nIwX3bW4YpUMXV511eANJ9L6HLgn+fZeFBPCI30ADCJ1suVgi3bOHaQpocbcJ\nwqTsJRqqAXM3+8eW0Ub2sFrQcwJlWix0ByTK385GlerNMBi9tWB6X5Uepkjk\nBsVNK+wkYsy+wSJ+FnliohUoCmtiy7q62v1BBngmthCCzknqUNgIx1bZGkjk\nyjCh\r\n=a9UL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dca5692fda23e55426458f6b0c56c2b6dc9e2dd8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.caa73aeee.0_1621951998138_0.14388304077881497","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec31ae1ed.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ec31ae1ed.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ec31ae1ed.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1c3ca703de7efe6baac1ce33d0988a581960088","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ec31ae1ed.0.tgz","fileCount":12,"integrity":"sha512-ttW8kKvWwWAugQK1uhoIY9erjNh5ZEdLlwCEJzUo0oYduJewjOK6pItdT8zg3ZufeFQ3/g1cu7tUlcRsi9eDJA==","signatures":[{"sig":"MEUCIDOgW5mz4MTemRnvsSD6ULdDbPV4L17mYBKLRA4t6ccCAiEA6EbCjkdvYBLrGVMon/GpSBa2brwzFz4ltNfYdJ6iYVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrV9OCRA9TVsSAnZWagAAld0QAKNxbOVhF4ympt3SeDmS\n9o/K0may7HDxtmY4yLKEn+vRIvXJxf47dKOxHzqwvoT4HbSZ/zuxMtF+2MeN\nD/6T1nQlw2I4JVT55ieCWLlxxadMS71CsbIp9EEBW0H0KQV8ul9DTJ4/0046\nMa1VOFpYPVuggByDaiDHRLlo7YMTOm0tbxbW4qWh/hQtUjgb0v5piQQStE+2\n8WywaZkJ5VWZyjE6czYq1Ygmo71V64Cf/ktWw4T5pramAZrYZHVkgAazCQBQ\n7xoNIx/3YiK2SLikdHXgD29GcO8vOAf1jeWfvJ8NPJHyGcI4gtZ18pH5K3yv\nNU3KSDYf2FNzXBNqJ4/m2H89GYVoOeNcl8fNeZ7oI4iZw7BDkvrpbheIVpvJ\nQ/6yNmq4CaJJ2ifV+CbSClXomfNphjWTIfmWfRTMS/nTht9QEEgciYQqXb+L\ndqKU8Z89v4l47gYh0DYP3L3dE3ySyES25avWRKmwjH6B3U3xDIe/r8QOAgm3\nAmDJs8w8hamsScNp9mxuQcZ/xYr2o6FpxKjmp5cqSP/NsCSsmCBVs9gQpaVZ\nnza/wC6rHmuFqHvmVECbF/tquHYBYTwSkjgbspoLbRxhWAWe55zvPli5L2Vl\nHOrY6d7qg/mu0vCUpzZq1o+YgixKe84q5hRLYAZE7gAvJSQY4Tgkgie3VwPW\naYD2\r\n=4x42\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9db084a3aed73c844554c3b223d5185727b6d07","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ec31ae1ed.0_1621974861690_0.2638419949619635","host":"s3://npm-registry-packages"}},"12.0.0-canary.8530d3514.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8530d3514.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8530d3514.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd5fbcd29571fd3af9c58f800881aea25b6e30b9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8530d3514.0.tgz","fileCount":12,"integrity":"sha512-V52+nfHqaasZSAINAcq6yR5ullij3n6Ursa2l5tAkVd4YL0XNCttwy0iwro0zhGRhYUk9ErhDTZDg4Bs5/sNEA==","signatures":[{"sig":"MEUCIQDuWR2lH+tlYkiz8aa7/RSF490CflXqyyxziEmsD6ckaQIgY3Dy2bVJimCKEzW/fAX7vb8Wc8j68+xuDWglese4T4E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8LfCRA9TVsSAnZWagAAdNkP+wSKdg4VmaDJzF9ADfhO\ntFem+739uiioRog7LAg14jR7Cmex6FNLshl48BHG9XkYyJVoyHPNelO4Pi5a\n6/piIOuYxgTGmpYMkW8BaR53Rmsymav8helaBbDZivTWExiQPEjIQCMFH3qi\neKD6HDE5hbhjbbCNCfMYeAxFVSqOEUqVpBFBtq2/6d1/AMBZXTuv71srZwZB\nQ1axHyXFCoVPRFaLBMUezzPlRX/ik4KQoeQJ5dRTNUlPfg1XhQxvZI+qqQCI\nlZgzsQaeLc16ivLrd2hrCbXNWkDGDv0QXDFPRitncpXm7OKFNIYWD+rUgZA0\n7Xq08WHB5AY8Ujt05SFMAYBD7EVW32t+n10yHdwrHcuT7Lb+vTM1CvD9MMqN\n+wq77Yg4GcKSkwbeNi3YEtA2MnCE+V6wnrzalhGOjR+D6MWubDXKDNogRUY9\nQdPkPvjnrgq+RUA+1CvXQYFNBmdyogPCMsImna4ixuToIoQYN7c/F5Q20M0B\nADer12eQYDzSw5qC7ARuKpXAPQIn0jHH3uYCfWP+35kTj97UDHDo8kCYYWQ7\nYzkk6QRoiUmn7grrRgU5pTVdj+01NxtimJmVw3umzuz3SFvt0YCvZqCpo/Mj\nK5C5JkWv+T5vv/Cee7bEuBVRGK730Vi+lZKVqczl/0rrju2R/4735m6yn7xG\nRGRK\r\n=EjEm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e32508a69db8bd9ce4383a14f2c576d35950566c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8530d3514.0_1622131423398_0.20105379346553942","host":"s3://npm-registry-packages"}},"12.0.0-canary.00b5899dc.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.00b5899dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.00b5899dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97771810e07d26bf95a09beca82460a3f786cbf5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.00b5899dc.0.tgz","fileCount":12,"integrity":"sha512-0VnaTtrELmsJ5L/pCwBa+rHScaJH5/AD/BXt8vSL3ye3fmv2dUZvRmJ9pr5KmpPEgA+nMX1gkJBPjy6Ta/4U0A==","signatures":[{"sig":"MEYCIQCLq8HN+sH6SW7R0rX+JL0O5X7CZpjk+wc8lJJ6pcprAgIhALdqJcGUvl115xhvlRg9+8VB8U2LQG0caVirG2ASc9UT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtrhTCRA9TVsSAnZWagAA4UkP/jyvkjjzyUxIDNMmUnkO\nwgiSZIyWRgQhzwyroE36Y3Uw95U0lSR7Nk6dWe+pe4ckMNeJQ8VdogQ6UdIP\nNWBIqi58x36ZarXKpNnIPOSpjylB8uoxt2857YX9ptDmKkJJf95BMn8ugYZa\n7zJ0a2g9iB/cN8VGLlDONETRtUPMOgQHdJwMFF2GR8SIP7n0inTcsV9/AI0k\nhyp0gLi3FUOX39g4oHkDCEedH2AGhIArM9mXvSS3c2/qNoAwCqJTooQNuirW\n1e4K6xAAIxruH9+pdH/s3mXmy1yV98bcWRhYmv0bqdPHNSp5IOjzsF8uWM6J\n6xwx/T9RKAcLm0CuBAic6+QCUER6Cc9mG+RHRTi5cHePxfKFQPl9pL6Z1WKZ\nnWzI08Mhy+7p3A2EbnmPY/2yqS4CmM8hUItDb1xat0Iiuz/9LCLu7/dKh4We\nUbgg+76X9qwDIKzno09le9BCl7XJqW8SUf/TMbiqes1Y3SqEvkzRJS2vFlMY\n3uRAxYDFQERY9Glrfh2WBrQsBFbY/sl136Q4xLAFYLO55Br3dvA0HqG1HSS9\n++VCkCgJ4if3RAN9VUCQKs6F0diZ+knYklWZHj+oFMsPSWr/CM1DTzXC/skx\nnkymEwx4PsHBtAdf1Lg9w5stn8q3pPL5SimZvWz13d9zg+86LV09Z0+g8fwK\nQida\r\n=91B9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"19ffd4cf15764c62ec7b1dfd76483a2919f6501d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.00b5899dc.0_1622587475322_0.9333039710329338","host":"s3://npm-registry-packages"}},"12.0.0-canary.f1525ea3e.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f1525ea3e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f1525ea3e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de8476da2da598ab53ef0d175a5167f58e3abd11","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f1525ea3e.0.tgz","fileCount":12,"integrity":"sha512-JUc1ySGGPR9YkA9y0ZFHuR2Ql8XbL/2gq8C+5GBmcxgYet9i1otNg8IstxZqjg8p3mPPXXscLDWPCMLJ6cIEwg==","signatures":[{"sig":"MEYCIQD4MkwNtEl2PNqArCJ/eR+zrKzSfLzXCQYhVEDZ/zNB1AIhAMlZAxgupbz2yolt7boceOpjCG2YStSpoByRMrZlBqiL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguN7MCRA9TVsSAnZWagAAMscQAJEdKRx4ihXdBNmNZxQX\nKFS1dwpgf598nsvqRkezp8dka4YCwvzJOyW2KO2qjkOqBVtM+ddBCTLZYvrP\nZzWmqAoKBBvTkOyb1v6VzQVWx0Q/r/8lpnHKfhS7chFy+7EOgSPGlvgKewtl\nUPiCcbfhO/KWVXQQF/q2UoleNOYlJnyjNEHuo5b3BjSvuhNXux9+HYnMw+Gc\nnFqrUP2ByT2SDU28qvrbRacl1jDCzfNt0wVKxD5MGqrOiy4gG7CQy97D6FK5\nc/azf2zTKVQX5x189YlIv9ojcErKZKSiy14BvBet4rkEwEimgPwM1prD5t37\nDFD2zwWs79RIPBsIAH+sfM7NygMSoJtBFQMaYXp59cg0B/arWin+GC5jK7/7\nL9p5EP4nJbzW9WJDNw8RL3J5HRrV7pF5Ao7XeOqpT26dQGEO+wU5t9baGl5L\nzl9gOT/Hi3W9ivckA8Sf2HTYuDOAZkaJoAZh30nh/DcA6oxQpDQN0cVSMhDv\n+/QEgMk8FDOHWA/hJnaiN10JxfDeXxE8zo+esNngR4JgdlGWKOzKfvqu8bSL\nCcVv7wIiOyVlbjPZQYNOgcQ9nF+kE5j5ZoGPyD336MGleSskzoMlPa11X7xQ\nqCGtrwegxFElSjNy8w1ifXa1qbcOqJNsgkgVp0aG9ZVuPVi61/L2MCYINtHT\nxco1\r\n=Br7s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"97ff3c2e33330849b0ca447ac6983126a385d845","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f1525ea3e.0_1622728396520_0.15278962848392608","host":"s3://npm-registry-packages"}},"12.0.0-canary.464a00286.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.464a00286.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.464a00286.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a131405c709623ff93aaf10d6a514169703f0978","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.464a00286.0.tgz","fileCount":12,"integrity":"sha512-5hEZAJrylyoi1KEGHg5TIMPemwrIk2bS4f/+470z7IIeJfV4z8yEUl+6QFx2ptT5Av/Bfnx6wEr8D2FrBTvsuA==","signatures":[{"sig":"MEYCIQCoEBuielv2UPkg8WqXHDM9u/91j1KH3IoLpv9OWq0nvQIhAP0n4DA40Kuhef019EvR3DIstvGToFb+cp8HjFrwPUxe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguOrYCRA9TVsSAnZWagAA5tgP/i0lgp6pmSaiRxD3obmH\nFznJhG5kT5W4PmD71RvBgtsS0797iQ7yx2ChPrZwtmSENps9zFWt+wbLBgdc\nDwO8NMG8/JJLR0DmVq6MF+VaYHDmrn5R7bDR1jSwNfHk72DbeHXZGJBzqqw+\nYcal1xk3X/ExZpFJGd/r1KnqbSHHPXrOc+2fVKZ5nBScJRSmoZoGT3fNa9PB\nHXFIf1qodHFu9WctlNdGcJ2VZ2hwHRLAVviyx2dtUYKf3fNB4KP7CtfGls0q\nkE1C9gFTQRAefd2DxgrIn4gpPlWTWvbb6w1IBD8EGXDytgr0SAQJHjDL01b5\nFZpDk8nMdC2BJrR0cfDHjMzZCU+OvHP/xCLcb4qGgz5DX2wiKYag/wG5tuIw\nwHlwdZ5iffWbF/WckqrcWCcwuNRwyhCMDk8mdRJ1pqoUCMMZU8TlLsBd5OYo\nxUjAhKXJIVe+Vr1WQBAd0EFel8RoqCRhSf3Fmj/IPUk6ZrAlqSDrIAiGoLrK\nr21XIN61BzAMZtqc/hcezt29Ih7sJCzJV7KvNuuCdQBrMt5jXYbNPJW9rYrp\nV02BcjLq4Djg9YMJOa+K3fGM2XuAsP7jRJ4/sT8jMN3McxD9pHyIoA33bJ/D\nfkCinuxFr144qgWSzYgA05qFEnuh+Fi1S7ZG4V27VVxZrPKZl4H1P2YmD4hm\neEQG\r\n=hh/F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ceb43f7f74f7db77edbe7a13d3b92e853d599d6b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.464a00286.0_1622731480858_0.9452049100855549","host":"s3://npm-registry-packages"}},"12.0.0-canary.474de7878.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.474de7878.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.474de7878.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e605af258733ecaaa0edb6636b1bcaf7b2efb71e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.474de7878.0.tgz","fileCount":12,"integrity":"sha512-vUP4Wbo3hxB6BW61HPbcfVFreoZXjMPffkZ9rb5dUQUqXP6Ae58IH0PR9r5pZGssJHlg9SJdV7EOlzeEQNpq3A==","signatures":[{"sig":"MEUCIHG/Qeo9yW9IfCkstM85iI1Wkp8exany7szXQ034aQthAiEA3r8EM7Ug5zK5CjSVcva5moHQquw4EF8xSm4VlNos+CA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPGICRA9TVsSAnZWagAASKUQAIGBfqcPiKVj5rwuV1R+\nJINvg0zn/DiJEtBcVQYpryoZsjyrCO2+WsqONY/FVLH/JHNvzs+cmHSo23M1\nfcZIZDWrJTPrv0wugQvMgTz+nIl5LOrGyYPeoNbFi+zjPBAIlI42JQIzeiHc\nmAx7XZ5iEBBebAW6O0Lp0RdzLbh7MMljJsdmd7+rAuJ4qvq4dcpSdFo5xsZd\nyzWkpBCknIyzb+MVhIq9iLW3C1jQoaurxTanyh3wcWcjHNYV75IRadXq3bA8\npueGfGaslkTELSTNVe84gk2FEJ5idrk4hRrfV/QWK1HnGcr5XNtTSMGbXFJ9\nPFyfAbT5Dh8Ze6bjXdqz4Pc98dSr8aXSyFbJ9FgoNOQfmHin7rU9EoLjFDEi\nAJEJCuP12XeTrHcfKnmAsqmEHd6vnezQ2VaS/y5jUnXI/4JFKRdXJ7xNp7oD\nVvhzToIavoBAdAcP9wc1ROh22WS9OBMnE52vhhdTLpwSkpdBmqeLdHxoflOU\n1Xb9VU+cLg7azoVgbpKChubj5NGlXAdtIxuHSaKhl9nbdQoXPPSZODzwoMwF\nsBv19GFkVhpN+qntn1oOtsWWOkUXPorKCa5+2qqbzbnme/+oYUjoWY759Q+z\nWR8V3iGQsiszujUUYmnPOBpOfCEP9VlhzGRVKqJrfNK82w6pVqSJiFiJ23wZ\n1ZPD\r\n=JD2i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"67d604ec9cbaa0dc385eb36be35e0adfe641b244","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.474de7878.0_1622733192479_0.2840418845217376","host":"s3://npm-registry-packages"}},"12.0.0-canary.b87ebf74d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.b87ebf74d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.b87ebf74d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"917173e0e38bd490d504fa055d2bc9a3db943dd5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.b87ebf74d.0.tgz","fileCount":12,"integrity":"sha512-Z5dReTOhnXfGw053ufZhCqccl0r135ZZm0jnkGULtET3i0LnmQk/h4Rq5tsOu4LHMzp51Yf+xnxMGRq4e49xEQ==","signatures":[{"sig":"MEUCIHl4cglBkemLknQnZzgBkbOdJi0lwcy7YoFszEggkWsHAiEA6h62tLJyDyK5uX8LoKOtXjcHgRSfWZl894Jknnb1Wwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguRUyCRA9TVsSAnZWagAAHHgP/i64+oGaTiGsmGZIiGCg\nUxmO+tnv8RgyxNSEDFSfr9McKtv5wbKVAevIbgxEmxjfsYt2PthwtWaaPMfA\nJc0vaG3IzK0QuhHGBXgoPDQqHN9X19jKazEDDY/qJSiMNcfkBI2qFoMzmC59\nfXguLvFOFrjeXfn1PPCZVet4aBTK12a9Jtn7ojqObj4R2JhX7oxqYMr0661W\ndTClQe0OqhdxqGuBWRX0AMD/k8LRzLcGXS6Oh0J8cfifI9fYg44mgwHrANrU\nsfAvWK+V+/ouE6QnHHP81lIl9X9igSHFLs6xBPM/p5eUp/V7YOvPywS+9hlJ\nWOigmDm/7F/xxYS4UVlUXom2SOOsvGekUZw9wLOSqa/UDbNBHo6NSGC6Du53\nqTSCugZdHRIdF7rq04DV6SihZd0WRbwbKS5iaSkS6ylkat6+tVVvGeR0YmG1\niGuYSh752GMQ4aXfYmIts7LfWgwMbAedm2Acuwm7MK5Zow7uEMfZdT67PkM9\nJpj0YoAkzGtn2ymO2pikIyUS4cj0Ko3PvsG4rV2v3O127NUbH+TuHVsTiHg6\no/NYO7HukXeb38VdRSJt3/HlVEN4GOaAF7msMLP9RWAiQ1brLZv1T9IOkOH0\napnmu4JBryjYyzHllaUa2GysRZQkxYLB5q9l68Xrr6DOwjPIUJ5cWKzj8dZO\nxOFS\r\n=ztj3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d3567c6dfa0fd347d2141fb92460c63fac28b46a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.b87ebf74d.0_1622742322752_0.16868695139009948","host":"s3://npm-registry-packages"}},"12.0.0-canary.2daa49b35.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.2daa49b35.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.2daa49b35.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b012cc5784d81cae9f2040f59a840bfb8aa802b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.2daa49b35.0.tgz","fileCount":12,"integrity":"sha512-DbncO/dl+rR3dV8h0GkDmR+AuVcn5vTeLxgVtHUnq+ulx6UFlaC+h7n2Ebutc4Ws1xuC/MQTeKH/bN0p0PHR5A==","signatures":[{"sig":"MEYCIQDWlWYh5XAOvyqS1GHKhU+KZ/puzkA+7np6sG+Jg3sDVgIhAJv/S75oNhl7kbb9mYmW1phfu4Z2gN9QQGlZbFg/nxp5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgulETCRA9TVsSAnZWagAAuE0P/jZjEJu9vJtz48PZldGu\nRD2CcLkXzwZjJxcW3BYVwEFNd5lBwjakAoaNKqjL4viwWZPK8v11n5RBkrqk\nJxn0mzcb8bi5g95SU6w8OE76AyhSDPDgYPwmJRHdhQVR50oDaV0FVa6fg9z3\nvc846V5AhcgjE4mBv1u6OlWRHaIT8OGsgKT+SlEOFxzhdOkXRrekhXX+NtLu\nbk4tmE4rcCxjy0F1qyRnHaK6yUa/0c8Fr9G27oOtd/o1ddX5Q6Qa5mQDfams\njr0Tb/gtURBmgQrH+P4DopY5IDtN5962a5tL2xQc3Tz9TcZEfV4NXveqKfCn\nxsrMBjOqPL2agpzmkycDTEJ519rz+J7Z2ZMvGO7+ddcndC/8TnW+RTE5/gpm\nxkX1cxvsvTzUpKhM50b2LdfnAYgbUgFO61UpJUoxe8buvKtwyBKBU51hrd9c\n9K0Efjs7h0WjuUPsFQv9xv9MC5Y/KfEUZgfhGQ/5cAL3T1FsDP1LXjNCYDuN\n1T+YTowBeIKP9aWUeUOIpolrYBP5o+iOwjCKp8bN4bY9RNr5zdJM+ddd/s5N\nGbUEcNBaIZWABG88LKPJsIX3HjDlCnwBqZFAwFg9GUXfQyVr/m76Qt1/ciUd\n7k/aj3sNIE7SbVZgrN0qDFsOI2fuY/Y6BmA1yz1Wnw7WSMMeDdQJ9/k7gL1y\nphIK\r\n=GmI6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3e759afe4116e5fb3941df918249b1b1348fe684","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.2daa49b35.0_1622823187801_0.1717521564697897","host":"s3://npm-registry-packages"}},"12.0.0-canary.08db3d737.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.08db3d737.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.08db3d737.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56990ae52949de9871a24acee36a9c09b6c0e407","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.08db3d737.0.tgz","fileCount":12,"integrity":"sha512-w3OfJtbkJ/tF3ikqygBGm+g6FLQU8Lj6gjcc1qy99hgkud9kTo5EKRZ2TcERd33uX1pdcAcNEGx31IkukgjV5w==","signatures":[{"sig":"MEUCIQCQlJhnKThrhFjx/t0/keYnsWW4IuUQbGzHKmCBVJTdjgIgUk7/H1605OTW/+Qys8GQ9UP78kh5MVEtGc99An3+DRc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguoG7CRA9TVsSAnZWagAAmTkQAKJMGlqAS4YNdYwCIsnO\nSBqXnK2P10URYh1ag9yFvfAKo3SqY5C4oc1HJ0m6bd4p93Ue/LKeN5v9hEUE\ntd8hyP0Woh8VkEp2K+bgLxKVYPvB/F9jT22S4i5wFyN26zjtxVYTh2Mk8Bmy\njyj32WH3ECWW7gnHXUFTQ0y5DGTIMMCK9xVH25J79oPYrHxiXTJb4TxDFqHu\nQWAxjd5XZbeo/d/ntWORly5qWae1cdOgEm9ReNL0z58adoUXqNuMk52feDU9\n2r5fLD8jrN4X5mze/+7PRfAMkTahsNrHkU+9rM7ptuxZ3Y7pPjtU1URZhZf1\n6gPOtYqZxDHUwu13BTOkODkzMTelH/OxQ66uqOWKvwo1JlqFQs8SRn7g2Zb4\nUL9KqwuVhrWenCAi2HQLJTMQDkeTvVlgPiBTj71vTOSSzgM9397GPW+l/uiY\nqMrRoFkxCGNhILkoImwkvNXyAOkU5XQ3js4si8rvegnhIsHV5e/IiFIv8Bho\nOFKauErlh9Pg/tWD1L0+lHp/+c04tfrd8tNxEhwo2p9EwkKs9p0574VHHq6j\nwsrPY+qAcPD2GKpMGOdxWp1RrkorJ5iaEfHoLRBvjckHd2jvycYWOmGUUrS8\nQXzDyaHU7BKc9viq6piBhVhQecy7VRujQt0wSyDY3g0qiN2TPacnTUq+FJRi\nfpub\r\n=l+d5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0175b9a3635a8e6c8c6690948618b55f39ca1ffb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.08db3d737.0_1622835642887_0.4250780462421144","host":"s3://npm-registry-packages"}},"12.0.0-canary.5823407a7.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5823407a7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5823407a7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"debeb224cd4d7b72e05d2676df1058ea3f5b6ad2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5823407a7.0.tgz","fileCount":12,"integrity":"sha512-F3qCfgjdo28xkwKfv+4vylc6CvN6W4DslpUfGOJQ4tr7sgFyxHgbohRUwEiokF3y+FYyOOiFH5NXrYKtlMiC0A==","signatures":[{"sig":"MEUCIHzu9nEoy0W8xgagyYFy+t0qsNUEAascPHWdCayusN0MAiEA+L5igTCALtl6fKrCaWMHfh5gp5Cv68v1wVhxLBvrr70=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr4MCRA9TVsSAnZWagAAZk0QAJPk8J/oFL2kF3uawEHr\nZZvzVWdcmq2LQpVfgTI1NlcWrfl8XgMi23cgpM5CWjYkDv6Itm60mi9SPCD/\nghyOojcPL7ly9cbKFitoCc0QtdLP/swlIz3Ae1OePMD2Ft2y0vmxqqB+6uWD\nE1YSGffXCQ494p2lUFccTQE3BYv7ep9RBa4PjuhC85JGdI0yN4KItrAUSfCI\n3azcQKb5BMHwvGgZynDgwqrwkwf/neuulstJ3abGs0uvy8/KH+nryHgU2HaV\nB7C7lDpm2aiQSCYX32SSyafJS998genKI9N+0asa8D89tsk7ymDLY8YgqVoI\nsHyznurzMxFhOz3WaeZlEYLPCSty6TLDHbW2hAZJlloj1PP2WS/DydjkB15H\nx079jmC+oo4dD2l5D62yL4ggRhiXypj4v5LGkkH5U8e/NSbFT9yhr6gjmmhb\nB4FMLR7Rk8uZf2z41ADI40cAaCyDS48t8ltXw9Tmjs6ansY4U/WQbTJWBDkN\nLEfx7FOJLAPE3ltNZgbxBHUrlqEQ9wVquZCEbRc2/NXmKfzI4EsVl0NAyTaZ\necBnLYrSZtXT4fj8f44e7LjPBp+6nAyaFyvViiLyzDNf0bMMMr8JWefQbhLU\nYPxDO7ILOj1zSIQXXo6Z/u9+UGb9EJOsxSXk/7O8VztfQBQpkSio1ywp8GdW\nqKTU\r\n=Z8OP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dd3ce4590e0d881d04e885d116e10e680b6c01f9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5823407a7.0_1623113228150_0.3371715343801249","host":"s3://npm-registry-packages"}},"12.0.0-canary.23b0c5e22.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.23b0c5e22.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.23b0c5e22.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3c242529fd9c3757e0d4ea23085f1059067263a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.23b0c5e22.0.tgz","fileCount":12,"integrity":"sha512-t8fJldlb2sXMJq4NOp10jj7e1wNxSu2ALtZqrdRnjvvLQkG87/1OGQTEjM8kUqfCBDdV6nZCdpCQGUj+lT4d5w==","signatures":[{"sig":"MEYCIQCBWm6tfvL27lgyMbCRxxsqTzxcIbqaCBQJCcfaXcQRuwIhAJZZ2UEGj/pEcIOIvlEpSSN15RNubkU4pvJn5CkD7vn4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv5j4CRA9TVsSAnZWagAAtB8P/1eoyF6EXrrOzRxUoJ8A\nCFL3h5cdiXieCC02juYMPZ4LjIyy3K7B5vON263nlK4AV3GI5CkDXcfklHzR\nobSMjjxaA2VKPhodzLWTD413UVxwSIAUi83dEcYWwe5laUjKDM2V7/eEImWU\n29jKPOdfP0bRwtswjFCtZF9uSf6zvwBHgwo5Trz8QdN724cgSCyiMbOl5Vv3\nI5ZQuWkAWhA6/LUak7ZUOo/7Do94JLGcMG7W0kaWEG77kXxzhE0ZvswZdebk\nWyOxKbONS9dVfSHolaLup9fASiM8hcoMHc2KOcli7bTu1toz5BxjeAzY1+GE\nclc0d3vwZgAcEwMVxHNkFtUdvYdWN6GaOvUb7+ZnnsmGFWeowPBGdkwlu1V+\n6sF8lSore7m2j3VYE+PLm0hvbL1oQoxa4t1ofZV5kcyc6aREgGrSBX2dj6rx\n3ob04A8N0Vr3l4gmXDXGLmEHrUg1ZQx9y3Ag12KMqK1rZIF2CcB6g++cHNEG\nghNKdqkfpFU14OZx8gSB0GxjSA8YaRASt/Ogm1Riz95pEdHXqvkxRrguPQ18\nkbFoNLBMih+QjeeZThChdTlet3E4/ZqJ0/KzkjO5uCh837y83cCrEAsmEQ38\nElkPt95OQZUnKz4SADFdf6iev3LovSu5tZIlBQd480wghDWEIrCMRQSsqUv6\n/IqM\r\n=PtPh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fc55a497a3b0d48a691942de987d781555ef9d82","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.23b0c5e22.0_1623169272001_0.09893218732052067","host":"s3://npm-registry-packages"}},"12.0.0-canary.2952c6a76.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.2952c6a76.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.2952c6a76.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b98a48ff0d95a528caf5b9fac4099fb42fb36d39","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.2952c6a76.0.tgz","fileCount":12,"integrity":"sha512-boCLzAt8n+ic3sE+c235x5ps9jr4xiMa+sfzPkcDxz8RHMVvTiOjldN89h2wS5uO9iJaQ04rBj/UU235YQhgKA==","signatures":[{"sig":"MEQCIGkH3ahPXssRSQb6aGBhc3tdghvPxfVFmOLoS45yaPOPAiBu0VYihEuc1UoEz1/LkE67McJOGRU2u7ugov1/iLrnHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv6tfCRA9TVsSAnZWagAAlt8P/0heawbr8gvOSQfdhxkt\nR1TuZA04ccL/Cq0G60rb41RwFlp/M6vr7cy6wtAXluUmBmeXKIgXX11txwVO\nL2/4QmbiBTgnzcjSjVh4Ov3drWrZY2tqmLPC4RN8rut0Y6g0Xi//eHeiTehr\nZZEe66he26CCYSPdMkpu9V8E3B3XKBs+LCiFkaAngmg5fGQQCk3+5tmd0pQ4\n6Y4XPbSf2Tpi6vTem93+GmWPyZ2uIfQBFyCYBnt5dGpxTlXpM0iG+Zl5fJcS\nHYVSS+no/0pKwyOVOuU1DNnnH/nJew88ZSzl9zYo9a5l2YIgki5zkFUqFIfJ\neOLMXN3/KXwsldrfPhSX6W/+uGMAkuCi229zKOk7Z6nRrwIKCoL5TkUHtt57\nFY9ZN5FmwOudG/RApgz59Xl+SX0mFuNbgeyjb9lcy0U1scGZAOFc+3L1jMbo\npNsvbgwoOJL9UAQOLvzb6ZcIRU9anthbI0diQVPvmFPJ7Boe9WHAnJ3BvZE2\nQivxSeeBHo/NqhB10BdTfglwyo9z0UihGLkuHgbRTsf6QskBT62xIMVwHbqM\nRVpGSMJmV12Wf5ZBh1leZDzycV89Di3z+8GBf3j/x44LKpP3uYA/op3oGWxJ\nTmHcnx4GsnoDahIXb+CUFV/p1zN+0eGACM8B6JhKXaJEmowMSJ2fy+XbhwDv\nB2vz\r\n=F8wy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c1b0afec5d55ef54d74fa1cea1899368fe5c7180","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.2952c6a76.0_1623173983670_0.1865500422126607","host":"s3://npm-registry-packages"}},"12.0.0-canary.f12425f88.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f12425f88.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f12425f88.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ec1b47ac5e8ad81dd0390d99c99b7bf03930ae9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f12425f88.0.tgz","fileCount":12,"integrity":"sha512-UbKvw6F5aqQhJqCRNepeBGOMwh7G/I+OqekC7uPQxX/vKegHpx7m9ZrIpK9461gMBg8qB2q5v5Io/8s4Tlg7Bg==","signatures":[{"sig":"MEUCIHHj0XzlvoQPyqTgeaKgRsrk6xAEGaVbzeoNXB8l7G0iAiEA/On2gb9F8i9c7WXQrrM+tNfYev/oZ2pbQtRST2pJwYU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWUvCRA9TVsSAnZWagAAyEMP/3zXdd1uvQFXPqESV3/f\ngP99ecz0FovbgB8w/gIHZ7UOiR/psuVi4gcag7tpivgAxoMeS0lL80pXw8hf\n4TSypKPf3QqQhqEljEIWvuZl2D0vxebPwSdNk6/pLLlQl/zhIvm5Xzpv1ZAK\nkSkgGv6oTyu9trHwFfIbSOHeTpYLhiLjDINqXPrSyc0LZd7bzIwSVP0BgFzE\ny41CEEwOGMsZqvOPHzP0WHh+vkOK3OEpK4TrYeQeSMic1VtVyh1IlossTvuz\nFe7NxXUDiqqlryUBm3CqVkofvtMnOHGrDNfwMF8LAOSxTTc37l7UuauCySfJ\nnOpXCgB5neRgkUJUyNGGzi9JFfNq0SjwMExSrTqVdkDjkuzdcUa4y3YPp2hb\n3tzicaeiLfl6OFKKI8xkuAEkaNA9Iv3zpn44W3qU8Rak59VenNPV8hGPamMI\nV6hjFyIClAwXrG41lCWYavM2BVY/uG7CwinnSGXiQyFFe+gfj8n2OT4qh58M\nrr6h/cOdu4cI0+S+u6Ki7CIS32U5nTZeEwhrxn+eSyvfRygKfIjHvcKYHnwt\njxbNx2nmhIR9yKcOCTwLqdK1jnZ+NK3VJE1jXxUjGwxo9dpNWgr8uDn550l0\nufBUv6esO5IDe9NG4l+RmZVFgYJ3j+tzY1f32eSNQ6qhKoUI4g88vKcs7Z3e\nJgWh\r\n=Y9ls\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c8fa3a7d372e06e42b474eed4ef3e4105dc43301","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f12425f88.0_1623287087012_0.48779593489684014","host":"s3://npm-registry-packages"}},"12.0.0-canary.e543628c3.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e543628c3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e543628c3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e9833f035239f437fa6f920294fe61c26e3a883","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e543628c3.0.tgz","fileCount":12,"integrity":"sha512-n8SK50BURmJViY6LaayCVbOBnsc/IgEgUrF7zBeHrOu/FHoSFCeMM84aL3zWlrX2PgR2qRwg+Y/w6GbOqggbXw==","signatures":[{"sig":"MEUCIQDj/EpvUs7p808y0Tw2wbj3bH05tLZ6xJienIKXCc+VqgIgNxlvfF8XrDxksIQNAvTkO0NX2VF5gE7dBVsbpz9nxOU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWVuCRA9TVsSAnZWagAALzsP/3IQjNbEnk/R9437xtAK\nIi+7OZiWWVKk2TX+/md1Fy4kSQ4a7A4b/E2gF9tcaBm4IoHiRTqD5eEhb3Qr\nRNO4XbFWRBElyqod5DXQDuA7YaiUu/orvTuz27rGWrb+24a2Bb8u0ddhGXsS\nPpXzqLU4sG9lKIjx4vd1xBIBfxECVMY7H6Ulz7VrqC6gy9Yik79zIXyV3ytp\noSAkhTuZOjFxqzsYfPg3G+GyYdcUBoVv+LFdNmTfUIztEy4zKfWIDz0eQBau\nGmu9ivPvwtI+5FCZcB4MgLRGub6vuYLSmit55v+fjRnp6u8BGPeU7n0GCY6D\na43fYpxkC/mFgOqXx/yllCJAoUdFpExhb+rVpeNjXmp5Mhaik35g0i6ZC/jq\nyKEwGjAPn62TInf9yLkd2zeJ6+CFa5wlWJqmZzCSLjep5OYd+rktFLhTRRks\nmpNBkUPzX2wGNX02nG/7XQP150b6HsoEGRNOK9JygxdRa93l4ElnaIAQycOI\npU7UKqvtrlBH80d6ugVBu2amVtFHMC1jI2Sap+yWTZwXz/I1bHx/hrvRfHW2\niOVXgba/XeIKyQJirMwFhtCXL47hGav8n+ArauvmdOst4u5uVO2QuRB+kl7F\nwg4Em7vVgEN3porxKXDynvT1kzZxyXNSnCLiLIEN3u1+P8tQ85WF8lYFh42r\n0sdV\r\n=eLVw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6e28195a46e3b2108c76ee1a6a9ea9416276ce52","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e543628c3.0_1623287150294_0.2880448111664815","host":"s3://npm-registry-packages"}},"12.0.0-canary.e0c346286.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e0c346286.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e0c346286.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c29c6d433b84c9ee682f0b49e892db9e7dcdc6d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e0c346286.0.tgz","fileCount":12,"integrity":"sha512-AZ7RTfDNRJMnxHYoX87/6rjhFYrd+pwLtRus72G4L8iWrqz/jFmPFT3CywhBq5br7b0I+9CIRxThc9xW8MOfsw==","signatures":[{"sig":"MEUCIQDIL3XL4QL8EF7lD18/HoOSF1wbkANykmmFK8WC3MD5hwIgRhbv0ep4TlPQwW0BXRrtZfx4wlvhow4blxO+N1LhYVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwj8oCRA9TVsSAnZWagAAlBwP/RPLcqxGBHquubsgnWiS\njTqk1mT6SW0c5MJnpZbFAgfzGrWqN0WPLGRgKBybC4QYUMc2KU0Yphf8rxMm\nyNCgCFqLE7F1pf4yKqzQB+jYYSlat/8b/sGh5bPlX5+2EsO4MJ6bkT2pYZYY\njTeYOxqP3Ah2PV6+Y7SQwl6srGB8MFwS4z4i21CL/f+ZEDmthiI1nUyzOon0\nEMNfEf0KH9qeCBlyDnHFPZMCP8DK8jUXvLJ6snbpHs7FY0geHjjBhwJyG0qK\nPom+ZjtEt5PBw+eMY3hMIHUWuOtWejKXxqUXFpYTKdN3EyGl875YTBjMMydB\nkUHHaaRdoh/ofMRX2GRLpsRzRqmn9o/MCwvDywEO2z+eE5VDKAFdMxPyyVCU\nP09ampPbsQqtFDTx1AqNLMfq9ajTiMZ8bwZLOTbSNcJxzv4tD2Se6s7rZv32\nbCWSKS2XLWx95pIPeTTWYan94C7a7iuSlNmNj0CaN/2boKHBi4uOymJrn/bq\nqwwGpUF0GYxm5RFB1mdBXDTU6IU/7Jsx12EzPzdjZhnAnMPMab11yOhUJrM0\n9fRphYGAMvpaU0Euhg0gJ+R4V2m2EOQrhqlm2LNtcPP2M+5nGYB5WAxP98EO\ni8QSk3PrjMIBvJblO8O5znUSWbnuOZIwsSOnv3loNjfFPVgJN4XLR4f1mnmg\ndqP4\r\n=Yj+2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"405607237a611d804caa0b022897b683aed90ccc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e0c346286.0_1623342888220_0.8312587870036638","host":"s3://npm-registry-packages"}},"12.0.0-canary.f43af5633.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f43af5633.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f43af5633.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95b4af7da30f9ab67aa990d0ea3c2a33da30b343","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f43af5633.0.tgz","fileCount":12,"integrity":"sha512-jfuna7K5jL5Gw4eILsykFMt0EUd9xgi9q2AS79UZZn1oBcXP24BqC+VlCnYF2HX1Eqg+p3pVPidw3W9lc7BWTw==","signatures":[{"sig":"MEUCIQDhqNPHpcf4veq3f0lO7yRnL4tKzgxfelTjX9m2SeDhfgIgYuL76LEpmPcg/ait/tn6bLVOLs1D/CY135gvfv7Z6a8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwndjCRA9TVsSAnZWagAAml4P/2KLchX88YXWJFKjFuXC\nDJsYeMoaqyqY9/AQkAejO3lSZYjXJOsgynSMPf/D4remOfFuAn2qEapl9NWi\nWnlmdQm4+QBCDyALPW3FWEHeWWQmwmLYFh93Egq7UhC3RwYVGVyaLsUhKM6C\nybHKwQnw1G3axbJRzKh2MaGWldUOrqfvapQWlUbVgjYgyyuiWqjrtGL+MBk1\nJY9f9oZqQCY40sWmoe+hVHkaziG76Lfq3s9l5m2aClGaskTkVI3bm22+6W9i\ngn7pWAz7oI033qZFbxP7A65i9LiYcTn8kb44zFGvGHrDQZJILEjcHVy+c1R+\n73F1w2zdqjSkPfBKnwHDL+cQow8f4E6xytqzDpz0/VBcpDpWmknNj1dUuLoj\nmZurN03piviBb9EDUEm3TE6pMLQy6bYo8ATvhT+KIHsnE8gZyg8bbHWxPkYR\nPblEfBF01WoHhsEK6alBoe7eZvVjUBxJ74+8v+dmdQEBo2wzm+PQ+FY9D58Y\n+S1Lv1RCxqiKhFP/ZyGs1VskZOsTJ/DdtwFzqHFBu7u2lQANERwJOx9dl2FF\nmEwnutjrGr0jmSlckBRQHrf8uo8qpalSD8l1rbxlJvxZnEzUXQftB/Nla345\nRZ3qoQxShGp2ARkRsSimYXiRtrgSSwYswuGP5oTMh+kirUzVzsTBPOBj6R8U\nrljz\r\n=fF6Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6889f0098642c4b4f3987ba353e17a9a22de856b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f43af5633.0_1623357283747_0.5316508502134027","host":"s3://npm-registry-packages"}},"12.0.0-canary.8415ae585.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8415ae585.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8415ae585.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98e00e44697468efb1c3abe698e9b8443452cdc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8415ae585.0.tgz","fileCount":12,"integrity":"sha512-kQqRzOojK0e+2w23cZI6X+4RpErU27HwA/8vJxWOVWq5rovOQFt6L6w0J2MlUWWkynNWkh1OgP2axoF5CSMJNg==","signatures":[{"sig":"MEUCIH2TszVWC1NfQobX4NoSNLQho6AanQX5DQGq15QrQG/JAiEAsrAu+2G6vpQRMAxoY0GsRhgd+nZgPm1beczTuwFLZ9g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw4maCRA9TVsSAnZWagAAd5IQAI14hcJlhqMaUPUia3AE\nm4dEGQ+5GxCUP1yWGWuVaIeDCsnt4bGVLkt+CUF3Iw5Zamr5b2XvQVT+6Yo2\nsAlLCTqBk3uVn+/0778J0+9uSkLJC/YBng9SyD63/i8Y8X0uKwHNqLT9tQrO\nzvYv7Xtymk0QBJIxA6L8UpE2XeZp50DEUA5RhguYT/dDMb7JGGyaZ2fbhahq\nKKjVvHPvPiU7Ltf2BfTN0iDWryOWy1g6PMv2ZvFwhZ10UPlbeSkOcFw5iWQd\nIubkJ+ln9HaFaAidirXPxEpfylJcXClAGI35WUX5ReSkkc3abaSzLekRq80T\nAGlO0kNYt80gSvb4K6kfHVSsdY43CsIinSMrlJjg5BNgj3wSaJ7n7UkCb9sV\nRo8MaFmuJcPdcBUY/bJYtQyr9bXCJglXP1w5pHDabOkUvVZBvYBhSLGxPhNj\nEuU5fEcAdA+uJHMHUbvnxPXwCu/CgHEVuKdmr5IMOhNONSQ/wq9FQ3mTapkl\n6UFazcdMwp2BZsXVn2Nv2tVceg0Gdxe2mzPRlKc4dDYxAL4kQZwKOtP4z7Nz\nrTJ8svcb5RVT3eeQJ24RYdSYKIjRge5DWZ43makeyKdl11yRz4/plp7hwN5e\nuWwBC1kwY4PGGM+IscT8xEDq+REvjpAsSBJVk7oUOxkFFxJW5IBMQI+SnJej\natk6\r\n=oE1A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d00f19e41330e3956e7355a23ea132e5ff37403e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8415ae585.0_1623427482701_0.9264478789952539","host":"s3://npm-registry-packages"}},"12.0.0-canary.598fcccc8.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.598fcccc8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.598fcccc8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"527f2549ab656cb0313e52fcde15a3ee89a34d03","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.598fcccc8.0.tgz","fileCount":12,"integrity":"sha512-VKZ+z7x4Rkemjy0QsnMCPXdGtoSLrmY5usAcK41LUIwhOiPNuIcSTEsmLmbkY9SUrDIpQz0d0fkavDcz9of9pA==","signatures":[{"sig":"MEUCIHQXgCVP+2QLjJM7FkzyRXxYuRTOdGwwzyBSTa9cleAIAiEAt1Ru7ifaZ1NfaUQscY3ZVJKGjVBJG2IcxYQcCXdaQbk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw9l3CRA9TVsSAnZWagAAgswP/07FvVoSM1l0dWbFgkst\nJM3fWk5OeicsnY4xkwfho5igMizCDzOK7Gpn4SlbIFe3MQDprLl5FKcZFoJo\nrhFa9Dn2ycmTIDnxrfcqB8yYS5vp8tuSD8/3nCFpUpBshBqxlkGa4F0UClHy\nSoB0vtaAxaftM9Jpm3Jay4rHzPJM3dskXYIaynGfzS34D6MWfcKK4f0PB6rF\nNSizwvNLT3Ur+ml8yUkl3hy2TrA/TINl9zk6hvEkImnCXdy+b2J8EDYGlh0M\noIlNEce/N5VFK4q3oA0ppox3e3DbhYuerZma7aPxSvrAv6SkVf4GDc5577ZP\n8wo3QB2Hd61uh9o5oGJoigXZ1HoRGpaQaaC+e0T3IIYOzYvEgZBYJqvQSfuv\nqo7+vXdZ9pjJVmWpPcWGA1LRNwFn8VhjKlUgNm8nBIj+C74msh/0ykZHLLr/\n94TAh2XuXpgT6hAEPTJ13SKh3kiwvc+/uOK8WitXH59HQSurm8d9Rxtauw2q\nqjhDBPdRt4rpOCW46R+zkYINFYrVpqpnzlyEgos7MTVS2c5EfMSyJAR2fsUo\nd92o0P0dif/DXWgOxKn/xnd1oilqLnDiv1VecIyL5+N0iAU3JIorlplO6iXm\nK51wyDUU0N1qXEU6JAZvpmHb8HlLkxSYCpU0Z+f9DL3jFSOKMOuWVTc8woym\ndCKD\r\n=JDO4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ccbc9ce9b0bfd89a7b5d57d3e0d6bc2ae297f66c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.598fcccc8.0_1623447926990_0.7366487715671515","host":"s3://npm-registry-packages"}},"12.0.0-canary.5d0605188.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5d0605188.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5d0605188.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3255f4c717bf6f7191e901268197e5e2a43ec388","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5d0605188.0.tgz","fileCount":12,"integrity":"sha512-lpNzrmFQLgyi9OyS1MlaMnDVOiqtAPTUs5IhAgrVWtAyfFndx0rYi6K+GHYgX9EZPc+ybuB3qxNeDpYaY0p5Bg==","signatures":[{"sig":"MEYCIQCmpC982i7jE3z1IZYm5Wyd4mIqZRD9pc281IlIaPxWZQIhAIqsvCGR80vl0zV0pCL2cAgWpHbR5EE8U1VCySD31gEs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx5P+CRA9TVsSAnZWagAAWiUP/A4YO/NIH/9w/PdpRuff\nQH7fPd7dHMoVZuLJ10jKSJhMUre8vjAZQN42TlogPaeWrJnrBshSNZWuuPmj\nCz5kqW4p6QajjOSDAHd9dWG3uxmmtiCWnYiao1SkDI29sJ6zZKEYLhlYPyxt\n4oPQoZAQL+z4AHliPMhsuP2If8Caj4cnRa/ASw80sTFjS0Qzh9z/Ob/mRd1o\nesWOwoLq5srkx9mjuqnEUI74GBTiRUktQ3TEwvtuBtJ0t3RD3n9R4DgnQU8Y\n3cjMLVk0EXETqVcWP7oLDgL7SBiRhCjqS1trY/RYCHoaR5o0AtgBb+SbutfW\n4c7w0HydAhv8SBekQsoKAu+uP8c9QVz02L8slYoUd7JUCo3irKm4FtMsuF9L\npuH40b5/QF9DTHL7vNhvoifpxrRMSRu5e1oKySv/I3syNTnmYMg3InFGfq5O\nc5K1Evg836rhzZkwHu4/0EH069koQzj/yWoWcy3T09Ntxvuperhweogew7sj\n9or7pKRIe/k6OumDhTKt07NkOhGZ9tIi6CdAIwdTDqKLpfyy45mHj6z8ET6Q\nJB18cTVyQiQTc+bqQrjhm9nnaXU6iQJ/9ooAqNxZ9WEDjvMPz9veLI5a/id6\n5ThuTV6xVv4KBebxqbmwAqVwCRX87HkBI65Gely6oPqQuVPSSim7R8x6acBV\nYzq7\r\n=hMa6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ecd220c6043621c1d471242f32f317475b671f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5d0605188.0_1623692286278_0.9668041838840229","host":"s3://npm-registry-packages"}},"12.0.0-canary.f147a2271.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f147a2271.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f147a2271.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"750a24fdc3ec8ffd84308cc3221d5ca72f4ba625","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f147a2271.0.tgz","fileCount":12,"integrity":"sha512-ikilpo8LY0FpvEz0/Q3YI+vT21zJobqew+FwlpjcUGj/HjYXTBxFWkExilmRk1U6SYXWMxO0rf5frR5Y5hoFAw==","signatures":[{"sig":"MEQCIAIMWqZxdwC4bGRJqeMhJM3JhAOoKSin4r9I2k3I+K8IAiBl1grQYHtLbgHGhT+1cA8Cv7M559tMP+17ZrWHmWDCWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx6svCRA9TVsSAnZWagAAQ/IP/3GuFAaLWgbBjEWs8Lk9\noeabjtkH5BSHPVnxa/HlrVQmBg5Qleu2MnIpy9txtfA9MT6Ztm+99j5LuFyy\nqoI75Lwy5QabnRm32BHLKqP2/JRtyWgdpDUC3yUabuKm2kE/CisAJxuWsnOP\nBo9Gk9sPE03mQrIYzv+k+WfhzLBYuUmHJD4aFHAp6odQaXXQpT6/1x8m8fAe\ny4NEMydvlJMSgprii9lLGP0EDhCTQ4ND4SWO3oPhNernKiFWTcHF9dF70Qni\nrr7qQfsSBlHNqvinfcbnQvRdMNojOLXKyQE5RQAbpTABow9/tQ4NW0H8wMXi\nzamuUA/w9sXHVfxyhG7zRH7Sc7QNrhSEdPXGCrQylKAWrss2XZrgC7xLfEoP\ntX2ThTQW8Jdh/+olxnnJbbdiPtD8J4ZbFB8ldzn8GOlvCy7rlRHubaqQM9dF\n6aVj0P3i83r3S6tdgBy/2BksqTY3HAtdedjWceM6i48iDQ7TgACHv6W699DJ\ne8KR79biJf1ZOHfJ9OUrjaa4Or8pqlGfjXzL8JJSVre6ie7gdsp49FilLu2o\njA8uh3/NJFYVejyn88pN/eD9pcNCxR3smDtotZ+WCw1f/b3Spa+KKdkvC9ZV\n5i1ZgssuQiwXzcbHFJJ6wdXAnnKVWcbk146gGOC98wWOfXSA7eBdoBfrfn00\nHquQ\r\n=GiAo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"70b871f06c34302277b9eb3064110dd70afb181b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f147a2271.0_1623698223167_0.43753715173621077","host":"s3://npm-registry-packages"}},"12.0.0-canary.33579e00b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.33579e00b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.33579e00b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd4ac6d3f24d3eab70157ad5651ce46cce0e4061","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.33579e00b.0.tgz","fileCount":12,"integrity":"sha512-M1UnOA7A8uBfyfEtzKw1/0Y63noKFwXdgHm9/5kb9Julbsz5BqNlaidlBCU91HNhF3NqGZPqaefaVRYeG2WNqQ==","signatures":[{"sig":"MEQCIGfCU3uH9VSX+vMLLmxqm2qGTAknMxBYVpXgCOLbFHzDAiBEZJwooq8HQZ6Oa6yufZNnGZoIODiH7krpbnMGRZJXog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx/JkCRA9TVsSAnZWagAAoqwQAItM/79p+MeLBFdfHhf4\n6e7+/qNRhU2UX3RInrInWcR1dPfeKHaiC2iesWq5QRAEhSFi6oifYeEI0Vg/\nLDm6Ml5/PEggOVp/CdIqRLAf2Bq0VilnwCfUbHchqECobUHtOrqrnb9RBRzK\n+UkLmiy11pwGEmAjg3qv1xxLKgWjNdZRawOY2Pjw4Sp++nkoTnm+LeE2Vtt4\nYwXuvyEVkaXtfZdF+PKDehOfBSKLKEjZuURvmw04TWtua35zXaJk6Gw7C3x8\nwccFOW2WAkYkzmQ/xxoHtecDSscqwwtDcY+Ow6t2CImsogbuKVTT6nmro6Yi\nihIALmYk8cBk52jnZ/6uihHqgXesc1MICZ8guj9qzxz3FhazjJBKnOLiNelU\nxAt79d3pQHhyYmhD3mY6dFT7wmUUdCAbprcr86K+t9UsM/csgp994o4R24fi\npG6h2eKW8wN9AOu0ZJMlXkLYE0M77dUKGHM+nvJeVwM/doO7w8apIsPBS2At\nktInmDmaZeMp/IVpc5gXv1+T4y6Aj/8iXW/nL8YkqnJV09PhlIRMxgUMoWrx\nw6Vk3hDRUqed0xuO+Kk1wfhCIW4AIHJ2YEwGdEbW0EgfzeKU8nk0WxCKSrp+\nzlZ8A3a5fGWRWFDlVj5rDNBRqoVbFGuyaxJaReehejz5AYCDITCzqNEbHKu6\nCcVM\r\n=I8TG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"13a815cd8b945d23ba7ba2ebd6730088fa195237","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.33579e00b.0_1623716452268_0.2510490798362779","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6909c0e6.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a6909c0e6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a6909c0e6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5a8f0149eaf91907970ac831ca0013859d5995a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a6909c0e6.0.tgz","fileCount":12,"integrity":"sha512-xSbzROvI2zxJjttOrdeVlMmOjKt5oB8azUi/JOrgXZX6TaMg74X4lOzsJh4wxUyz35NKfvkFB50po4SLeL6a0A==","signatures":[{"sig":"MEUCIA+1byysFDSmoi02o/HKgd/AAePoBzIO43s6c7dCN0iiAiEAs7bw4VG3A5rSU54vo39wn8inRCdnf/6XDrDhf/GnyJs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyPF0CRA9TVsSAnZWagAA3vMP/27cmPVgNBFmYVTDao7q\n+fBDUgVCznUyrILwMWy1QnLMX/8uaxVUQz82zJ/wF5cXUJjbpICQwr6JloWC\nmW26oq44L/rWjIAH2RH5/ebgl+4j6MN4SOED7QUN/YbHx5DxckVjJBN4Rc+x\n3RsuCcsWB2mXT7+L3DQGQwrU+xU3MxX7oGANDYj8Op+o4yeeHegClPJAUVFb\nPw+958pXq9ZDvKyf7O+92ZVL3hLzy6iEmcClvcTqhzUnnJ9IrXDXXcn8YJhS\ny7Kz/FkU+4MOX53SQaQwU5Ip6gJzfw/W4yNIq5UHlNU3X294lvZZCsfog/Cf\nYv2qMbWnVMCd7VEa7VF3+GfcRLCrBY0JglZfoPJ38gZRZq3LaXwi9JNKu4gi\njZsZcznxSY0r52bZSET9IgWn5han5kIJcUX7GETZ6jSnW7sAq6kYjUPUQNYn\nlFRO2AdFSJJ5euNofef4xGO8bJ4EtV4pbTsB7JsdCioemm4NTwi1SwsrtoLF\nXEXRek3G4VlOaEIkNA5BkiCUqsKrYHRORs1GWaUqOnb4NKvBu8cD0P4FyDjo\nWgesjGtvft1xQBSuglH09GoDUd/57jablCWd67U/JNsfT7wQcE8qw+orIFjx\nvgSqnGpnPMubHOQE4+QP1OMJXh+P968SISOjrmcOG+lLe3ByqoKXWCZZn5bo\nNWeK\r\n=LWJ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f4852598d008bc1750e5e9d2a0e828aa8804f87f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a6909c0e6.0_1623781748233_0.44706493001676284","host":"s3://npm-registry-packages"}},"12.0.0-canary.c18b5925b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c18b5925b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c18b5925b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bcabc8c5faf1f5c029f8367585cf1c47b2649c4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c18b5925b.0.tgz","fileCount":12,"integrity":"sha512-HMyTgfXLFxCYHgJFK7C7wLhgRsumy3uf2GEu8FBexeXFsliZaQJPXBgKxy0k/md9rUbm8dXh5kM8dDiVUteptw==","signatures":[{"sig":"MEYCIQD0fSzP9FmNib2TIkEILBCdXadH8+ct5r+qv8215T9KBgIhAIe758jewrJ9k1UGuQUBYr1D3S6KQgqzSsmXVQSMqeyi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyRVjCRA9TVsSAnZWagAAmYoP/jWtR/sXgwmcx3zDGCXU\n7VV/ynoaXXYv+Jxsw7UzRdVNUwpF1LbgoJvXtntBhkiDMyA6ru/zbgHV+tGs\ni7PPLG5L5Q5hWLOdGecupXk1xeB4WI/zXFbqvcwkLiU6dfLcyW32Xvnlhd1v\nUxvh/4tTFiUqvytrfFpio9bH3KNNDV1YjyhcFu2FyyikgEB8Ad6lhY5EUJbH\nbeoqttejLlnNUf7wiqIICf8RxEDOXqAepHbwAM/XBdR7pmVHCLG+yi+1ZJoZ\ngYEgR7jq1tQhsuZYrwXKUDGQxY1nBJPy/2UesheMaL2LRagjj2aC/YkNPCNw\nt58LcAwTakx/QRoszSiQ0ePgp7Dq1BPCsE+XIhI33ZzyqJvj5Lx3t6G8ee9t\nnkRbjBNMN3fyUKTb/C2axOCgEnt/BYcjup1WUvdfIDkBTILCnkFdxBBumCHH\nCQetlA6+DtkRcvE6YllHCkcGGAHS+VR7yY/nehQkEtO2rmd9Nrsf4undxF7Y\nQVewbEqag/PHSALR/QDG/cJujFW1eX4j91xjhLjIdpVHMgw7R4o3H2MoQpBO\nq6fq0vzFvgLLFPb0WjiILSBwYoXMpVyee0iZh1WKFw9LejuiZrVelP2jMYZq\n2rugcODRMrkRvPslZZp/Mw74MtqDzu+Z9fy9QrqiT8hptuV/kdSjJ3TF9eDs\nMlBA\r\n=J0gc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bc767c077b93ce415f2505e54f329042c80b0d3c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c18b5925b.0_1623790947789_0.17971816916726469","host":"s3://npm-registry-packages"}},"12.0.0-canary.7ea2e830d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.7ea2e830d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.7ea2e830d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06aa34ed343dedfbce3a47f02b39925e081c1d71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.7ea2e830d.0.tgz","fileCount":12,"integrity":"sha512-neueohfHEgfowS1QnKUoRrarOpUY0qbmK8Az+EXc4Qom8jZ6Z2CWCsxDF5cNfBTuBZjYEOY9A3ycflKuCYDRcA==","signatures":[{"sig":"MEUCIQDGDUdWBs/jzQBVjvFNIvdsTG4MnZKXmYuQAJTsDKzKwAIgBSWtuupR9HjMvF4QIjWZRXekmb0+Uf3n/np4NI+LE+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6ICRA9TVsSAnZWagAAi7UP/3JfGxRnjSqCVy9x+RWb\ntV3FPP75EIDH8XLNBRSzKae/GFB3m+VwD5DZvb/pgU+Bqvf0+vxevjVBxuiJ\n6dqBf1NUfn8Zx95hqyk1AdbF4aApbuUQ3FWhcaYxcmaqER3nErhKxKJzJnX0\nqQLLmTEekASKJJAjMNxhlhSocM9txO78/r2mAqJ49M1Xr/n0Fgc1J6azFRue\nf4B3YrG7bk9qVRuxR9pmz61nMaD4ME6k2qHUeRl0cO0xkSjMuoKbFFqoTGrI\nWKbY4jkhObGRxCrIIdxMrUTuU4Qt+uBhTdMRduXOBeafmzj0Sxzq4YGWSGM2\nwLzslWPU2XwRZxgWGkYCRzNOYDvHiomHIXRui6QZ07KHy9lvleT/pLrMIyUs\nQhShFy/oAf530l2hqbWZ0f2zosWiuz7e2qfCKIjkzJOCW6ZHYVjPgnhzSNOo\ndZvmXNEFMlJDtA9DsrN8ZWVRSfPxKy8HhTu7P0o+yMU9FEiqJwq0/VXIkxZF\nlpetikPNapxfZAD4TgH3EGFf9OzFh/+/k5WBZ5wfShXfkr/u4YmE9WvoOMy1\nsZZWlNGaQ5mcItmMH8tkH6SpU91Zsxafm3TFGAQjn4FME45xZ6emUU2KXWt6\nvk2zRIiQZD9sYWBPz45TNMQ6AdzATtN5TxiBSwpTjzPsESpLL16J8d0300q+\njfbN\r\n=atJF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e1f3cd5692e7f4572664681a049ec1ea1548eb15","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.7ea2e830d.0_1623797384163_0.8392515906897562","host":"s3://npm-registry-packages"}},"12.0.0-canary.271fff902.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.271fff902.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.271fff902.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88cc9c1ec0e742a528df385629e44a1083d03eac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.271fff902.0.tgz","fileCount":12,"integrity":"sha512-BzPkKtZq06OSEfD5sgnJlw6bllTTRHPmSX2XyOCY2vWuW2IkNM833k8MHmh7zl7FnEElCrNUscf0g5ikaznkHA==","signatures":[{"sig":"MEUCIQCBc7eugJZztzp/pP7gXRHmzQKjbYIgOpP5C6yL4rdb1AIgbfjBNaa43j1NdsLGpDrnzUAch9wpl/KRJfTaD642Z94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6eCRA9TVsSAnZWagAAhdwP/Roo3gcVBJjixYGa3F7s\nynTYWMMrFN2ngXWx77Px+qlq+R2fL7xA0/q/KsqGjX8aw639GSLDhWkQobhw\nBf/Q4uyu+jsQ1boYRQSUPsP5bHzJwCE5hFplvYYt+jCG/hEAuR0qTOc9otr/\n4i7yhxZzl9am/xMpmUuJbe47Yp+kHAw18Ko4Oq9FDWsk6/rSoYpa4tcdc2GC\nVOvtOsAi1kRuXSUngjILQGafnT79sD819O2bH5YTIghdyCkJf8hUHM53Lp/t\n/2FOrkaaJdqn4DSZRAIakRlmviQ7vm1cvDTWIDH+JRWN4722a+2SWvRHeUFb\nI4WTo7MT/VzOFag8bK+CJTX05WczDYOku4JA5M8il1xyVOMiBm3l3IMZMn+l\nfmuw3YO4eElyLSdMfUHHZodgEUBNhcr+3AiW3dmaUzF5q37/gMY/rt6587Kh\nU4MrYuzXKY0qDSNbk4QEiNRj3M2jl2Sqjpn58+3+gAdFuw5DsAXnp3pR4K/D\nZxXzTWb+OD+7mqPBvAoq73EOGBpC8s+axNcSXJS8YCZEVRVeU2rAnOLCCgVd\nCX3/S1tKDG3VxXzBg6r6XQYssA2OnGN6Q9oCYAz6IfEIp1lnA0WepxLJ5UaZ\nTO0fkcQD1txkN0yiyOh5SyUnDL/0+O05PvgIwXn09g8RaAa2vMlkIn2nyS4M\nkNtt\r\n=hvwh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4306227bc7e5f014c5e961178b436b394f0dee6b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.271fff902.0_1623797405923_0.48320882695698586","host":"s3://npm-registry-packages"}},"12.0.0-canary.d96f0a1e0.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d96f0a1e0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d96f0a1e0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"439d42a64159ee8bc7d9bf0c46385d5fa3d097b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d96f0a1e0.0.tgz","fileCount":12,"integrity":"sha512-9EMTZBCSTJWSbuxNe4bt/orzc1TR0QeE3s7ouuURe1x6fQDwZfTuyk7J5Scmf7SIVGf99W8OInVyU3yRSwPpgA==","signatures":[{"sig":"MEYCIQCQDcR/IBTJrMedxWzlM57+3a6JU5P9yb2pGvp0vZGevQIhAIrtaQSq97dPQVC6ZtcGrhJ8TgSkRhnmyURnINDuMrP1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgymeACRA9TVsSAnZWagAAecQQAIYdiCr+jsAPFKAi/sO8\nQ0RllT41IaM9npmWS3U3LjvUdZM7xvbPzNmpdgjtlHqh8pwPQac5uWk56IWs\ntbn6hu1yFfyXyy522yX1qhmlcVewInrttSGtiiG4tNFS/3148WcQoK6pCc6k\nkxV0Gq6zq6UvQ8WudJNLIvyCkmO/Wu3v8TAqtfK9i4gRrpsjoNgIYb/mpq0n\nG7sTE4EZQVabNrA3i6SivGRV9Qe+wMBFKV6ALPqecpJbAsID18jSGFHh8LcO\npKS5gpQ88fZ+qyf6hPcnta1tBu4RS/hCRMlo/6TacuDSVK1hy20Rc+dKNoee\nQWkLKD6V7r67IZifHtP6xy0wNOP4ZZte+WKTDJzCSUMDGpULgZpAoPuAJ/Im\nl1AOQXlrMKBd1xWzWHfXXxU4HnHd9weq3X962E19vCMw0dbtlbNtnqQ033NC\nxriLo5vIgQl6qLaQ7RGlnl1BRW1D5a7eyQGYo48NjC5JMiJYyKwkZxARGevb\nhOJLlLSTM7XlaEnENgPHCR8SH0hSeL2zdb152zcD0XVtEGbBv2LPFt+pkuQ1\nAHLu9Rq1t76B+WFmoiVeRZajZTmwFY6QcqlwGie5GuLlCQCv5u9Ep2Gnt+o1\nJDxBwtU8u01JIMNxpFJUnjTksj8oYpAE108BdNWXc7xjxNZUZ2oeJJveaqPu\n8XnM\r\n=MpD+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"32470ff9121448fb2599b2985e276f51563ed4f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d96f0a1e0.0_1623877504277_0.2964458294187473","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6183801a.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.a6183801a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.a6183801a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c991779a99cdb00304eb00db42233b88b4b1391c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.a6183801a.0.tgz","fileCount":12,"integrity":"sha512-5N00kLvVfm42KC35ISnqqW7Zgp4A8nedxcsWHZ1Wd6OsAzuIbaFCTNj+3TZDKAuw67nq/0UF90KGLjUDiomVGg==","signatures":[{"sig":"MEUCIQC8AX7qVshfB5Vp+nQSFYl4jsK3KIan5ZusfFS06D5gjwIgC0LpQXgxo5wKbpuFkEy5Itmubi9oSOOcEGppvyBAYiQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgynViCRA9TVsSAnZWagAAwDEP+gNkdK0i+t27XJh5FxJP\nEH84sHSUMYeoSyGaMBUzXCOj/KA6pnJtPM/qmoTNjsFmaBBiIEMeNnFbBMXk\nPGH42/Q7mSd6kuhcnfaw9p2+5vZyjBCQxPLGszCVzOne3DW0uYwLOTLZ+8Ds\n/z8N4B9kg4N2u1mzr+DP/vxniS/+rF0ZgQIrhkw8VPdmb+YwZkc1mkrMltyI\ntrkpMulQTierQskzhBPuOrY1oEMnJ54EfJnfOV2vl8qxMZ0VZ+SCGP3K0aWl\nY4ZG6IbbVISSPjVIuV/kNwqWDV3zJnWUni9BBpzHpYefIEg8/Pvxsrp53lc8\nj7diZwAtRtVncf77ai6IAAu8bAvCMP/+rdGgQeXj8Q36SLwRpZjx7hgeruYt\nuN7PQfTLN6jACN5HwdXzGLu//iOFVIlueCPPplgGgfSlg8rilYJvVtbK8ext\nif5PER9ktifx95R0usDS2tgFuUtYe8QwR0rH/6hYtm9vla85OutbPF0aLLul\n+ZYhEOoUl+H9FFY7HZuWwJ3nkDQJuml/an3llmpi8x36VpD3IK2Kr3jEtdk/\nOoYx05+r2kTeJ2Rs4Onoqw72xrm0uSLpl0ufaCqmmAmr5S9hMkVfdJ4PRBcj\nH2y0YdyYVU6F1e5lIl47o2RMK5/0J2+A/eYeWAAkyNgduM6bt4GP9RtwKIQ8\nxfvK\r\n=X7BP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5eb42f66e2a670e1f9573b4feb1a600a95b49b7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.a6183801a.0_1623881058437_0.7991504762979018","host":"s3://npm-registry-packages"}},"12.0.0-canary.940550232.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.940550232.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.940550232.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3f8c92dd634cbf26c255aaaf5a36f944dc2a4d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.940550232.0.tgz","fileCount":12,"integrity":"sha512-n+cZMvDsgPhRrnT4rOwPnwRBC4vUcbmlM7lLjW0YadqJfdSaSC+dwQzB3rJ0xIK+gWoY8Ut5zrJm+lZ13sIm0g==","signatures":[{"sig":"MEUCICbygmyrilBKBy9gYD34ooKikkIIpZavc6MFndi0UZYDAiEAl8WYngBzicHIIn2cFlRNqxQ05k5ahza2EscB5lb6Jfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy6TVCRA9TVsSAnZWagAA4eUP/0zRnmGsDf1+J9J8TvOS\nTPFkrmhdIcv8GwW9rr61dzrdxN/tX//7nC82GtZ66jGisgL+xNvuL6GDG17O\nJv9DldRXdq2v42ohaUigXoO0IzY9HgjP/BrURDi1PWv7ByugV5TBB6jY5cnZ\ndvkQbDvVhGvMIlF/csPXRsHkq9n37Da93wGzAG+YWQ8UpfV7j73gP+8/ULBM\nYsBtUo952CqdzVx2Sh2CHWtK0fF8XVoOni4aNJO5kfCqWHSzIJCkGD/laJ0r\nU3cR+yTMswvvwWYe2tXmQORQmiRLn1VX1DlIr+3w7gBbXcKOJMhRZoK5HYFQ\ndYogYGQ1M1b34maABIhOHmluS+GPqjrdd2T7L+UrHRFtXonMyHe81VV/uQ8S\nDz49r10obdU//mnc4NRSaU4snNM+7ycjAHiXadHABl5rtnueM67S0UOxRyXZ\n1RIE22FjWVnfPeuIR6xxKnzt3+IVqGrN4cPKr4abBV04jqLmilCrhVvI945u\nxYZ++JVi0SBWgjDtEHkcOIcZhtTIKUPDvo+Y1qhmKKOxMz3UWNU/Z7f1eHu5\np/ZPszSmF4YP38y9wRav4MA478bu3CtDoxH/9VTn6VgFh07T4Ul/zQCXAQj9\nUKKq7dZBSpSjhp4duptfRDdYHFHMc2Jicw3N8kW7kBiokUxIwRiR6HA6t7nw\nUFbr\r\n=8U0K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d6560428828a2c7ac90d050a744265e63c8563e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.940550232.0_1623958740512_0.06837090559870118","host":"s3://npm-registry-packages"}},"12.0.0-canary.f705e8048.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.f705e8048.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.f705e8048.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7dd505e13345095a1df544a68ce0a22edd7e85b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.f705e8048.0.tgz","fileCount":12,"integrity":"sha512-RrmN09rfBOxCe+gz2XyBSIiFZ5LSL4cKeEpVIoCQRqWyu1xRW+fktmo5C+uJ3MV3bTmXCVPE4I6taRH/7yxdbA==","signatures":[{"sig":"MEQCID8No16f/FAgi0qBQ8A8P8gVDW/w9ZQGRJp7dupTrukLAiBOEbZ1i/YDDZ5JYl9tpGulLA9F8m9foLtujESHsfF6JA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzLpoCRA9TVsSAnZWagAAE9kP/3w0oFUUD7+Df4HT+kI1\nAzVao+gU2PNMZcE/dmyQqqFXtfi4H6n3wbQeZuODEA6FevV2BRGqE+week67\npeqXvou4spkZGE8QpL5cq+zntEdgtO2hyrxvp8OYANMbnGJSkKyoM5Fn2OYH\ncrUxkwIsq9CKt94pIOKSfLX5O4RIJTzVuaF+AllmVbM52Fo0CnOiC8Hm3SOp\nhtJD2+PgB5FR3KaXhUexK5bdmAtY0HVscynmU1lFHWBRgAR8Zfp8jFpvySBO\ntj+4vw6DAqOd6N9W8ovhqgkgmFA8xUR6T0TRQ7A4VgVKIG+vtOc19toDJ3Nz\nX5Wa4YxiW88lMJVUG8lF/o16806F/NKeFm/pDfWLo+e5Jf1d5iklPhvYyzo+\nOkCsSHK1yczJEJrJSRh8GLkc5WzviPNl1yVdEYldDkepWFNKfDh0qxUHAlne\naSgXFFy/qppHv4pvKCl0nc5R5p+PdjOZfNbTIiD1Qe9UQBCSCmQj4rWW75wb\nGUC2l+56jiY54dGq1DfRE+CUhqlKhQscn4fngmsXg9oy+gq60U9/JaMHGsLj\naRhaG8r0dzP0UM8vgU51oYT6Xy4JpDi5kay7gZS2LMpYvdXW3N/ErihV1xrw\nNdyYuY72GvIul3L+yrl6xlDiw/oUZqVLorjRFFB/ACkQ56p8LfDp5tSukwA3\naqnn\r\n=zKYo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"65fc1ee152f3abef35713b70962e3d5b848a5e78","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.f705e8048.0_1624029800008_0.6305487334412891","host":"s3://npm-registry-packages"}},"12.0.0-canary.08d791f37.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.08d791f37.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.08d791f37.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9ee6d8e13f7c728403c056fbc2295e4eb6b91f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.08d791f37.0.tgz","fileCount":12,"integrity":"sha512-L75qpzCvPI0o3Dr2os+Kw8W9PSK/BpvNGJe0l1/7Vgy1oRbS4GXn+58hCME+Mo2WrYYupYcZpNxf0tBIm6vUng==","signatures":[{"sig":"MEYCIQCgskT6hsy9NbKLpdzhWYKY4rfLwBFzAXaOfge0rw+YfAIhAJ94lzmhReRxjeHe3fP/q9fDlTPwDXh+gKerZ2TU9st4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzQvOCRA9TVsSAnZWagAAS+oQAJnqi9N5zVFbBjtVOnUy\nqOQVEQJN5E6Lq+yFhHedO5qG56Qg4DVKTTKvzuQekzTnn/dGk1P1b7autgIx\nZ8qAfKQoHTyYgdSuyAVTo6QBDcov6SlgTiSCSdM2A6Km3SOOXkcO5n7B8Wgd\narJZ1aIEa38d2x5VjmsPU6WrIQybK1Z7fWt5f0Yg0OmuJty5IR6Jpi8AVybd\ntu1vPDWpYhtTuwJde1pWFwPs4lfbkjRPzNWzl2GeUMkjhYqGxPZs4+bKLi2Q\nc3Vaj8F/l4VLy0xRjrbbxpHH9B2EiD7XXamvZJNL86yLVHPNdLwJBmz27dvk\nRaeCbDTOuadvsuIUIYevykZUhpCNyt1Z5RyMC+iTepEMJgA+ZH/5ZPmCx7iW\noF5Yq74dmzxzQJNM2GK32IRJvjVRvv/pSvQVxKErBR8IaVa82ECStFOlzrlw\nmwRddCda0PtvHhcasHZjxCEU8+dXZIiHBDFIui/qWT7Fq4+sY/J68r5pnhQQ\nOl+zMItO4nj6N80IImWqCvg1VJqPjY4L95I5FjD2GaPlHULbGSnta5GABNUG\ntIbCjut6MOD3gcu5hwln4IVaBmK/wdXpWK6H20vilBGEiJTHP9w69bBwsYyp\nmkOkESfIhoEXftXONLQjQljkX04eOfanWHt5AXO+6y1kZdLzQYJtDbSYGkqq\npoW8\r\n=t3/J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"854f301ec7183c3cbd2e62f9ab541f21aa6a459f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.08d791f37.0_1624050638204_0.6472635342728947","host":"s3://npm-registry-packages"}},"12.0.0-canary.e38d7440f.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e38d7440f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e38d7440f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7476641d4f343d00b05c9378d35d6fa673416269","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e38d7440f.0.tgz","fileCount":12,"integrity":"sha512-QfhwTtVsdaTF98fSnAClmNyIw3BWmJA6iHahnR0p683nZtv0tYeo7GfJkfx9vdS0x0q0yuItsTA1RTWMSLCvKQ==","signatures":[{"sig":"MEUCIF+dEMCR3TwdCxero3tX0nCEcI+Bw1lYAMmSIHU/aQDDAiEA0RGwNaNUvFxGFTO03xFEJ9Rq1KswPWfdLj5Oua+462M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0M7GCRA9TVsSAnZWagAAUm8P/2eAVEp6Mx7MFGQ/CjCt\njBV4ridGXOuJyfpgmUbzVt0oIN7zMfBuJgmOEMzNhknb71KQeh11skyFov39\nh38fqzTHzZ3FhRptNRNCyw6NuJ1ARB8j5vzTjTjuGRXI6fKRAVK+Cw+/JvP3\ngsXxmPOYz6pnI9cUE4AXfQlFUYnl3zr1C+rKTlO2kWoptRel3rg+oLwij7zx\nxV8Xx/iODHnFBz/UIljhOSiHoWUDyeo0XhbQWoaMwylq/NVMX2pba2UHidLN\n5QB+2wdpAk/O02aFZXVl8WBjHzvt4umoiZr9C4KNp7gW494WgvfFzL9XgDUi\n5sFB3LdVyUXMM5n7nYDMPmTOxfUFQJ6VvwWVSutehCr5cLT0yBD+DpiyEs9y\nnpI/Lbib+ex31G55BYflHouIB39pw9+/t0zQBdyL/6oDPrEMvADbF6HoIdap\nlWgmdYzU72aWXDWMpXbLvjgGdO4+6IWnHqcRwNenHmEZpQtgG0SgpoRe74Zb\naDadd4SkWbNJl3ye3EhqOk8e77Y6eXjoQ0DDhRDS3hB9WOPeFM/uPor3xexJ\nduwX3QAfdwnrfen/f4szIK/xV2Bv4drrsXglQvEG4zyJ2nxGlvmvc0uz5NGg\nQTBdb6OewGeAwAppV72SNFUBqwSlae7yBQSNRyQuceCz7u3UOPHL78Rx+/F/\noofL\r\n=nBkR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d46835e968c827eb3b359624ebb85f8e3ccf528","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e38d7440f.0_1624297157562_0.9859225737552735","host":"s3://npm-registry-packages"}},"12.0.0-canary.75900a5a9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.75900a5a9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.75900a5a9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebff0e0d0f9024d091e5920025e85e30e45fefa5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.75900a5a9.0.tgz","fileCount":12,"integrity":"sha512-K75sxbciumOro8JQLdMEVwNwiigk2QfndX6zTQ1SsZAJpJdak6su1vpUZcRz+l3/NAh3S7LEmieDG5eNxox0eA==","signatures":[{"sig":"MEUCIFn3X4MvXhRn1VRcVnoRzxopKwEBmTJrJ6/Lp2Ue7n5pAiEAjgELs8hOmeWG2Qch5pgnSmCxehmkPgQ72mBia+8phEo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0Nv4CRA9TVsSAnZWagAAhUwP/0DGj/qsl4q3gcQAhJx5\nJwS/+INidUr78RRISY0btr3mcyE5FLh2Tan+rR17hZQlMB8LiMKjN2OcmhrE\noSyTLCHqAO59UoG/AqTOYoxVmvirkGMTNPGk5t505icCugQ0jEEPXzqTdqz1\n4FbPjxf1xU8hkItQpdCOpKpmi6iZiXWqdr62wrZQutzFHec4BAlJiy2JtxrL\n4n8Z7abKFb4ed8Ey2KwDk1+2o1eRx1Le1C8HsQa8MZm8ffvOrVi7t4EUPX96\nea2JVchcj4hIPyZcCNZNK38B1II1IwXExeJ/Fk2M2z2AhXqSDwdNlItD7NBx\nSt63ckF6Tk4oeI7Jatw8AeGBfl2RmU6WpGf89HCjEx/dTrAoy5z9/rlTnFJa\noEUSgXpsVcfz40y6VRfMYETIUU1yL77np/Hr0//E4UfyfeufEGV2p1NTbNvt\nUhXTOTL7pVMtdob1YB4ryqbfD8cgaPAQbFvYpAbpANcBT+WvDqBfl9fFSVvT\nF2V1vXOM9/r5+7+uzPsbrEGjr0cSFlC9/GP0dzjc/8bEouHjEhqPr1Q/TdCi\nbRemxLb82aaGmuo759sGjYv8i76K6VzCPbePsjaOglQWWwPKonqvTe0inkqm\nQQAyaxXZxle2MyykXAq27kK4srhDg8FeVFhZmPCgnxIUtCVxCTb7l9p7qffE\nzHWu\r\n=bIN+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f08daf05a41f44cbb5e5c07039e1e165d123c405","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.75900a5a9.0_1624300536084_0.6997700493788441","host":"s3://npm-registry-packages"}},"12.0.0-canary.33e6f50e9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.33e6f50e9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.33e6f50e9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d487182ddf4307a042af06d5d26cd48071b3c2a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.33e6f50e9.0.tgz","fileCount":12,"integrity":"sha512-TXmg7kEdvJaPrJemTEBfGRGeKPG0b10sFEE1ZkTbgNc0g9Zyu7Gq/BnzS1yIiCcrYI2b2BFwauR3racWnKTesg==","signatures":[{"sig":"MEYCIQDXypV9x+wGKhx/G7HY5Ka4tSbRDDtP4hq+MDzjAU6pSgIhAMGgCjO6kBfYPOxsL0mKZXXLmDCL3K1pcg4YfxmCzrQU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0nwPCRA9TVsSAnZWagAA9E4P/3egWfPqPMjWjR1o9ZHA\nkAjWnFoWR1NDVx6r28TB/mScONMyKkkEAq7N+7Wxk+h0hHd64u2YUSbFuBQ2\nuZ9S0ukFhIAP/zQfMhy5Of6UzjTCa15JzjPLtvssxmBG0C6Ti+SjqidcHREx\ne+b+xWbl6YM/BGFvGpZ6jABJcJOS6tdsXFyXl74bNukeUefp1mG4p9z5iDGz\nZNcNw7TQ3u7DtKWLPK5ag17SdX1nROKqvWTVNVGwKI20iT+dnaW8kpJ+FZ6c\nUZ2PHmGNskC+oVqIW74eJM2AALz+JIMMEIwPCiU2J2IKsh6v4X0umz2b2Mg0\nMTCjWA9G1ag30AE3SqK1KPq8LyvlyFpT3+uAvfnu/fnsY4TecxlkP6yszgJV\n8A2XDUWpHLN3ZrIPIRe0ugMOOhm5AkGvIvRCVV1ANJINctgwqDFyXtTGM4jB\nuLeMxg/mPCOfkub29TOOUWLkmh3CRsZJNpIU1NQn8947burRTrPDg7nM126F\nXXfB6fD/5h2k8Iq0IYjtJmcUi6Z80nlL/CIN+meGKswleBnuHLzWDQaodZop\nQ1dFGmhSyVOb1W8UhjpAMB6UBGdDplhM2KMKmHTDmvSWsOri4XxZIWL4ak+2\nz6NTucpjHhnvbzAzupnhPMIo05n3wd0mVTOR0XIcyRAWSnk8OyCihw4AxR4N\nor+v\r\n=yxK9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fb208c22fe558f863d851b5bda74038d5a3b09d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.33e6f50e9.0_1624407054963_0.5098918466641458","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c685301d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8c685301d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8c685301d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a851f27dd8c320a518b539dafddfbe4e4eb2bce1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8c685301d.0.tgz","fileCount":12,"integrity":"sha512-imS50xmDmaJ5lV9ANQO796ALASyUyFHjiaqQbdyMh49m+9wJ2HP1aJaJ61dhn7WpMJgLEIn6GlCBOwQaJBGW9A==","signatures":[{"sig":"MEYCIQCVgwN8h1fMh9SNo1ZQfTsjCmQ6mRF0/AMy9uvtlX7bcQIhAJAYROyQzj6t1lY32zwud3GoRlcf2c1AQIhO7cpI78K8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg03wiCRA9TVsSAnZWagAAGT8P/Ax+/6Iv1dRLtcpTG8hD\nUm+oipOvpKQWQuwPb1UnrNKQ0kR6I2djAXD+dOZuXCREzcrRt0yxJteIVJmF\n4ura4Ae+R7XMy6XcDdFZyRziZObk2MX+3TdbbAtEzzWA4YGZxxAIE8h5r2wU\njV88DOxVCkXLKnW0+1Bn1ofdeVlJTIAy1clf/sbI3HeNPsTjclzCYrCghXT1\n/9wYomQqL8U39GwGyPeIVRTJIjlA8aPKIM1Pe6H7oPgDXlHu5XgVTwY6VLlP\n69/APf6Kll61zGURty/Ic+iaYccIlBkdOLFYtCfOlE9RyAZik+B3pwHNqqir\n6KuZnv45EK9LWct4P7HlI9cX4PlnCmVU3p1nq19eDGebTGNa8cBvBNp8kZwI\nQpSbICDlK3N08EhMvw9MsIgaiITb32pOrb1X6+/NbLc7O3ysO8X3md9sm57E\nX7o9HK+B9SkaxSLTg1D1LNbaWE/axKNKcmlyPoLhc2+AJmqUMLX/gmKrw2P9\nPagCm+0JfTvZoxcIi78gYnmgnX7a/qSH/Vlsqgeg0C/MHWr4wf7VhWsM6QY6\ngLhAgyC9CFODIDR52z8T3pSplXzNfJ9e3mZd5GABN/QAEYkrSrSJijs8Frwd\n8sCbqeYjOv4/U8GDACtCDW3INtKglJdXeQwccUMBiCX+jMdkQKvtpIGyKXtc\nTu67\r\n=Pq4W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"43d0ab810254e565375b55ae118522d89b7e9254","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8c685301d.0_1624472610407_0.5475559208619727","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c7d994ae.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.8c7d994ae.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.8c7d994ae.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52be7fd3f8bebc40e78f25ad1b0d4f0ed7c29583","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.8c7d994ae.0.tgz","fileCount":12,"integrity":"sha512-1qx+HXB2fgWxcgSGQ709CbdPpRshEOkf0oW6kcABTnDtPLAl7pNEThJpTtcsREBfEL/46qXlqaqT9cEsxbNdyQ==","signatures":[{"sig":"MEUCIBy9zxEK4ydXL7HQmy8VpBUt/8+L/sOZiPEtakDz9KavAiEArdAqWo2VuuS9o7VDiWb0KNDwpKVs8KtAqLby5o2r73M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg04rhCRA9TVsSAnZWagAAX/8P/Asu08FjD5n9Gn3esbGM\n0BeCypAL9pT1EpnuIqHGr3UvgWLuF8caP+Zparb3Ag8F6vU4WRmJ82s2VnlG\nUTGVP+LgA7gLKCQnKP+yJ5i5fNZ60JIe2yti5/S7Rywx+YkKQ7WbrAuD7I4d\neAz+tmOaNHZjIQO46+Eap37Ixtx1jVvTONYE6S8wYDmSnF3DAyF1dE8z/byH\n7lskIvrYTlY9GruHrtvJoAd/VT9xIhj+XTYs7c2wUwEL6bcxxP0boOl2SPrh\nemdZVuKT9DzholKgwm+NVNUps4k2md9HYLIpWhE4eo+SeKXwTCUJvtCdnLo/\nNAxB//SIEgWZENMd8IHnA2Yl+LjpMW8hc2jj8faOlA/VDmOdb/WsHGzzhlcU\nS5y6lZ7IAfjXIq6eUniE8Njcct6mGA4BzJfdogcrXJsUJcNe1nyNJMFcBHf9\nqKfIok/FHR5KYSubBmAkNVNK+uKXepf7AFoU+1CzWlWj+KzTvs2cn06dVFIl\nwxHWkuAFbNwMfL/K2Ad8WlUT/kn/nN+c05lv8lbRmbIiEWCx8yBRngH0HnRx\nAx6ajdf7jXicyT8CwlvSpcfJ0lfPErLcOcehZx9FKH9BJQbDMyrglzM06XY6\n4Ql4F2cFBFoTzJFuUr8N03hoeisPvidP5e89GMYoyvuGlo95G7mVazrfGTjU\nzljW\r\n=rTsZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85693f86d68563f451e95113f3d03a29fedcf142","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.8c7d994ae.0_1624476384561_0.14417671969901136","host":"s3://npm-registry-packages"}},"12.0.0-canary.4ccd39bdd.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4ccd39bdd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4ccd39bdd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b1c88cb53e6a57932e60b5d42f826343b4ab67e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4ccd39bdd.0.tgz","fileCount":12,"integrity":"sha512-Crs/SISaSaMVaPY3PLUuUP3ngpK9dQUeP1Lz6QWpES8nFJvAnNt+LtOU/N4SLjZiYojrHaQRvcQcz/NeCrnYDg==","signatures":[{"sig":"MEUCIQD3lwRfgW9xAa7mZ3pMsPJu5ArH0rwOWCF2vtQM2I94KgIgInj4jGoiDc6AQfW+suDsmDvJ/1DkO4XEYmBpNmpgTgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1K86CRA9TVsSAnZWagAAbnIP/AvsUWdjll8WQnRhVgwG\nL7Pv0W/lXu+iZa+fJZReeSVK4EQs1rXDcshNlpiPBZgL/9avp/bO/7hBMoo3\nLMvA51Jo0ULRC//xUoCGUtb3J8aY6OYzNY24/6VeSznZQJE3IcnutMNNGads\nHjt8zw8ugT6V5bp5QDamCybYevXHZj/PYmxgrCbkESX/bDmYNT9ujgYXRduy\nK9oBUhaGQBzWGlANe1Mc7GznjW4Ky43fymUiLYzKvMm738TvqtFdFnKR87Ea\nCZRZ9KMcXjN5/128OhuuiGnAI3WLBjUQQ3EqPGjP+OvJ+3Eo9gAqEskhZWT4\npmdVhZeCT/gF264r1Ap9Td3ld6NrfaPqxcNix9Rf++xXlSw9M3GTDrXbmXWI\nTAij6l6YDJxeAVtYZ0sNKv3sWCW3syyTCorS/cHEZSFfiUxAKHl82fvevxXe\nR8keGrzZPihYq3oeDTNIPqtFrbJCQ1IdOGEXpLR3tIjWdzlR6Oqz6KIO4lR2\nIsx3bEE6OzG0+PlowqzkN6B0TgCGxDgOtttceIiBvvBWvzBLq8ekYhJMRsug\n6OQUjmMSJ733Tyks63QlyfCQs+WfqanLh5c/3De4j/nnF1vgsez9tH7SDBqv\nXYz6+GqyEOy0ZuKJlW03boQnxIC6xZwKciSvYclWBs09KSvKv7O4m3b9XURC\n8j4V\r\n=/VEV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0954a36f2cbd31614158e8425662a4969ce9c299","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4ccd39bdd.0_1624551225941_0.3159020897940903","host":"s3://npm-registry-packages"}},"12.0.0-canary.17553e9f8.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.17553e9f8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.17553e9f8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe2dd70e21140369defc727339422a68dae4b480","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.17553e9f8.0.tgz","fileCount":12,"integrity":"sha512-0csnWDkvq88tZ0eIAlVGt1X0RBorwchIeKuClOvqgoyObBF6KfmRtrh/4hnKLLEI5flQBcJzPbM2Fb17m9zGdA==","signatures":[{"sig":"MEYCIQDZQXQ5u15gMPXa5yss3uQscWHH8X1Hx/Mx4k2ka6kvcwIhAOMnIQVtOshxSOn+tK7NRioIVD7uu+cqmJGYAtsZ81Fg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2lJqCRA9TVsSAnZWagAAboIP/1rOhbh3nhQ4nFXSi950\n1rnLzCKYY3TGgsMKvZyGE3teoubke1e7PgCZ+NarY5F1zIlfLd+gZwYPDT5F\nchZgAUylFkIUMjfVhMAx2j3Iq2qWClr50G2F/xiTgqmQ9WM/Nxy1dRX7fCmq\nJj1Njb5HvnvG8cXgAVv0JTh/KP8cb7oWOKlr0Op7HEJ7+Ae2a8l/2iyJn/5Y\nxzUsBuAjxnjp35SaFqUdemjTlNLRU1ptYEPgAiY9BMw3d3eyb/0Rs+I+vTv9\nze+vszaYEdzzpSE/ImoAm8+viNIH6aBUxVabx7J+8ven73Mf2aOmANQlNrXT\nJKmjsZoFhO6JBtvVP1gYwYQUxO/3NMlWY6of6rMJ1pyvnqt7s8YO9+RF8d/Q\nAW36yG7jnUpll5JIt1LkI2VqJ0sArSEmt5Mh7em3f/sgRo/YlgM1lWSfKlW6\nYztaWpK6FTdIOLbjJWkelcQnKzy9HxFWoojfB+gcl8PDN6uz5gKSEanPUxp9\nynw4qJvMaqaA9NMTG99DVQQAZwIjimylxe6ahTYkRz8+FldlA0ZGhXjcxl2P\nRHmLWvLzrrs6iQ+Q4WMCMU2zRJhlM7rvqPfcvEQX+yx7rrSe4tr4p/WXsCJ9\n68qny6k54limjT8J2eFpCWEmBob0G4xcuxJKNTi/NuGt+/1MuzwpkGAVYzZF\nQ4kG\r\n=2+4U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bbd7dc5fbee09c82081517ffc14264d4834209ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.17553e9f8.0_1624920682447_0.3629908923919716","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c80072fd.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4c80072fd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4c80072fd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0f0c62f70f07083913fec2b96fc36393d6805a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4c80072fd.0.tgz","fileCount":12,"integrity":"sha512-xjsmvnei9fOSA9DG7tom4Zdp8kA+CyPmsMKJLja9gBieTQIpBr8V3xEinmdTB8lPnNzB8IB+yo9zFVARuI+79A==","signatures":[{"sig":"MEQCIEszMVo86vJ4NNEFTEwOV21nD/3bpX9GDcBaZXLWv+tKAiAjUDW1XdmlLzrtm8CBPT6ek8YAlVDbySyfO13OvNM+JQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg22j3CRA9TVsSAnZWagAAcU8P/AgA/jEHKCfrTyhmvCGR\n/bfaU4jiUPB8xe7i8A5IwzcSll0d0bJWQUQpVZVCPr9/LEEuKgIwp5uWoi7e\nVTFyU37WLrEn+PXL/32/wnPCkcCfC1b58G1h843iOJHgPkXgafhmrQRELOt/\nsy/3Hf3OsYlZyCQ1zkXA1Bjyx5TrZV2iitc4MclBve7UjZhmQg38Ddh0ODLG\ngFyKABeRr19nwQBeG3BcMLQ/RCNASDCoCUaGO/TPO84p7f0kMdXs7H43cp+0\niHv+mtdumZaIceGHy7tH1mJp6/aP3RQekdUx3Shkb3eafs4xVIV+4nWcOzkf\nllxhze0Qb2bSE/IndZp0hXlrjkUs3mipcTpBSL+acVxRenF9FvcdceoQrECU\neFSYJ9Y7d63FDrOsqP9crkMPv6Yo3BSys3DWBr5crJa8KzWO0F76A3UI+/NM\nwadz+NAnKbHUUvu7yzT92PHBIO3UYZfY2USKSqoP3+mokMtDC645YSQ6/DEd\n6z9F6SS/8TYXOr1YSxJz+zgSpKGD/uF0SpMOT6EyKn5wB1eGljazznHWzVRt\nSbqH6hMLMaIV9NqW/a583flTKOxRT53RTKHUesueMM7ehg1JVeZKnOTN7y8U\n1lTYUj45aaj9tRAvD11T4wwlzCf64qJR1KmFR7q3VucQNd+iMN5PqacO4os+\nVIol\r\n=PPGt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f6d10da43c6e0fbb1366c1e37fbca58ce00dc12","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4c80072fd.0_1624991991547_0.8933938969049873","host":"s3://npm-registry-packages"}},"12.0.0-canary.796811db7.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.796811db7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.796811db7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89660f2d8afa1352de7525d665eafb476f76ff35","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.796811db7.0.tgz","fileCount":12,"integrity":"sha512-78Ry5IA5p9bcdNLWIdWCP8pVgPVt8VW53q3YibUBKRFCoLqVEzuBZNEUoxOZbPdkNpx4yYzAk7/uLLLj+nXBlQ==","signatures":[{"sig":"MEQCIFGD5eTgm4+WOyBRjjF/7FPnUzeIrT6PksgFD9Tgj81AAiAtbAT7HktwFfvVlKhqbPDV9uIJHa/6+xypuhhflsI/9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3QYLCRA9TVsSAnZWagAAbaQP/0ETSiSyakiKHtLIN4Ca\nBjjLm250grUdhcTB5jtJOatVWqatMTYbD89kp6LIqMBcTAUmw16959x1Syh/\nLRGhVG7Ev3S5LkX/b3X4II+v+O6ks9W0ISTZVb2dMKSS3mXJQUAgjsMtoD1X\nx5aFRlCcplmCozHK1MUYVLTSRYrKuKee0j28ditnudmXL+0EI64i4237VBlE\nw1mrmiHkK/DvO82LrBci4ufg9IAX0yk/UL7lv1aRV84zAPVfcVAXXRPJIPXO\niGr8Q3Q6PQn/uhRyxP+IyffrOuUhS0vpDZ1yKp71NHcNAaDR0hLp8t9WWP8K\nZSrGr/4Ezwzaea36NuwSahXO/7au3gvJO8eToydExIO0xJ9/B/+5CBaV+Mqk\nRQ3nKegnsGDWcvJuuKJjUAYlErCgd9qvH7LMfjR3bIGZnaXlocAZxRrBgOyK\nmkSLIAPxyf1wg071L5XsdRipu0/w4SioQDsQiVqV3x2lLJD3Se1K9iB0EQ9X\ne1V8kujLaiJ68GM3N/Qof4upHM2PjuByCnPzXDmKF3voV83/0SV1Pb5q226/\nZf9xl4+H+m4u1dCSgTs5gXCcx/Twly4QXRipmjjrHvnbYq1PLV6dflnFkapJ\nY8Y1T2Tdg4/HHMev2MI0IVeY2SSGX+sbQ5NRczruysXTifirVquoKWvJZPPt\n+KOk\r\n=gcPx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b02de77dcf32bdce7d23406dd395390b35e386e0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.796811db7.0_1625097738544_0.06461353084827115","host":"s3://npm-registry-packages"}},"12.0.0-canary.70e1efdca.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.70e1efdca.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.70e1efdca.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59a7a04981476ee14316baaf99d889dbbb073c05","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.70e1efdca.0.tgz","fileCount":12,"integrity":"sha512-W12HXjbI45Sfj4wz3HyCPm63C9o8HWvpLnQhBmG1NYGanAgqxFG/GxlgV0YDiNvesZWG9UC1sex061q/4y9Dpw==","signatures":[{"sig":"MEYCIQDkRsqY8AvOr98CwbKQFi5SjM2XyZ4JS1AaLSRZJs311wIhAJShFGUfNsb+JyaCaOWNquTYnj4L5WEAXLTRN9ZxZmGM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3fXQCRA9TVsSAnZWagAAco0P/2cvdxeG9ym3HuJ4NOzA\nm9eVOAFjr0N6M9W8MiBrfzJKM8ELJQKDpQQMNzypUYCCWgW3XkqVZUkoQzAi\nt9my/1nxO/2WNP5Aw4/4FXsimSGK14tCfNr1SXEioGkEi/CfpvpfLdv1c7Ot\n25S99YH5w5cwdO0pnnghNcyoIC0fNPO8KO5URtYw5SgDTvSN22NO+lngq/Ud\nbO/SYmoiGOTr4bzLTUFIObORWA95wpA5lKaX31h7LMbhf0YHnjoE6gVTxehC\nRUU99OZXtovOrif7OeHJBkZMUHwPbygk1Vlukf83v/LnQyXEVhMjqrKCUPYH\npi4jkL1/TchjBXjuIeQpkDUeRgfRtiAeWw6TfTR6Ynhrb9Bsz1lDNXH0ter0\n2Fu9tcnyL7NVCq27k7aJtOUoKKL2vp4846lk+c8+X1sQPqWrkcnkwGUuSvxY\n31yujG4D8wF9YmSTbf1Xwx4OHPHEOmaqw5Dh6lpoJzS+32t6NakQwExxAt14\nh1WsvwP7fJ9FmIHAABhvukNmqqI6VuHhr0cC6PmbVJiHW5vLwsonXrjwnAo6\nC2Z5OIGnQ9eu/IO/WgScCzAPS1x3ifvFK1Fh1Bh+i25tr5Ugjqabz2dQ87x/\nsFA5p5JcOHviICdTfFi1QJN6clBqrHqIW39DguwWb6bH5w/PdDkYJFZ0jbcd\nRYPa\r\n=ooR1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ab5924ae38bb3ce40d3b1c303e1ae6d175b844ce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.70e1efdca.0_1625159119912_0.7079491554711839","host":"s3://npm-registry-packages"}},"12.0.0-canary.435866d32.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.435866d32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.435866d32.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ba860c87e6cc50d58c29ede12c36d77523bbd0a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.435866d32.0.tgz","fileCount":12,"integrity":"sha512-riw/Nji7XRhUiukwGmPwrAF2EOFNAidGQ+ccAcxaKisageqIFbJ51UQWxvyiKgessNwrENnWHgDbVNegevj6mg==","signatures":[{"sig":"MEUCIAIxg6REpZHIiN0+snceHt9/ex9dZp+12lCpZ7aB2qXJAiEApy/G1aExqaVuRGHx6VTWqOnd6Mh08oqWGRbytU6RqBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg31jbCRA9TVsSAnZWagAAd94P/jTu2YBDzY9o033J1Esf\n8rACbFAUMLy4dFmXrLl13EUuFpO5JhcGmUufp2uIufypOKvdfGsCEWU1Oac8\nDdupO8W5+aYgL60mPl2sjRGWBqXCUvqKGF781nmIHD01gXWAQpTbAPPN88xM\n3QIOYeaL/kos+iyX2OqeZXDhYVpVS8Oaj6hn5dV3+HMUNre06K/hMG5BPnxz\ndwj27E7YNTq3ecmUHDC/nA/sEl2fvr1y2Y1ADkLKWtreC6WrbT2kGqppFEb/\nq3uIDZjTnfg5oGVutS457eq8RCgX9LFSDxHC/KPfUmaHuFJktd7SDv9VVSAa\nYnWq6ap4l1RQNNzOa6Q/vrTti0I+35Ezdmc+AoePbCnFHqSrU07DFeesoaC1\nOFqZpz1bZmiJ0eIGk7VtVicN8o6rj0hVshIUnknrVJ/gMfVcQRdWeWtrga1c\nPQMhRYq6+xEUHhtQMNZaTDc4+JKJGna3xXwCygyIMAjfSOdylTsIt8Zp/6sj\nmLrMCze31zIqkhve5gsoBmltXZEZxlyGZZVFwCEOs9z3H/h0kAP/2aWte3fJ\nxxAah1QfYwLyERpE7HQdfna4Z1LvHSvirziVU31C9MAPsL0+UB1BzR0tKBvP\nrxYZF0YEwuNL/+vy8I5awRy8sqZpn7pSROCCcBwOx3rxSSA70ivWeRl+svpq\n3J48\r\n=ScV7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ecf68c368bd1ea5571aa4da569d6fe6c4b8b8caf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.435866d32.0_1625250011465_0.1237652317156468","host":"s3://npm-registry-packages"}},"12.0.0-canary.d0f9f3f2e.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d0f9f3f2e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d0f9f3f2e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e8a17c5a643a8eac8cd47d234af296a6fabc441","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d0f9f3f2e.0.tgz","fileCount":12,"integrity":"sha512-RsUkyFCV4L6DTDOXQ4fptgTHx7ocLwP2Q62OvM/QB1XLyTcyRVgMR2cOEoHjrhNRBiLTYzYexpHigrjhwA4Zuw==","signatures":[{"sig":"MEUCIFci6JH8xkPZS6Wt2xOmTQuekoMKpX7195D2NryBfXA4AiEAktHyMNmTTja1wyYOmrAjEvK+5RJ8WeOsBnTv/egjYhk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg36hCCRA9TVsSAnZWagAACCEQAIC0bpmHo85jr+NG2XUo\nCNWw3OrT8Snab5FvJkLmFRa65LGU1AUDhN1wAGmtySxXPv9zT0bdtw4XLwxT\naCAbsclUtJfal+yCUKzoLX5CB0YlaGOd/VuvDQjR9uxJ9PUvPy255/a3thsg\naWCg6TXsYDWffj25Gh+fj8Ccmt06jl9mYWecReef224p7fBm+DBfj16F7j9l\nqz+D9JvEyFmJPPkkOXuxFUBnio54qmQBurGbArnf9fB6LuGEOGgOn+kNVzww\nJJ0u43JPAsK+2g4/fY9O08zLzlSoXYUsmup4V3Vz5ZpCLXgbbzhHVe+ed6Kf\nZtGncxNs/6NlXGcp5n+wkS/aqS6QbdLk+1zixHP4SbmC/Ai+WHw3KBQOb+v3\ncfSff8Su4Rmo6nPflNUqCVlcXsQcHxjdRFnm4VfiptWHxZhexFEdZYv8K0tA\nio/uF80FeMmru6/6Pj50kLufo3KttgD3qNkFhZ4jQZHxCRcSfdAmLsMnZagr\n/PqG7bgE4wDszZJy3hXh8oTLPsPaz0jx4HBAmbMSzd/QGvSMk5aNwp0GtoKX\nDx+px81e5EyLF+qfYz6ivqA/ki2W2E5zcs1n/rPkNtpPj+yunvqTAQmHAAhP\nbDEDg+/B7Kv417BY2F/Uu3h1H9kqdl/G09YiLLdvXIGUejCxUZYQ27jDtlFy\nXvat\r\n=G/3O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed31c78c6a84cb24353ffd1d406693496f090e29","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d0f9f3f2e.0_1625270337835_0.24135321338566973","host":"s3://npm-registry-packages"}},"12.0.0-canary.adeac0549.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.adeac0549.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.adeac0549.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4245ff760844ee49a492eba7a4e7588496c65c5a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.adeac0549.0.tgz","fileCount":12,"integrity":"sha512-sG78pue6G5ggGL/HY82C81j/paCYiIjMi5EmoPvKAIQbWzbwz437DyN4cbQ0NsPhwoFG2NJaTugav+H8qs1PWg==","signatures":[{"sig":"MEUCIQD/L2uDEomc1qeI6Kv0ox3AzwcfcP7akrIHlivYjJqWAAIgR/7iLT3RQTrfvI69cG3K92M3PiAy4fojZkAgexuJJjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xTWCRA9TVsSAnZWagAAczwP/iE6UZJjOvsWKJdQSUxS\ntM4lW1hfUDoC68y/eqyc/lCZs7rvSNDBw9afCyG1yWIhaR/pjCv7Z/x21QTX\nSAySOb5NxRnUUbkNkXogWhxSGTY6wmvNbz4AQMTkrUmSnMPuhkOj+6U4qIFw\nELm/JlnjIQA84J9GVzKKilSeHvhFO9U07gEZJviiYF6//VrQD6MBaGowKaVL\nsaBWIThhitUh/T5aN6gmWE6d/2MnfN3ZRzmGiPx64aholKhrwDUpl4p5qtLN\nTynvodJl+0gB5CMKwd93mYoWHEMPhGWz5pSQH2zwo25HHYYZPpEMB7r951ne\nbSgtvaO4duxcXYZG0bi7h5I8edC0WHaKXYJwE3P+jC1niCWPMYMEIsUSKwlR\nDs8hN32/cVeqBuUiQjXAojPYljjLLRUm9YjP9UO+PxvrUpyPeLKkSv1Ahv6f\niLFUy8VrxTiVoJhJaJ3Gn4dFuda71SJ4fz3H9XqkojRW0llQMPstR3kcS8In\nJINcpFeIYN5nivCdvu9qKdZdl0IyKptBVX2qNJMrx4y9htIsDtHuXucJJQzo\naXcbCB66VAvk0XRKMgqES6DP9G1R5i0XXOD20GK4ohJUMG9n7PaXdLkHZ9Vj\ndW3GzNBm/TBIQK0N45/45jY2VTogO3Og4H/WECriLA5gvMlxd8OrDRiQ2pfX\nVSlc\r\n=FRfL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a189bfd7e13b17660ad97870e074af0ee245e36d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.adeac0549.0_1625756885646_0.2998272002252478","host":"s3://npm-registry-packages"}},"12.0.0-canary.068fd5028.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.068fd5028.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.068fd5028.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e043d1f549bfd1a6e647486a354dcb7b04c7afb3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.068fd5028.0.tgz","fileCount":12,"integrity":"sha512-5YmkZzjYeNtAwhveyZPhe2804KpCsbYtjCy3f4ahCbhsg68ZEBizUEN7MmctQvT2vl3wcjn8n2ltv9qoixvSYw==","signatures":[{"sig":"MEUCIQCeATdi0l0YRD5X1RPldi8XvIYWHaHF5+2Em+tV1ItHRgIgLgzkfNNRhHVk5ay4635ypQy3N2yr+nP6wYGxlVtChJ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg50vHCRA9TVsSAnZWagAA7fsP/RXn7rZi0JBDmYv2MRqh\n1RlE2kcMk6fH93WuaauljGqxtLiqDIU+K61OrgIZVHW3ruza+bKPoFfDt90f\nFNvS4XnMjf/qwPH4XB95Z+T/WCMywcMTa19kSuQ6CzPumFgsJdtm1VtTDyag\n4jRKIJhC1sA4YRYDCtbYFGCK0uN86FdDnUTtljCem9gpZYTMyIAeBoUZf9B9\nTT3xpbxJ2d522MF+k4SovhX1SSBpLl1cb7EUlUOiPaXLJPBJF9dDNz1YIzx5\nM69oDyQXt5uf0pwo7JDFHsS+39s3MgUYqqJtaUJ3luIb4bfdq0LB4b2VBkj4\nHhpv5cbXyyQPUsQim0gsaIKTJuhStW80c4e1QHZJmBMyGY0pAEjtQmr7mtR0\n5FdETm24ItQuNKmzc7DCsKIBq177UGqlDmqEWioQbGQi6dwi8gZgy6bsia0o\nOdfCTPnIfMhm4CBKOTv6fE1aQHZSjAfBLdiWPU9RBgcGwjzyP4CE1wsj2MwP\n9CfFgBBlnVAaoq64+2dgLrNqupF6+iFUXVs+orcQuOS06f5ptG8V1bezEqph\ntdW3j4M/hv+fMXdxGdvlm1J18s+0v2kIBwYEmUXUF5lhmCpDQQygNVZN5sP0\nO2xaz9BYcqugcfWKcD5aJV/p1ki6biLVzLULBAhzvWtqoPqD3V2h5wvom/72\nTlXQ\r\n=3SBi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"daf6a798ec3c54ddba492f33c939c41a8d88655f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.068fd5028.0_1625770951070_0.25405888973137936","host":"s3://npm-registry-packages"}},"12.0.0-canary.5dfec7a14.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5dfec7a14.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5dfec7a14.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1273fc680d17e2c1b74df6bd9c735c5a76edd24","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5dfec7a14.0.tgz","fileCount":12,"integrity":"sha512-BXHYTSXeA9rlqGnQ5a2qk8yjClZsA+d8db118P9QU7JBpuTmRf2j07mT9K4wV5cbwxbVUxTzIGu8O64pzKD22g==","signatures":[{"sig":"MEQCIB4Ckc4Kz4GPFIVBb6eVlJqGNSHFsBx1Uweu1jLDqTi0AiBo3lv2oczALwGC6ZWbL4QCljWwZn8CYz+ni+HFaePQ7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7J//CRA9TVsSAnZWagAAeOcP/jzvBsB52NjAacVSMny2\nML4ogWBIi5sEdO/ZdoReU/azTe59i4T0AO4MY3f6/RRTo1ryDtI5Za8+BZCh\nW2SfZEtVsaWECTkaXM7cDZzdItX8iXektEIa7pG6QJPOwqd/YLLx6aa/yehT\ntT5hnchXFlwTPDaCd3d7K/AhNeRGeWa4C7uO9P5+OqBKTG0e0jOtMqNayfmf\nM/k1HomsN63IhHrD7D5wcaW8eEcuKM/OxYZCkXj6COZLJexcamv+BS7FnvXL\nverjuAK5cl4GhhBWSFOhBXt9q0hwc5pQbI+r2MZ57mmbGWm3oJIqh7LVOp/S\nsk8B1q4oTiv5EqBzIcQvVb2C6FCPE2q5ccGTN5DiXGr9El1ML/q6erNngoBJ\nb31DKuwK0jB1Q19GOxsE6h9RTdOYjkmM2Cgt1iPCmQF8qE/LQwOPzIrKcUFA\nxLtVgyqvUxNQOpuYHES0GTS1JDMszLg+l3ShU4PKbpZ2HGSSwvXKCk7dM0wd\nNQKyis0w3VE4VhqpcJEIsQdR4Xs/kFld0KfNpQvKex7mcegr5sMCfmHPdYJ8\nPKtpJ8Q+a0gZXhqMiGri0pMNUNATpVEOh+SPGY/pnTVKh7OOeIEwdIuNZD6V\nO/ULivEeRoRnaPb8ccSw/xbmHLoCY/a3Oj7WSeS1wOSDKuV/5mPS6TXZXjmK\nIDOp\r\n=h84P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7295656b25be2c03cf7ca7ca800e7dbec4d9b531","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5dfec7a14.0_1626120190902_0.35758395206392324","host":"s3://npm-registry-packages"}},"12.0.0-canary.07a73750c.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.07a73750c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.07a73750c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97ee0024588603c69a04253be508bd24ed8da378","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.07a73750c.0.tgz","fileCount":12,"integrity":"sha512-SwrKcZvTbDoYuWmJ6qhImBKfdSJq7/2jqtSOCngkrhOalSAmtqLEYdAiw8B1NRZpm9/Dxdlxgfkg+v78N2zByA==","signatures":[{"sig":"MEUCIQCwLeaDTV1ie5Qnicot43IWeU1687AF0KXlQHknf+romAIgas00Qi02jXDeFZ5CpB9ey9pEsyBHux3/3nnI8Ort9OM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KT1CRA9TVsSAnZWagAAUwwP/iUPuSX/wB84MHl79UVk\n2AGpBoUqhP3SWBs1h6ZnUpOxqx0q1bbx0sUDegVPWElMlUQybCp5o0ZEQkPY\ndB9Otr0z4Y85ndpqj5pmOcf79wbRqOoIs1nz67TXFyal3DmZ6RcwVX08zKcU\nVcB7kZz4z0BgT7FBeZnzTx+hS4ZAwWkihlyU4YdcYIHO82EovE0YY+9KgSJ2\nEagtjGBNurs1mZJj16IceG5XLXWV6+R8Vtm7xtgvSQpb3bK7B3y7RGHZ7EmX\nko8eKD7tl1AE+2q7Fgh9uSyaz1V+NMUzN+E9fOtOhcU4f5mZlKOBvDxiCh4I\nG1LQbPj7F2HZVz6xO0nVAjHUjGfQzhMoOLPGTxxgI8wP7vu0Poav0TUfESb5\nIWQ1BBrI/Etqo7+aGoCTLQHPcMU7JI6Z9UqKU1FO3EGI+XlwZlFA3nXSCYEd\ntw+pF0b3Sten3FVLtB8B9MyX6aio5pn6Q9dCH/s1r/0IOxCq6wsCApn+no/U\ngGFdKcPbVStR4PDZ8AZ/S1bE6jw0jEPOLXeo7ZRPlYGglqXtME7LZlq8nxNm\nvTimhG4fRO7w1mWoxeMX+Lv/ncW9eyQ8leMLFRI7SnoWit07zl0Yu39/d5P6\nKVgMelJjZmHfeaZvrdRfmyMRd5/PiVa05oFmgfNO2iTJx/lu+oi2Wh9qZequ\neybC\r\n=Fjqq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3534c8199752b92a52696d2065e73b8e4a997195","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.07a73750c.0_1626121460872_0.5802015075433449","host":"s3://npm-registry-packages"}},"12.0.0-canary.3e4c6dca1.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.3e4c6dca1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.3e4c6dca1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76aa4a058b0ae609ea4936e5eb2a316bddb366c2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.3e4c6dca1.0.tgz","fileCount":12,"integrity":"sha512-69VVXzMPtdC2SEtM2FORLnyQEJdmjFZd7f55ekC30qyzdL0scf8u62dzTVpt7UF8ZNjVBmrkQAqZimyit7im+A==","signatures":[{"sig":"MEUCIQCOSZZgWkkPjjlGmkxdYzHfkGaOO/5/ci8THtwuH7+qugIgMP3H4jXlWqh/F/H9P1jwKlbkX0qjx5heG9LlRTVD2kk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7PFNCRA9TVsSAnZWagAAN0IP/0G6yior6bRyJq1US45o\nlJ3K25KyS3ViSFbhpcY05DtvXUn4AGtCX/BsQio4OoIsWQq7w7a7snuY8aDF\nenxBUsqM2CCOh4rXNHWX8LM/TvcxqtGO6nwGY1zNWbDJBhcE+0ltRK/R8iWO\nNSq8YljAZa1Mut4ROKLYOPPqnYKZEp6LZGoKdfyilzqT3ivgtHXJmXdur0eh\nL/beBaYIpWYzI8us9HST5J90HEMnC6h3JbTFaJiY/XLNGuHs/yhYXI4LHGyB\nPGcnkYA3NyCzgYhh9LS/2rIdSE7n0H1ZjMsui9ouoPK1f71nZIU50Oco8RPs\n88rasG3oYf1JwUwKdpBmpk9Hp0V9hZSjUOI+k2tuyDZvsZH91MiP0DiRyFr1\nQlJpSX77/NEdzIyp7g77yb+J33N6kThxXBFgU48HujnUFtBRgKNH5DUx9LX4\nNM05dy516aRa36FNBr5lRq6wlvLlsI5kMGlpnULEaAH5xnpatVDiCiDM8vfj\nSVu3AWczQDF5r5ytGnW/M+hai0pZvon6ZJ8qs49P1IxtQ21sg+qL7KDvsr13\nP20gYyvc4wWVOvmYjkxmlHJVN7OO9C7KR38YE+gCE8Q0a3LJgHoA09hqqvld\nQt4gUQaikajpCD+Sjrypn9g5MTBWpw+nWH2/B6eXCMoaLF/EdeOI4hi4cpEg\n0zRA\r\n=7K85\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a6a8bc529062b0303c0df830b36d3110a389f4d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.3e4c6dca1.0_1626141004799_0.15590735209351236","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea77795b1.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ea77795b1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ea77795b1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8945be5d1b6b522af36f39b9d8104f08edbda445","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ea77795b1.0.tgz","fileCount":12,"integrity":"sha512-msc9xaH3U4ml4nN6tOFOcwElr3TXCfN2cN7KCC2OsfB9U/P1CZTHv54MSioJ+0XzK5h80/KrUJglWq7auYbmug==","signatures":[{"sig":"MEQCIHclPvhY9EavyW3LGxqMO0N6kz/q2dEFbqk59O6QVNFMAiBfxSfuYw5XMV98iJrtcqsbi6nvMcTka19zc6QutYPNtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7bWxCRA9TVsSAnZWagAA5RgP/RuvynaKVhDQC5rIsbSE\n1dVBL5iXn30x3woFxLN7xnQ3gvVseX8nzRSSxcHBOC6BKkpLE58yE2pX4fPR\nXjGCsDcAqVCBdqnXp5TiP9iNmShePuB4ZLuVlF/0STz6BTIpatdhUQa/I/mT\nFjfIECgw9r2SYUpe2XnsMXtJFzYZi4R5JW6wHRXw9LalDnuco8iZZQa4fJaC\nkIXDMsUP6NEUNVJV8KyiBzZvYY26U93JNMTlE9qn6Sx2X9frklfB9uGWuU1c\nujz6i0iIMw64Fzu53w1BDkqDETYm+Cu81cYWMyfIjU1E7zERh4TboUvF9gsW\nUrsfSx8dano06TNJXiov/lhrPmAYbTqEzMiC48rjmm0pRzQeB23zaDAAa83d\nCsF0h27g8ImdauEBJ814owcdnlCfGyNcgC7TfU/65xRK8c/lOkyDK4/vTPQz\nOtCtRu+UJDq0OGJQ7hnaOfbuTfgAkRu9Vy7mu5mXM/gD49B1nb85KwR2Ed2+\nCu/9v4MVnXStrXAWd36BZzKyvVtuRkMJvhxwKUJhmITT/1fWc2rR/ug1eA4P\nJwLOJuBTpHdH9fA2KJwux18XO9Z5SPRVZESnq4I4k/jr6j4CeMJ/GgbB9YkO\nahGbbMpLLSclRvK33nTu0E4FWLKx00vpgKSIS+AUqEH+fBip+yESKw01A94H\nqnYM\r\n=C+eR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"830444e6567decdb85bd9b22a92d5f85b103f107","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ea77795b1.0_1626191280886_0.7653924678096933","host":"s3://npm-registry-packages"}},"12.0.0-canary.15a179fad.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.15a179fad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.15a179fad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd15382c68e88ac0356bb92862e9e297172d3b06","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.15a179fad.0.tgz","fileCount":12,"integrity":"sha512-kSW5okMOaGd4GkkSgtumAI75awh/PYOieuRQTrJgSEuh23EbZ0oXNsovWrVscsJc31Up0t79nAbeca2tCYkH0A==","signatures":[{"sig":"MEQCICRH6jPHQr8BThHSDZ6uFhJF9OUqqUOEmvRoBzlNIqyIAiBMkoOhh2CON41x0CgTj7O/2+d3iVClp0irkB0FzgUmKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7daDCRA9TVsSAnZWagAAqJwP+wWx7XhGYIuv7ANxxSSS\nSmjWGpAxP64W6UEMGkhN/fM5Y6NZwKgTaogcuqEXAsLj+nmKdNtsAFpANDVz\naWy0A4UY0sHeMxiGOs0yVOS4RKG4+U/lg0LhMvrERuFZK9hltsfXJzGOlsdw\nbJdyFq3RGGj6tVIaS/HKWBPkykp4geEmyDF8B8QhdTraG4qJFaMXFBqFsYgM\nPBrA7EtIdzBZ+tDzRv+DVLm6ZQbQgzmCm9qzpn2F4xTxSxz6j0KnrfnltYCU\nzZH5xdV4le99YRyzzApJW0xtF1qopwdDlVHUNJmD5+0yLbUmonQg1pW3xs2d\nei/VeCXPefIJfhUhnhxUlD0UVz5hcq9YIQKsdV0k1V4eS/cLv+EQTbmXdO0h\n5xqVfntDl2+GmQSBFI/EnqNkojsq3uj564vcLiTaImw4PjGJkjtlulsdIP7G\n2Vh5ILE8MwfEFQI6uuNf+JjX9KpuEhLjnsUVABci+e1xj+ho7/qBtfr9DbGu\nc3QM0URBMspwfVs9DShoiBlillrpQlN7KF071pK6StXaR6fDwOqUtp+b0iyC\ndnGVZlFbP62K905FDrYJpJL3NhFIgA55waLxoy6r1Ow49+Tq/jxStsTQ3hOm\nFNlqJjTUWYZfmGpvvQz3Rt/xr8E5V1XxcVz/xRIw4YqhhD/R4TfSlaldJA2I\n7io+\r\n=4tnV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eb659691c3a77be825ea082c434c0b24c53cd610","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.15a179fad.0_1626199682696_0.5861201297897596","host":"s3://npm-registry-packages"}},"12.0.0-canary.c73142a1b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.c73142a1b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.c73142a1b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39829d049da2cd298fbbfa09468c89390b3ffc4f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.c73142a1b.0.tgz","fileCount":12,"integrity":"sha512-+GKnfx0zG0S1gWvRBHYf2V6CmzAgsnwsch637DhC7XnSJ8rPQjy6AhhnGZeKp6Dd/FO5rUDNTz/HZqOcNyEDkw==","signatures":[{"sig":"MEQCIFezIj1K9GBxZi2TAWrK+Z/DPHM2LCfMUhvXzVkUhtdMAiAPurEbtEoTBlh+QG1asyR0yqO/6llILLlZssLEiP0CQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d69CRA9TVsSAnZWagAAnXYP/1yaCYMfefZjm6yHDaOE\nhNNXIoaiq6K3HGihuzngicgKdSwD6HLKfi/DsDHZEolK/242gwPw9rpvM1u2\nM8xkmTnSRozI1V6ZTwQ+AKAOaFXyR05WZj9YmjJOUIsSGrzoAkQ97c+OUIAz\nEDGM4uiPD1/PInnf7p9UC6s8BIC41uAfyZEx71f/LjwlT9zvN3X+L140qQ0B\nHfbLn5ieobvRrdD6p+B+yD6VPLkcTT+tuitKO/ejvt7AC04Z7AJs/BKgO3FJ\ngH5z9z6tEydEuetczBRQfoZ1ntwHpizogx0VUkpEN0npdc041dzMdhwZN+ym\ne92VSjS+Vd/9Kl7bWQWq6nP0EPNIBvTaN1Ozl9jjVcoIcNw3C/Tj5SCNi7iL\nKiPzy9q/Nwlp165wQZPE2vlUPg0mdG6nOcwWW5S5vlbcvsCMKzb6dRcWnSl8\nNqAwnGxTeQ4uEMiLL/3FslArY03gIWSD+vINWvjbLQ6XToUpZfBAJJIn5I+o\nNRPPffJDaK4KrxZ/Nia83ey01OKm8vhKIkhyQj8JjpSy6FR+9bvzVx0dACgG\np1XLtDdS0q6SbDtpVtOC7gAvbSYNkoCtvx6RRyzSYfBqzFBbdmQzGKbahvA5\nGzMGaPfhuvB2rthNYc/BIbQt/7UwycZEGyolsLoHHyz5Xl0Fx9C/un9evfKp\nmCyL\r\n=Ep6g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"037ccc3828bb7b7c6f3375754059c10c231a6b60","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.c73142a1b.0_1626201788908_0.6603508977598052","host":"s3://npm-registry-packages"}},"12.0.0-canary.d923db73a.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d923db73a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d923db73a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65fba8f71ab4b8de6a3a45abd202f2533b8e8a49","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d923db73a.0.tgz","fileCount":12,"integrity":"sha512-cmkTqYG+73i+lWTF1XEvCaMtc8Ec6nxxOTE4DfeCkcDsbbdnlzedNFHrfcmdAjv3B0Dz0bXVFbef2o81d2G78A==","signatures":[{"sig":"MEUCIQCvVd2ek8fcjB8jy9er8UurqRpvR+YqrNPJn9qDNbkOywIgF2qUNpT5vn272UhZQ0w7qb+ht6MH7H8zdlApu9XjaHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7f0mCRA9TVsSAnZWagAAkOUP/iWj0C3IvPyUoQnwUQnN\nE+gcNr9e3oFrN5T8c+yVzKgL99/gKKPCwyDE0oHt9XQ0B0FzYDPVU3ponWQq\nJLa5D6VRfXnZ4QmQLxxLFpJbstwOsAdJK3/ROnz5DrmGXfMm0sxgzUYFVLFL\n0AG2VXoZJNDj1Tj2fXgR8nSJZTqw8K7aBbZZAgCQU2JfNWZi8UELBYMm47n5\n7iKz57JEXHkOTixq62/h2W09xysTTMQ+N6mp7/IyLbbdAvZND/1pft/A52qI\njJxphvmi1osES1rq/TKk1CBcEUJ4qjqRbyxIpC81HZV0KconGi4MmlBDi3bS\ndrLpCUnbp2GYY1QcEKLc4fOTlfrkkfdWR0XJPeOBSEv7NlTL+/FDDXK5FHj4\n3VNBPQbSDn42KOb9iVvqYRGBvitYQkHDAcPlexsmZWdt9jqSCJ5n6uL1fFpC\n1ECLX33qbAb8OdWoOylzoVTu8gcFsjJCpU1IUQ92aAPXrx6Lmg5LTge/alKS\nfS/3JxMf198US2WsnOFDXMENNgLhUTa9X89oXKhcMpp1xi2CFpSmr2AgmTbR\nKLWwj5+6TcVpTug5Wf6pJdnaDdWtLRiVQjfSelE/he5V/xTSyBcIqzSnUDNP\nQopO880dtfHdIRAD8L5kF7KotWBdx2LpZTBL8VYWc8H90tQAZIdQshyno9OX\n7sO5\r\n=dOyY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ae010eec116ad324d7e442d7ffac5c8ddcb9edf6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d923db73a.0_1626209573641_0.12898133676248502","host":"s3://npm-registry-packages"}},"12.0.0-canary.22d29cbb4.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.22d29cbb4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.22d29cbb4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68db5b8a16b673a1eb0c4c74de4954caab334e2e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.22d29cbb4.0.tgz","fileCount":12,"integrity":"sha512-e72VDSIMrwF5aX4rkQcO1AHewX/ydWOujFtMBk4QD/asyDPKBv+bKwO6f/msM+Wqen8I+DbHC0PH/2K15gQ3pQ==","signatures":[{"sig":"MEYCIQCZN+QNs8mFBuA9WvXhWqf4ynOjEQVUwxGsgBhU94CnuAIhAI275IXRRyHW1sEWSperg/Kzj/s4Ko2Q7qzBjnI/HO9q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7hhzCRA9TVsSAnZWagAAX7gQAJNxcE2vNoiV0GaiwM34\nFb/V+p++SPIdJRinOUOT91A9fdZ++FCW3F2kOAGyqqvWs7a6xVCph76LjIVQ\nYBwdv+9F4n24P8L5M+qnP+6bn6DMQj6qJygj7c6cV7Ja1nZuK4GS2LacZ0UP\nLwngtpIU83RYjDQmqj96exklZ412U0y7pXLHdmpOX8jZ5d8BzlYpthS6rYLn\njRMYX4vLNas8EMYFhov2wsU9gxK3CTVo17bdbvY4WpBEFzR1UrYEaW5cC1L7\nKov4ZbxbP7RRsMOfHhx058fvjHnvponnR19o0bTkMLtmSkUvSRanBzGwtMu/\nv04NtoHwIhTLbo97tRY5yzRjKAqEvxwG9sJBow0WFbrMf6fEIbpMY+6UbBT9\nUV+c6VMRyJQKatPJC8ervx+njbIV824x+6fqADgwYgqsCA9WEX6KMzLIG6Ff\nkrbYDz9KCvsSgMJjyX7RRi/pvvErD1fVnC0apHmdOSY+1w+6sziAkm2AXPBs\nWSxlU4rBUuOPYUrzycxHD1xH8xixJKDkNgX6EUfpiTBVPGiqjEzfElofUu37\nAXHCPnx1B1/ojZKtqyjBIw7O47RKj5UfmgUiyW0gydAshU2vpHHIuRkKDRIu\ng00r7mJ9m4hY/Fo5d25wBMoz4g58MhuYpwxQ/gnCXEvSTWPASrosfWHlvFoL\n/MNH\r\n=/5fQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b37054450964af349924b81bae43ec6b3beb2808","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.22d29cbb4.0_1626216562600_0.6747309344851316","host":"s3://npm-registry-packages"}},"12.0.0-canary.2749604bc.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.2749604bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.2749604bc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8cd76614276acf85f325d77ccddb9b1b9d8668e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.2749604bc.0.tgz","fileCount":12,"integrity":"sha512-epSw20XpmWKqmpXR97Tupgh8e9e48J4KT25V75fBEYqhe3EEqXlNA8XpA4zZGShbFMxX5kckeDA/j6T/bmPROw==","signatures":[{"sig":"MEQCICkWYKhd46h0VjbRBSY5VDgO+3ieyjLXkpad0JI7M7O6AiBy/ccfSpGTzbpGHvkHv+mldC9btiTB/OXS9KHHAcLPxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7w71CRA9TVsSAnZWagAAh/wP/1leCCKSr1T9ERBwb2EI\naRDkP0mVNucOrEBlSIZ1pbuNrN+Wc/Ak4UNgr6yqGV74YArPA+v9bVesBajZ\nlKAdROoYm7wLp+YtshvYU3GboGdXv2WoOn8CfNXoap8Ni/3oQqCC9qEalCoR\nHnghorBD+rs/BDvsD9SSq/7z7kdmK55eMcGqKI8NR5ZguO8IYmkpby2m+1jE\nmeBtbGD+juzEeQ9CcwnLEA1v5q5WV2KCR6oaFe/FYjuSL2men8iEqO0KxW4w\nZnqsNQJHGfx3pPaCCKzq2cnaN/xaHLE/NELfyF/9zl9mGYmujSMjw+btDYGD\nPp2y3SVaBHs+jJGRPUKhzOp+iZf9NZ6w5i12CcRD+uiozN7+FK5tu267w4yO\nbPIJImYCPXqYQai/KN2Dax6BSSK7Ui6ehptiQuGGQ5OpvoB4EwIO4MtFuoFp\ntHJ/a/8aHLO/RXY4+WOGBe5DsTpNvULnpXJC5OXjfoOlFQe2iOyWQsFRs+aZ\nhCs5ReO6W76SHCmKkKnJyMRjlb+LGWaKcskgmUhIwH+bFp78n+jOe1J6E/DU\nzhBRzcJ2qXmgQfjDeXR79zAdAdeOIe9a4SY0Kv3fj6gpwLxI7HREPVtJo9S+\ny2zqy8x+UL/BAgqdOngmZRs+en0kYfO7tQPDxU90JoMgDy71JKAQZVjXpOHN\nhl19\r\n=bhc2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"58ae4287239fcccbe4c5dd9259164a0660c76f85","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.2749604bc.0_1626279669202_0.8868420859884858","host":"s3://npm-registry-packages"}},"12.0.0-canary.e1703bed9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.e1703bed9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.e1703bed9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce6d8a3111c1b20ecaab13c73c975fa8bd9d59b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.e1703bed9.0.tgz","fileCount":12,"integrity":"sha512-2ePhPHzIMkNBCk92A3clEY3UeOaJlayWkBk/T/5PjTnt8qrNloIZK64hu93Gg5flnm+OqhkFy8/389+IUf8abQ==","signatures":[{"sig":"MEUCIBmNHLtqu/VcPGJULOBJEBBvuw+rHWV7ujumhifusVJ5AiEAm1tptv4ut38BUjYIZK+/8NV95bJrKM8ycsM1T3jXdP0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg71tRCRA9TVsSAnZWagAAmcIP/0581EdU6b7TD8ZTtBYW\nTD63LL0a8mBVhKiwkWF1ATK2krmbkeQDZWfEC3zyIjajgRDVOkbOzD3WJSRV\nAxhH7n24HBdPnsu10I6DxZhYwukoRyRu6j305FLPIIKe1PMBAOxP9rzXjQLH\nV9xIjKQZDp19dYFcQr1IB03rL6+o7fiYg1iGkr5PGys7bbsl47tEA0pdaOlS\nV3ZZCSW7vsDKAxOetKVTSfb/o7k0zgV6oL/5MdN9coC9SBJ2MZchS3kZDCUd\nD50EHTEfqH3Ezz87J9yYOsTZUXS3UI0fo0+/kd5ewUZNmpWRFhmiP+sXp06i\nhVNxEqgW51l0hfcHDKXwhzpBcePvINkjnVXYGBC9u5pdzP6hevbYTmFtduS7\nSRglujkMnlC/OXVRCDaOCDwgr2qn15eTSw7jIY8oZe8//u1EiV1UDNVLtIMZ\nwnNQBb7oOWFnzishFTubeQQUFKpksEtGBZZJ0WF9bJP0deLcazV+8DwbqEMC\nCsNzV0RrodXohVWeeGaCygmwIbeLyPcbM8jg2WihFYWzGJ49kG2gj52Kdy7g\nWpEmE7Fnc+Jtpw956uXMRBIUOBB3hj33wVAiqNca+GeLks64ilQhQ8I1djKp\nc35lLenmj2qbrXrSVZhN0AqIh86TYWAf02YJHHJ5iqqicuP3XZTLBPTnqpmi\nYR5w\r\n=fXIC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ca9075f939dcacc82290fe2b01214639958bde93","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.e1703bed9.0_1626299216844_0.07183434571033498","host":"s3://npm-registry-packages"}},"12.0.0-canary.de48eff0d.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.de48eff0d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.de48eff0d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d58e2b36c3889307d31566c766f305324233186a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.de48eff0d.0.tgz","fileCount":12,"integrity":"sha512-wXP5tWl9HuyWJ/DPGEO5Z9GFMkXxQICwJUZMeHCmZmh9u0uiqui2HII99fHDr61c/vcBouZDhLEmhgRBZsxAOA==","signatures":[{"sig":"MEQCIGPiVFOprooozCRAOEtxagC7HyGTATXwh/fuPnca8Bx0AiAroplY1zGM8S14kjBa9QPGWUqBBtz4VoH4qXX9iau3Ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Gs1CRA9TVsSAnZWagAAftEP/RjYu+47OZm5NBzdWO5T\nf5iEbY36XPSKtAsOwiOfoEHr/kS520fjoIEylkqeONvBUhQklTPmG1gWpoJ4\nJYJRwLf10sCMbYNKJREBw9sUE+0YSX6so8OjsVO73BUk0xhNBZ5GZ1Yjv8ZA\nJd26FwCI8e52sBrA/cVhqcIh2aQxob+r10lqaln6BtypiTGsY6xm2uvMn8TC\nxP4qPcsbhGtkMx2z9lm0+lhuqTDRvdV85D4o23346EiZpFOVon+WRAmdO6BD\ngmBbNvj78nqISN7N1H7w4hqqncIHkbwA0Rccgct04syBzMocQQTDAaTNRNOX\nlhGAN4ne5d9yd8iDztWmZ0Q6RYq5WOGCEjrOysDR6YJz8Yz0DEcbr6BFR7Hg\n1J9tdpXimTEOHfwF6T4yBRyNEgF1+OMlRHnMrDcuklURFMTkCuSDpB1MEdOQ\nO3X5GJCj4AapZyOqd71a6XdLwa2Y5Hk1HqSBQYwiRuuNJjGX7Z9ydQzTu3Dp\nyy0aNh8jBD3S+A0TYlL7qp+VMcbWkxWzDYHPJCOlckk/aMp5WASZxnPgNv1E\nwUL2X/5xEEIzeoMkp0CqjQEnpz+/M+QLGhGQDZ8MvDm1WLDDC+n+w6SGEkZA\nySU4rfj8lAoF4g7eTsRi0KxbrLlRm+BVWfFd/a++zG2qVzWC45YqWdjjyFV8\nVg8V\r\n=C7/B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"121530dfc073c7b24dc1cb75732a0d4c0e6a3f28","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.de48eff0d.0_1626368821261_0.6851683008456593","host":"s3://npm-registry-packages"}},"12.0.0-canary.4f060adc5.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4f060adc5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4f060adc5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7f2075ed4b9b8629782a377ea672e881de4b930","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4f060adc5.0.tgz","fileCount":12,"integrity":"sha512-uvwIT9HSU3FtJF2U4sF0uCOYOP1di09sSsuX/Qu4lOJE1X42dpD1Yw8igrSJ9lD8SRrq/NlDRfSzTA4FioshNQ==","signatures":[{"sig":"MEYCIQD/oSKuDzFCBnYo5MjxHyV0J2hal6uwhUAq47QCfp90AQIhAPvaTu4dNTkw6025mtFEZkR972u8hxZYbRtj18Z0OIv3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8IqUCRA9TVsSAnZWagAA1HcP/itZ5GFCeLr3+Chn+dsP\n7XbHJzj1rzg6APYgrODHBZ2lPzFDbTzC4sktZri9B9gpaIOiYuxuTiEtYHw1\n1Wzb+3ZlviARJj8erebROfZT86XXgAKkZdDW0jYpIaqcjCDc0n61c5HbSdTT\nN1ORX+m98phJIP24z9Vv/SiUYXxHQzBf+gHMpqYwh5EiqRmT+15dG01w0i8c\nloNgf2UMDnaKyU4vcmvAIyUchUpDj1b7LxWLjRGXHJSqFfBHofBMb+aoVf0B\nkTQsEnX43BIeOeovjAE/mnfe5FEy1ddhb1dF+SaBxA7olORKYvKCfIKoMEnZ\nd2dyQaJQUlp+IP+7X1yaRZbMIWHRH1MLl96lAMK+RAcLx2zP9vL2Lkp6cUOX\nk7UOrr9FoU2+pzPXM+cyfJPoBMK6DJIhjqObQWpLBDKUVB95XoPwid18m7X4\nXx8NrFWmv1bHmW6GOxAo2yQ/P+u+25jYS8uObsZdcWFwBMqd/J79Q8pIX0VA\n+fpNzJc05sGHrx/C90+098lb6K7AUFR4X+WgLn7CwTKJHfKjd8Mzre6AfpHy\nGnJwjKzZ5ZodlxnyjPU5obUP+RaASO8p7lEbJ/rnEDvMzOKr0Uiu77qCV+6R\n6HqLAWoirwmCpEnSdA61BWeYj3Z2daCsl2kZfWisaSKCv8XzgjjhFGR9+Kj8\npLoC\r\n=w+0a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e70b8cd653f195a01f93c3e9928feabf39fa87e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4f060adc5.0_1626376852282_0.9869856755013804","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd25779b2.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.bd25779b2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.bd25779b2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41c1d8df011b9d9efc051262ef2a800f1f898cff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.bd25779b2.0.tgz","fileCount":12,"integrity":"sha512-zgn1icmoe9LScr2ThHodlN+039Sb2YGyQ1p8lN3hSjGoOzpLDnMCFGtC1M1x033UdaQaazytrPYQN9Gu/yKznQ==","signatures":[{"sig":"MEQCIE8X/PQcxcubMTpAvJvXGmFWAfKMjrozg0ufGyNVr8e3AiBrpScXvMZxkJLHr9TObJZvtYQXIlUzoXQ/QaZZGbfRJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8J1rCRA9TVsSAnZWagAAI04P/0isNXuVnPkmAiqeJqXQ\nY0guu97urGPblBeFtD01zrF5DQe3VqnxBAWr2cy9Ij3nMAeGF6n4rbARYD2F\nArd653YnPED35jK8L1TXwMxfm6NxYohI3mJAkqhRRIw68UVf83UJpItTbBfj\nmNi8g+QlOQvII8Cj6ZM3xjvtFQDXioclslwLEBe1kaKbxSstmKofIvPCvZMI\nU4fpUCs+/Cwtck0HjUrVDrdSuSP8VDZfWGEVm/d9MtiCiu20iWMQRDI6ZY2M\nD56ryu8rB2g1Vs5v38oiYUflxA63VKUWxc/mkUlY6JMH2IO41RzfV6vqSV1X\nP9feX3PTX1Ry3yZVXZoflLwkd5Wy6EQFoPxrSllAMmRZs+VGVi0bBT+EyHJs\n8QicQugqUMM5SrZcAGt8iwPSZigENrE5WERXdDWvWg22BoNj9GtJiMooE2zl\nUg8WDB86cm1JL3uZCSgB6QawBOqDPslP6/PdvFRvRXMPyRmjg44eDuQsSfZX\n18MkJ3XmskNXni3j9T7QXdJ07xL4uip/R+qPYPx0ZlOYnTAm/s7/rnFCLhEp\nAewGhaEBZC2MA/iUL2XZ+QW4QGnKjXBMYE5ZwK78WfVoYq0DjwHiR5MCC/9o\n4NRjrbuF3FLNHHBYp7cQxJvkN50gRzf0GUhs/ph6QcYs+YjMK+ZV90BOsTfL\n/ZzG\r\n=QhYs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3ea8422325f9bc5f9a356842191da47e282aa4dd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.bd25779b2.0_1626381675374_0.43630934886630346","host":"s3://npm-registry-packages"}},"12.0.0-canary.9f68a932e.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.9f68a932e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.9f68a932e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ec6b30b59558f8a84f63aa00dd2ce870ff6844c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.9f68a932e.0.tgz","fileCount":12,"integrity":"sha512-Ez6yfx0JwRjAYbvjEBOmLvOF66j6RdEE386Cnu5NTT16ktmzVKYM+A4L1laG/XR8CqDjdhOE5eK5AUZhNXs5Bw==","signatures":[{"sig":"MEUCIAkFwcbB1EBLPU/Mb9AW9PIDqNEpvOWEApm2mTXrRiOqAiEAk0LP9ccGPFL77VJYI0aEqdIzKQpjzoygm018nsstvaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LFICRA9TVsSAnZWagAABkgP/0VhsvxOodn1aPgcdUXS\nedWp4dl/YhnKZlG0BZliRy6BtAgwliJd7HiIWpu79PKIbbpptcLJwMFKQeEU\nHc+O9DfmZg8RMrVT/bAotbiKTDaotqTxN2AkDPRE3prxzAFB5GVHs5Nu4a8m\n6jQaFxa+fRmmK+27lWiUMQ3gqsP59EjTnqU3QIxNjioOOtKJeCpyBJDu+CoP\nSUG2EofTJVRAGzc2MifXBJBP5DeZ1BH5YsSvGodhd3kch5fhJBoHhc2A0SGd\nBX3m7G+LFg9dckI0dc1LEo6POISSXPlLQloh+t7v1IOYhQfdHu3OXKqtjK1+\nkyRe6akiAO8mylMiLoaEal+FPQeG0TR5YjXj0IYEfMEVit3aBz5YLyqyopG0\nuhdfgh9u9IswsjlOhXt36tZsyEf1PaSkcHYqqzAYqxU7ChSEJLmQJcgH/gwq\nDkFLzoQPePtkrv15RgYMh7IDPHiWf15FxJB/TeEDcF/0yNs3+U4T3xr63OEu\nGLYDrb25fvq1g/a+Yu9c4LHRXFRhGNJ5m0rLyHxfYY2Ok3KWDDtJMLoS9mkF\n9zgLQvPxZPJvFtdq8N7fKwG+uJr0wsRTOZKdz8SbFks5jLhgQ9Cy1Vhod+Ph\ndaSWK8ai1gHyefJaokvqm+sWHZL3dacuEGZLqrlox3j6EaW0RLhitsbKu7Df\n8gDa\r\n=Q5rc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34b4e5801eaff79707e9f2c769df2c1a34bbdb11","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.9f68a932e.0_1626386760385_0.22288418751853523","host":"s3://npm-registry-packages"}},"12.0.0-canary.4eecdeaf0.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4eecdeaf0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4eecdeaf0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3393e230f559c9e0bedaa797b2da0f96d77d44e8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4eecdeaf0.0.tgz","fileCount":12,"integrity":"sha512-6dx+21y+lYS7AWRZEHgsS4jI7MnDEL2tvhTP3PR12Iu6SIwCvuD9SKerp6p0Vp/CTFCu9EHFUW2Pu+vsnf39pA==","signatures":[{"sig":"MEYCIQDXXN65srAmUF42r3EA/eczD3REKICw+bFMl0LnefoUfQIhAPFZIARQHyLUq2jWWNaCTPsdcwmiNJXK0aPT6sD0MYk7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Z4xCRA9TVsSAnZWagAA3cgP/05YzDmhgmloJLBUoO19\nqTfUVYaVWd4Tj9f2HfRVX5T30VhtrMuaeBuPjm3TH/2X59edCZwi2UJVvx2t\ny4k9vbij74LNIVx2unyZoVU+rxA/LR+vpL1C5RSIGD6b+I1RMzJ85s6SBnh2\nF37Y2QKMWQJuoGudcwb/Sq3BcQ2z4N6c3RrnoBNYcGMMMlJ4Q0OrHc+7KLD6\nTcII8BnHgW9vrbGb6hAisDdjR1WSKtF8YVcGkxMFyqctMvl50JEUFIBsadc6\nlvXvpoFp1vOkCiPLczHsLEnKrOYpbaTyvTcBoGWtq3swDC1JlMHwjw7tY7oZ\nY06sMiu3xzcmhNa3+draKT4WorpRyfZ6aDYeF5Be0jAxs4hMAZPM3tq7Td/O\nfhrnmNZLpEnvLZEYL/uUBSqNoNBQc5C4+z0kEkEl6Q5kDYTcIhfS1YZ+J2Hf\nLbyGwE49EirRcxwwyQaP68HWeVxbPAPa2750PtAlkeoqpgXpHHAZyyku41RZ\nTV759zmLAzgzPkYwIKsWg5mhLWoHipH/Xau7i4Au/zKtmEXmuJhGGi6+eSZx\nrhMkA50vbb9TCHRehu5dU7hEx1hNUzWUz73L3NTofoKucbBMlXyrbYiVDKHc\npAHICYAcVV7or7jFHTGlVHzAM0cem3E8EgnkqW4hrgnYmF+TMKn+49OHf/xH\n2h5p\r\n=zau1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"89a3faf78d32cadbed38135c9ae10ab1f3c8e9a6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4eecdeaf0.0_1626447409442_0.4365300867006927","host":"s3://npm-registry-packages"}},"12.0.0-canary.7239684d4.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.7239684d4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.7239684d4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"274a97c2796c2a3b9aa3d49c0c3ca3861e456bd4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.7239684d4.0.tgz","fileCount":12,"integrity":"sha512-w5G5q9f+l19sXQ/Im+5mXMcE9YSBlrToYshxMJwffLQ/lrX26ufl1oZKLFCkI7lPdhPJ27GbYBAe2TX/Me8eag==","signatures":[{"sig":"MEUCIQDXz/pyXfYjAa1zWC/AodtAwg4iVw7M8cDyoVnpLFhXpQIgQwumCWT5nzP8JlCKSyDxpbdwhPdsIe0qU93X5ELB/6Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8ayKCRA9TVsSAnZWagAABpEP/A2x4o7cfJBXikk2WrZm\nQ/MkPx7V7jzqUb+Iq74TJm6zifnGGhq7/4/wsyHOCHpkn7SzPiCep30yn5Rq\nhZfa3298bnEPIDWr0oeOxhgpU33d58GQe1NjpndbJdHJcesxysSQnXAilpbH\nGw5i+rVCv8RPSZH9sBGYTDIXshb7AkvFSCkRmp7miu7xK/jyMVHQCte3W+38\niaMCDJ6W2m3653o/KIXb7shRj8ofKZnw7hnFzc3gonYRvxdMTZ0OspL4FC5Q\ndv3SPqs/J9nUwhVL7qJc+znLsSfzRe4tpvoF8Qb2lmPMpyRT8TWe37HLWQyo\nePfjr0p0jPTw46oKM5Fcvwx7axtSYcZ3pbQlT2r/SgeamXdSlwNgoXm2pRVT\n2XF9TMwpIZkfxSO2k9OIrh2RW3xiMlGvXocMxBCsWmg2oPJDpjJJRQ2ciw/g\nJ9LkC23xjSQYWjKixL5uYoWJEJPiCXbv7P787TyZXBBJK1+2gqQ8oAQJcqOb\nLbYIffZVs7POgCeckKWs5J/oaT1oBtGx458WzN1Q/hFRIVfqQgLkFMvJXLbb\njEgje4wXK+/zXuCIFRrNibJue/ee+HkQAI1FHf+2cb5jpY1fBKArC+Yg9nCa\niuaYB+BLl4oAzlmxF2TDnJeW5MkoZt2SLxUggKMf69gHBWHF3bhmp5vJ9uvm\nwsdL\r\n=6KwE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4b35543a488bb22a0855f6f0d00b047fa76bd623","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.7239684d4.0_1626451081827_0.5812081635482356","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f1f7c72.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.d5f1f7c72.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.d5f1f7c72.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ad85f100631be9f295d36270597ba72779cef4f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.d5f1f7c72.0.tgz","fileCount":12,"integrity":"sha512-ffttCAaKy1bjzi/dJY9lZ6j4FXEIkTQWbNYyfbHV6cDhTCNVlI1q7vYYTemNgOOGfKUntb6njCoZ99OW8TQRmg==","signatures":[{"sig":"MEUCIQDLkYDhixC4X/29lMmfEk/EsETc1livgWAmkvGpKK16XAIgK5pueibWTJZ5+6glFybuHIgHipM2hkTsLkeqRCLxOQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8bAHCRA9TVsSAnZWagAAGxsP/24A7vU+zlrP8pSqwE+C\nKQTXE63VKjHvYQ2cJs35Hg9EwPaQO/u14jeT4EqgsSoB7VI7GroUFAoHPBSz\nLTHUFyNRFuBjeW1YA0K6FJLnkc/OwPVsCteWl49jeYBm10Yn1SZYzfdafC2c\nE48bW6zwefFD7Lut7GAg893DmBTv7sMlwc8yMpgueGjgJLKmMn7e1rgZ1Gig\njwIY5Fv2Lmsbztqt0EnBLhfM1tG00E8ocVti+jykDmE4DTDem1+EfLwta25+\nKUaYyLykyWbgwtm9K+WilU88qXDKUT3f7EMw5kp7+d0GLeZQn0+4l9lzvQ93\nfdXv6zNaZgl4MZF0YoUG3+T9NKohcU16mEIfcybzEa3400xiEgweM//2EDju\n0EK7dOswsxjmwrKb9QsQB6IQuXB9jvUCFqDNI/+XX45WPd1ynSfdkwHWYtYl\nLfzhcddBA/jeiHCtaOXnHMTlbV94Ycb11wjZ3Ym3W2tUOYVBiTi7Vr7/Mkos\nkH00X7fddVlO+INqdAKmz0gw+P7g2x4sqRWWwrw5zQzlfJgaiD5XkGuaaxsZ\nD6JyBlwxlSvE6yYO6xLGFSkURFgbKv3Wkw6fRRWxBwTDWNqPxsz/Hp6u1YMT\nmmnyANR58cUNXqIWwKtqqzd09pyCj6J1p54fNrtzmpJS2/HWvH+OG/FwUxad\nCX0a\r\n=oTd8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ef327d93f5a591e88ce5af94a2bb181d97b58472","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.d5f1f7c72.0_1626451975462_0.5428683527280731","host":"s3://npm-registry-packages"}},"12.0.0-canary.4d95812f9.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.4d95812f9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.4d95812f9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f4d89fbdfa588ac7f1de48abfa65d48312abdda","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.4d95812f9.0.tgz","fileCount":12,"integrity":"sha512-EcjdfIDriCD/C0o742OdkYzp8FTHnA2uxBk8lSiYkgapKIFvu0KKTBb+Idn/JcFdjJSo8TnLqAZ8e/4ZPWlrlg==","signatures":[{"sig":"MEQCIGJzmrYkQRiFfniM9n4gLbvUnXfTyW7Ba9KG/2nTdTYIAiB0TFuwe0+jlm+bepTMbnou7WkEnxlqQPmuuP2MLIoRoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8eEOCRA9TVsSAnZWagAAHT8P/1+mni/ozYHZpMV9QUYq\nE/tSjfCU6/BvbY7dBh9wbQu/k/1oLP9Q9B0xugD7SSv0NwqHynHTaIbb/AGb\n43T++cdaE4BZjN8EviopC1wwIHxUE97VfQ7novuPcc2m8/5fXg4p/mfp2pwa\nukgCovc2LIMY16JbrBJZe49ValwoqcB4b5YrhWoHDwz4mQChYUM3qsrkFOIG\nUJDzOUhSKiH1c+Ark/qeNIQYcBtr1s7984BNTJvstX10yGCGOJLfe+1SFmZq\nOuNJA+qlV7d/ocfQ9B0FFK7yBJ8w1SIXOkfe1SWXR/KxbE9zhCzf35Ns8iP+\nSlk3ntAcyONo3E1TJq3IJ7A4pUKO7twuNk64zR7MQoDWjfRaugQjHoQ8oJM9\n9I/1/1MUfsNKOX86iEvw5lvSIS13LNCZH5D6FPs14rlLVrPGnnHrXd0voBSI\neXWxjK6Df77fZcS7sUEvtWSTvy/x7eXRpNu315gQKEmMLTQ+q6dminTq2szR\nhetdhcS3nXY7iUzka2XoJmv3QW9vcxuZyt0KNnKqtoBh5UjoCYWBGL14us+u\nZwGRUnrMJYuk4npeE1f5zIrai972ntLsEMIkqylVnD/jXBExMVzS7og7YJXb\nLQxKhSQM+Tnt1B0SQOVaUj0Ih8In4GjCx1Qz6PHC8VNNePCyucJFsr7deZFA\nkWqL\r\n=OUTH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34bd44726ccda77331fa29afdc1d5ab7ff0879af","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.4d95812f9.0_1626464526755_0.536063768582252","host":"s3://npm-registry-packages"}},"12.0.0-canary.38d1846cc.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.38d1846cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.38d1846cc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"82f8ea1b089bc68d97576967d6df6a00dda9c914","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.38d1846cc.0.tgz","fileCount":12,"integrity":"sha512-rrSgftiJEjK/Yphmb90VJzUD6yD+vthC3V9A17VcIp4UIepUrJBB9hFOrbnAwttdQMMU6bESO6lvGLcqHE6d7g==","signatures":[{"sig":"MEYCIQDB3Viohhg/z7D4cCQHbl1Otlmi7uPq2di+rUvDlNo6agIhAOgU/kgRwL+/gVrxATOo/QPs6TJIK5Js2y9mZljSFMoU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9cctCRA9TVsSAnZWagAA9wcP/iic1GLZfVhk1FCsMPdG\nav9pUPXmPybAsOPFYlla5eCmsxizCjTyezzvg9OsKaTtAp6GioaQuL+xx5Q2\n5VyrXzgEzyTn+b02ji41kYiYgDFaCznVy+IUIXZMIRigzjujGwKzNj0AqvMq\nTnuLDe0vvBWxDS7WQnUatqH1jLSFAld+ecvBzvsJzdGoxkluEJJvLdKkGxdv\nGyiLaZJj3ux2LEYJAKrbEbqLDRSxwTLf64xvMNuxIdZkkmMDqYPsVu+eJ/B+\nGXbhEgWF77gbikaYpT39SKDEXL436OBnR7I02uV1ZkrQCpBHxPTPja3PRf/a\nd4kbz+DpxCqsL1Kif37cCTioTfyUFrKdI2N5QsOiJob0lDSYF/ui64eOVod8\nn/vwztrMOrnDwfcj25BOgUqF/0b3NXxfYRra1sJ56HBgUNuYQorXOhrjHYpy\nFkpD6DpmT1oyU565xfnaSXdFkDLfiPVj6EUhKvqveJiMDKaJ6CmruKUkRaDa\nOJm+cL6gdYGVFzY5q8My6/OhTwBcx0DfLJjscnHwM/LRy/RlPpFMgFBQHY7g\nEyog0YYAh40CF1l8uJTtFLfnp9J02Fj4Rg0n3Ma0dSgYqYdyw9mJ79l8ii+g\nonXO0fJMvBKWWfYrBMaKMCgNyNhjy/P1XPhxP8EmrKCkJay8kiOpt+R8cJOZ\n0ceE\r\n=xE30\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"77a8b2af56ebd184dae02df9198e75b16f4db385","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.38d1846cc.0_1626720044874_0.9025687689839026","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f691eccf.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.3f691eccf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.3f691eccf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8de26a6e0bd6892e2a5ea2bf40be508734af53a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.3f691eccf.0.tgz","fileCount":12,"integrity":"sha512-p+ir5oEk/921G7MouodAhlmyX1FLnq3AYtzbbOkGKfqRwINpGKE3NFgPtJqnUDDLovNeJYiYDzMAP3uKbU7Z9A==","signatures":[{"sig":"MEUCIQClN1KTrcwb5NvugVrHzWu9OJWMsGuESZMZdqRo1aM1ZwIgLiV4AEOqpEcGX0J0bDBJvkrmIQ63nqt09AzRYN8lDb8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vTMCRA9TVsSAnZWagAAkkQP/01vBX7lyO/JoO6utN8H\n1pzcHNUtnF5OpYoAzvlY7xeurVHQ8JElApw6BefeYs5DNSfngqQzS35uowbu\n/Er11BkaDSX20gBHVUwRXAuhiZoRF/JSl1f9/BuQL6F6RJXZpF7LW9qkup/f\nFhMxlXpnwMT473YMSkn86SY5n35IeU+Nlt21osv18dONKtGPq3xyyzgUoQhT\n0aqcXmE+xD8aZw+191HpL9qn6hdHLekXBh29LtgbcZECeWKWwWQnVU8NqhCI\npUoGPHUu973xGBACbCNbYxl1043sVOzPzKb/GdZPdx9tNaOf5HTAtpjvHdLt\nZDdGaxMtOVRQmkk0GJQPo28O945DkpYuGRHAThnwW6CD3LwF9NlRvVerYIZU\neZ5xIDQ4X1gABdu+Jx8ox7yGd7ya3X+tj8fw+zB+kgzUOQhMRnTa/DUS/wEk\neszZDMwbl2MbIUFX9Ag2GQKRom5WkYgbqmXtrZzAtrxJYgEGXM+Xun39Y07R\n9gCLNy83Zk93jEvFlugoAI4CUUXxnPNh0OyZfvJVM62VKLO9drlmxwfbMNbA\nwdDN9+Nea+HyliR3cTJZOWhZM63VfLywM/8NEFnaFzNaVY+AFMTkZddqp/rK\n1BwXvEu/XFyoHFU/xPQvtkypyqad3ysY6y9Xyl6ezS7h1EbHajWxkCKX6t9E\nAVoX\r\n=IBe8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"58271219b83ef8db16c68153037e69345831b4cf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.3f691eccf.0_1626797259988_0.5226510279384695","host":"s3://npm-registry-packages"}},"12.0.0-canary.ebb5c73bb.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ebb5c73bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ebb5c73bb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"812a8b2f3b6a41b77d4f3b9eacf9ba547d232b63","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ebb5c73bb.0.tgz","fileCount":12,"integrity":"sha512-PgAMIdT5I9UJXPkx1k98dJ9HDYcSx0NiCqYY2VlkqSivErPRS25AeqXhzq6tbo+0PwCK9Svk1DsNS76DxOREog==","signatures":[{"sig":"MEYCIQCQqsrQ3G5O84PYsj1JPNR4izAVs7aObki3GSh1RjWeFQIhAL+Ld4auh4dndt0/SaNIhqHIGyXmza5BOpF9eMx80SJl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9wAVCRA9TVsSAnZWagAAfjEP/Rzl3bTUQAA1GVhxnu3D\nPPGxSDCHuxTULHd6ydlyK/1LtD6Ss5ft18bioFNipwcMLoEY+sfSxYk0wAd0\nSwLLmDK9WT0KlPyesvg7qXtUe8hhpyClb69rDOz03LH5zDoEVZAfwOwsLIYA\nYWpwoqIbT4fuVTY2/RKHO3R7RLp4XG0gHgEJY0vgRTAgOSdTTuTOCL8kqNKG\nZ1XKfciHA/UbiXxY43feCmKSLWO/0rgeuZfB9H/d3BAtFzi09rW9ws/14wuS\n6KMn0cTzAjepM+USfN9XapdzdoJ4szXXRq1YOwsSLMLiUnJrqKAF421Dob5u\neqOi+IjF/QrW909qGgJqkS8ig99r2Jl5+X1ay661swaznT7i9+ebi8Gzv87j\ngr5arFkEwaGDJatblTTKoCYiQNoGfJ1G+pG7N2LtJaRNVDXjZDxOI+H5u0ev\nrN1ILgZV476MfP6jlfDrbCngZnjXcw4bM7nMyGP4m+h2K+5a8+OPf47cmUwV\n0iOiyn3uISuTiDmYrJy66fQJ44pNf712mLBHgoXq2s5W7z490psnkjhX+TNR\n/HQ4ooEP3psvEAQRyKIQjKht1ax+1XOG0mQcnvb/+OCz+m4IvivyQ7Pu/aBT\np9EyIkn76zBdV2iMh3JkLXo1DW+sRGohzEFas7rpcUESENKEJvcIdFJ1QbH6\nwhQU\r\n=usXx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b37a38f7ce62c0d87ebbb4bafa0f1fb02aedb050","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ebb5c73bb.0_1626800148884_0.6541229140724696","host":"s3://npm-registry-packages"}},"12.0.0-nightly.778a0e8a.0":{"name":"@material/feature-targeting","version":"12.0.0-nightly.778a0e8a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-nightly.778a0e8a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7139eb4c2881e60ee59eaf357f0401688c0536e5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-nightly.778a0e8a.0.tgz","fileCount":12,"integrity":"sha512-LucS7utXxBwWio0LsncoIHNDPUBupaEuIuUFUI9fPDCMdBph1svQ/uxmIjif7co6OBzKJ7r9qjwgef4Mrh30Cw==","signatures":[{"sig":"MEYCIQDhtsIns7Z7Da34TGAV4F6CIHwGRuIVILyYvRBP2sithAIhANDYvbz1Svo6p2edBEgctM8wy0ZA/htd2Lnq4Y3sc8hM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9zpdCRA9TVsSAnZWagAAOlkP/2pEgmugOklT4Q10d3Vu\nT3cLEoWL9tUxxt+9iRFFnrOemTs12/gUWJZNMM9Cgo3YeceIzdkwez1RHW6g\n0FY0IMRQO7Bk5SCnYHGenqTleyQrwZyHXABMr0mNwNYAACqf3WGOO99fybto\n1AyNTo+Gv74tp+XyGdZwDZMzJ6yjq9pXEks+TZZBSwa8uxnY0nyTttx2A/wW\nFVQ5kpkurGLQ2nc/h5/pObDDLxfDXLv4KOZb3BHDJOhwTe6e8hAQEeG7JhuS\nv9NPdSJt2A+DKRA/pH1QF+DP7795PntXPwWsD26eEKcSsgf6mJoIxWuzqmxx\nS0jLAU40LpbWFS5KzKr1P/xdugu698V07bL7ZDsrDV0dVLRRln0jY93F+zXP\nDiyVh69nZF8Gq20vZTRurLjMey06T/Ow/Qbq8iy9jfh0hgZ+Kmhikq9RxNEx\nCCuMxYteJK0k8CruS+zh6emJ/y4xU3UamNWQrN/7uBbTs/mFpArrpL/tUTiR\nUkBlMXFTzwk9XuScT2t0zN9EegWOugssNzIC9vGeetbfZCRxFGHkjvBTJ5hi\nXsYyuICX1NW5MQ67NQqyXpQHlbLFO8tWUipSVk6WIrR/foBQ0iIkL8hNqiPq\nn6e7YFGfdxuTBI5V3vsWj4szgDg+TqrIwAqcAhOz35gN/6Ha0H45ewuDC7hg\nMggY\r\n=ICgY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d86234d661f09ad766ffa2f82c69582e585a8fdd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-nightly.778a0e8a.0_1626815069455_0.18495314205822866","host":"s3://npm-registry-packages"}},"12.0.0-canary.791311bba.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.791311bba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.791311bba.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d99c0c9c63577c1637fb15cfc67c4312083788ad","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.791311bba.0.tgz","fileCount":12,"integrity":"sha512-ZY63S2nErnsGfFKsQPaLZ3VKsYJGNUGjW580nbjB4am9m3WWfsM2/imfLSGCHWLt3ix9Makn6zaj2E8cWK3SJA==","signatures":[{"sig":"MEYCIQCVegtPONzawaRQWQu4H9JYdsUWunpvYM8UlemjBzHVYQIhAMsUYGCSW/UHXJyirpg0lp5H/+l1X7zrRhJmYRNsd/ko","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg90jmCRA9TVsSAnZWagAA0kMP/AnPG3kgKvpcip8Ef0sb\nOkcZuBw6RCUT+70KIe/EdkMCc/FK2me3E1qjm6u/rQ+4/kLCfg/mThwO08gO\nxb+2cca0n4c/+JAlmZA+Oh7c+3THDF9tp5Zf2MOa/rMhoqNhuLc1Lzr6ygtj\nul59+lKCB16zlQ1vjWKfs3uVL105Ej7x3Tx2vaSr8SFnj1AyXw6L9wp1WuJh\niaY6+J/g83KTFCXoibgcOsCgrtNM9KEovZkeCNYvV3KdWNk6eCyLjGED5L5P\nXhZH8ndrJH/RSpZ/iC8U8NqnGoXr0kLa74WNwGSlxHFRz9fWfKtsnOBNs/eA\nQ0geMdyiR83OC496Yo4Zx4pQDEPXkngcjVufOQ+YjHSmNIXODGt28+l8joLj\nZjmnUTQCwkw5WpCjKvQyzYgFiSUKsbr0Pq8reW0BrEl4EHHnkHC7ymz2omxZ\nn20FCsdXt9aKUlpfWwQak3kJv2i0a9CTzkSalc9ZoJHoZ0aPnaaHQAO+/B4K\nJbZnKBoFZHEXpL7WJ2jNEkxdQw4k02j+Rb9GZHVOE1Lon/XLaH0ToNE6Ncn7\nCE+u7BIMp6wdMEIzAp5wMVBAoUXoSSTw+p3/L/gJt0IR+pGR5zbpKLOYcS0j\n8Dqt1WvEgws4VDrXgrsiNtVBN8tOGPJ9GkeEDmAaqaO0CceoYD+a6wLaN8kP\nc2HK\r\n=Hyyl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b915b82632a30b60ae4dca5d12fc23d5a5df4d4a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.791311bba.0_1626818790445_0.5059824808929794","host":"s3://npm-registry-packages"}},"12.0.0-canary.85e9a6ac3.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.85e9a6ac3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.85e9a6ac3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"180be3472f5f7817a7c72867c453ec18938c3df7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.85e9a6ac3.0.tgz","fileCount":12,"integrity":"sha512-OzBkvvm9qiyAx55633xzIFD759+FYrD2CsOHJoJB0Jm9A70+U2lfptil7LgueT05I9GFR8smXJUMajfFjBuPlQ==","signatures":[{"sig":"MEMCH0rsbsEAf6jpTxW+b78hTm+8IQccu+efCADnr3HXFPMCIFkoK4bh2oHWjnJYPf8Y0+8TstdeamNiCB8NuOgrLeOM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+D6hCRA9TVsSAnZWagAA+RUP/2Utn77zwMJAzefahbbP\nfy7VFHuWvWv9piKb0PZ9tFbTH/pGOVJUClS9F/XwhpzXIOiGv+Jv0Amgaxdm\nH6Pwpef1rpwtmxBwY0zawsnJlT970kTX0bFs8qmOJ1BxcSiZmNxrvlcNq3pY\nOJferqLK5EoWRfLkUq6qgUSyAksatvOQxy2GtsPlGPfZbM4Y0m4hn9cmE+Kl\naRdXdFwb3IW9YAnbqTCY1734DZdKzbuJ132Lpj59eglpKoaUvK/UrOtaVYak\nE/FAV9RgKaVcMYD1B3FNYzCryy5L6E9evzrstqt8MBUDsH52JDzOVOuABAdS\ng/Sit9r5K/ssxiCbP9NTodLQXG6bXjA3LqHoIpc7vHuNz6rzvFLcoEFhGoGw\nzQMAYcAV0mlO3RXFwaABXKEMz1gzO9BsaXNQ7v+pb57QF+mQFh1xq4kohLw+\ni4R9xQvsmDxue6ytDt2dKC1f02NzJUbGV681QLcEtUq9dztdVI0qf54Q71dA\nNKHMIoGnrRfUDjrsDeIgKf8+v+bw1aSZfOLBtE8+wK1i14ZHsEmUJQpZYfOK\nCGfLQQ8SNiw4CtTo75BOND+dDwFx/HpQzXd2ED2a3uQkWjXah7azdnuwrsa6\nhgFManOrv4YZj8sBy+mrOWSnMlHiR9gqO+tHSBY2qwmYxpaDDvH6kKvsmZ6A\nGmJo\r\n=et6b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"651354325ad21ac082f791ec2abb0aa32b3ba936","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.85e9a6ac3.0_1626881697666_0.7626306126265538","host":"s3://npm-registry-packages"}},"12.0.0-canary.6b0442278.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.6b0442278.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.6b0442278.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85867c5ec3eb87092d1d69934ff0a20e3a6c40a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.6b0442278.0.tgz","fileCount":12,"integrity":"sha512-cNJP3v6svccObOzJB9zjxCKqqWa5RqnePViXNhTGO77kurJ7lxDTHqaMh2XFQZ/YYK4FccYzx2qnERGzDEXBuQ==","signatures":[{"sig":"MEYCIQCR+23E5Aoo4KazuhgHB9K68BZeZycSDGhKX+QmY5M04gIhAKYzWj9Z3gluLRor8us6nLaWwlU9cU5FbthcEWDu4dqo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+GwSCRA9TVsSAnZWagAAeiQP/3+P2iM2jvkEfKrYJg82\ntNFSaSCI8WBrpSaTTiocXt6alJVAYMN6/jaM3SBd3dYhHz3n5wD1vZ/e5sme\n5rFGuYq+vbCM4BBOPstvsdaVC+p4IMDkEVxphpGVHbQ7BUQDioQTYm4kuKKP\neAPsDL2bgqjTwjYk2rRa/BwHUJyQFw2jkwp3//aYt0Yr3S2Nk1gsR4ow8r8c\nlojFwvOz3OeoK1r9RQ0xUZCi08XEeYexTb3IpkZsQP4gYuVzAFo5xWucjwJS\nvGPFwH9uLdKC7Zt7ooRFTqFGnf7Fe3K1uj8zG0+cyJUhgZuVjYSmjJkrRNzZ\nQmgnCI/EwDRWzAMIUYSdqEVDCpA6wVJVGC+8ajlgFSPIbwRwtiC2Us1h1+rH\nv/Oneh+GKrbemLlouzT1SbwpZxK0JOG+YVOSnyYmPEyhfZL1FQt8bc0dq7Rh\nbM3CeNKUQL5RIpHrcTHxIl1s7tovRtm5YXs8lNzsiVSkiXzcTUSBmzR9hsqp\nSVjXMDaZfMVIlcIiGu20/GLY2x3cqS1rM4nu+g8QeHOOcGFRr2NLqKcnmJ9/\nouI2bjNyqnYW3ooRnAw0EqyovR18Y1p6SkjmGhYx7Dwqn07gTCxdzr6MLQTR\n9W5GRtjEVzeN2i4Q1tKmyDpTc0pjJRY6jIUqoYjS1r/fBZGprRM5pJ+MMaJ4\n1R3u\r\n=4my1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fefa69e22f9083ed30aa4ea05114191682b45a14","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.6b0442278.0_1626893330519_0.5008769513815794","host":"s3://npm-registry-packages"}},"12.0.0-canary.5f00e454a.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.5f00e454a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.5f00e454a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a140961c120e1975fac66828fdd9fe2d557837f4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.5f00e454a.0.tgz","fileCount":12,"integrity":"sha512-gkJHXWo59UybYWXYdbK8g0/W0xC+8kc3wxRQjKh/UrmJDExnuIqYnuFdLYcHbWAWP51ux5rhdkKxzhiBqMwXew==","signatures":[{"sig":"MEUCIQC81v0gqXryXayuu4VCnFXrg4G883d3dI21gid+VVk40gIgHBbrWFzdytK32C1/MF9KZgwSeQsThxOKnhvsef2UNEk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+aU7CRA9TVsSAnZWagAAFEUP/jb/MLtWyItF9aYmdZKF\ndn762GOM9CoT4jokx9wlYRyLWzGLuW6L8e0Gcqcc4qouiOfj2UZu4/ISQBx8\njoBSFa6uHmd0tmQz/3So/xWDmkYhyKpi54Z5uRtRIhzRfPA3nmsUEz7/CRLZ\n5fCKibNism6HxHJL4dVePan6PqNA51W9CvMS25HZXaK3Oe7RqSY+4LedJjSD\neNRkJKAdTDxn4e4n8egb4HmxWABRD0teSZaPdx3Pfala7Bpywe5Q6QjeieBD\nktShsORbn2EJlOLmXZC8SXKjNQthr7uouGSDQyBgkeXkUYG1c0xhP3ZoDURt\n5VgHKxFtAXhC7ZiedZjSVzE2/MlW3nrE/DRUSATq3b5ZYyXEjM2os7ZKmc1W\n4KZL16Pjq34hfjDftc+gpG8TrM/CgFVev9HO8e0EDPti9VwrVsosZ8Ar2uEM\noHCrT5UW/Fkm/OqsMK7OcGLYWKLqr6ER0SjJ/1/bqVN4QliNuUCL4dddVgMZ\nCgGMr9JjTLBmBEhiOQymBxVamGWHUrOoqPVqA2kA+H5FdbCX7pnk64+gHhPh\niZ84i2+UDGLs6koSFJ04kPLJzJeITBlZBjGWTl+G9WEv54+nELiSyoGI+3T6\nwRsb6zfa+AkU70HReExvvC9x2ztvRSEGjuUvxt1+CM8JcnANpJHZre3is4Wd\nyB/q\r\n=qZUT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9c8a5899d6bb5475fc5fb2c76a300d4a28f0ffe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.5f00e454a.0_1626973499556_0.9635382176687008","host":"s3://npm-registry-packages"}},"12.0.0-canary.90e08fc6b.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.90e08fc6b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.90e08fc6b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9820599465caf5225f10cb79cab466c8663f9c9e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.90e08fc6b.0.tgz","fileCount":12,"integrity":"sha512-b6HFh6rboJi402XnSi/qxJpHzXtLbXlQI6B66bnYMJKRRLFf+uFfOMknzcKjWxJCu9GREFU7d0PocLq1RnVcjA==","signatures":[{"sig":"MEUCIF/wg5CX7QDko3H1ca+G1wffdNVdNV+Ai0irmg47AI3tAiEAwOPemNgdo9ET9Yo2bPNORFeJzJugm+uPxSlqZa/D9RQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+gExCRA9TVsSAnZWagAAXYcP/A4GhnNEDNga0GFCwCgV\nc+BfljJsThWIPawwjwE3kZmOFcB/HXEmAzOYDgl9JxrQEYO19j/67d8yh0+d\nhg4l9d8Ox/COqPJYaQi+NQwSjafMVJC3Dh6x3oX4tCaPIzSPkQWqCKyPcdzn\n8Xw4WrrWIMYoxYKgEe6e6vSrrtW+tS/7Ojgunm5DqtV6dFJcJSGfgf7fM0BT\ndWky/rdfYQmxa7M75vaTwGd4mpJq+r3geSnTTlt4qm7o8WPyJFwHpuV0hZR7\nzCuOQ3NbtKdmIDkfyFi1hJYmn+ABJiDxLE6EBZ+2DvVak6iLQpLhp8oQNe+M\nlQsyCaQeE4EvzbzvCg6lNRYCnzyCBulJjKD76EIuGdO32IUudwK9JVmrE7dR\nTmM/o5BHp4+z7VzZjtOHtSMFHSpgkjVtJaMefpGUyqYEvrSUtZHQIkBahFWZ\nV8yTeuixiYkV6L/le8qIe8wyHtzdiIEQ7QQ8irNXsAryCW1YpRiYDogsm5Oj\n/4w47/uW8NfgUhSq3zf8ksgNVdQ24IFw2Qz4m8N5RBUMOhKEFb005FMRgyuG\n1aXKvvL10oOAeSAcPgwevSgChTwQaw0nDKMt0z7IW+VZar3DOBGMhvlaSoZo\nRvqp10CzOv0WXxr/kQ3GL9Kn95Tby5NUlivcnN1IRGYYC3m5JZUotNQpxJ2q\nzhW5\r\n=37Uk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"267e307e557cdce4bda13e55c34cb0d1aa0d0b8f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.90e08fc6b.0_1626997040734_0.5485224389801584","host":"s3://npm-registry-packages"}},"12.0.0-canary.cf5b9eb86.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.cf5b9eb86.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.cf5b9eb86.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"98b2f612a9b79c35398ca3804b409b6418f81e58","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.cf5b9eb86.0.tgz","fileCount":12,"integrity":"sha512-HTIsSluB3BGCuzIlZtuP9iS/wMisER7j85c+2xg2QsKuSdu+psV7PA24rQKY/Bm4lv+loFd9TEMOgwEVIGZqew==","signatures":[{"sig":"MEQCIBX1Nt6TnZ+xhC8m7cvGPfCGJeHOx3zol9MJZjmLtbZrAiBVWV4NKHxhXTs+49UPoT9QLuuh4keAo5fm/5ieQjBkiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wZCCRA9TVsSAnZWagAAEJcP/iLFDJ6iiG5hyF9EI+hS\nxrXo5FMAkWVhuudWJECIc30gTKXMKJUTuL1Q7bgXoGdsqPjDHLWtxfq22Dam\ndAPlZYEe1D3D4+LGN1fsm7xvqG/4iVsCE/xNLijZlcdB/tUPhjCtNgS//4+F\n2yuEel0xX9/122MK9zyahSLTiaUCeOSh/+3c1HGn8ZqHPMookvcr28BILRXi\nyrA4MZosdX7I2dbzyL50szbMWyU9zKZYmxGpdgF2LybaUGC6xwGEBFJEG14c\ny61ylO/ImEjf3prWNjDtTXE+kC0a/4WZgGqdG/Tu3azMPRuPfLVbYGkjZnu3\nyH/QIaSp0WvZLXeTnQe8mICoGhKXrvnsHDKPhPAJi450hW6ai1QABOWasex7\nid7XVOuOGZRnkLB1cTe4nQI844tH0MhX9bIdv5YmEtQsZGHLAtdbmih/pGp9\nnq0vVs/h09pT7j8Tb84beW9m1PO5cBjVWCwBO/1UhwaoXioOQdKz5EqAyUfv\nRkuPSAou5uuSyvRXr6MyICU+z5ukucStJ0hHCZx7Ql+uQjdVg/d/GDEwGUnQ\nMzMfyXxB16GfYdqj/NLhd3ozp3m2k229cXzCe4FEKPXnsxnpcWoXSBY7oVd7\ndORAn2xNPTbJPkmfAlkMDb1QlKrPAumBXbRi1q/CqJ2+JBW+RR/cDJtS0rHg\n+Wi9\r\n=QnCk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8447b42cdc88335a4d5a37bb048f5babc1c5bc82","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.cf5b9eb86.0_1627063874494_0.573877804440712","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f36ac75c.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.3f36ac75c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.3f36ac75c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"632dc7321481a37a626d40c7493af38c878e5307","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.3f36ac75c.0.tgz","fileCount":12,"integrity":"sha512-e7/HCONpziImJAtqK5Gkt9HV/Il93w/0Mpg41h1cn8yboAtaJtkBlaY90rfKTVnOtbmZEiIOF9bOisshLiO59w==","signatures":[{"sig":"MEUCIAa2r8Fkd1KYgB6Fd69y6T75qTf5pVsT8bxvURMvJKA9AiEAmi+bRYWzSG2Bqi5q9eJejFH9+vArkDhTk/y69Edoukg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wr0CRA9TVsSAnZWagAAYJQP/j9BUCP0YYJFDnlDzTxD\nS1f+Rt3rThSBPW4c/gNoDEejF0m9BPQ/U6qZfxrN/rc4VWx+LVT+XMG+mzut\nDB4XJ/NvKJZzIZr0KVkUngQxog56Zen051T+DhFt4tnY2CBonRp9iikCoNMl\nL6DkDvvLC7At5HNcLn56k59FzaF9BcE6bx8cvn7EXc+Ar/A8+8TVX7QnIpk3\ngOAfsSdLGz2vyP4JQFbXGPSQUngAvxZpi+Dr+3pglHzlT1XClrh/IvenTvq4\nHfCHi95UbaJri0clP/tc23TqxitHkBrwaq/C4pSwyFOKyS5vwR+981Ip3xAv\n7gKcE2HWc0aK5oaAa+fuAkXvYf7USlzbxMmcjVe0f5acaiNWQoZRNeXhlXU0\nJZjqvz1DoLxuAFaXk0R5PQKnfi/XqxuFO2ThlSfvOkD789AFM9jIeVzQdiBC\nGvCHyCtVjHIVQheLn5YNZ/p1GCE2P0TRQxrh0H0Hv03cbn/RsBmoyOyOkN2Z\nUElmZJs1PXkPPXdDeTJ7N/tAD15Ssay8+lIVZYuRC5DVei8RiSUivTTOSypM\n4GPgLPEMHXCm6DKgovk08ODwAWMVfOA5DEH6SXTPuN6qYFqwcVIMLgobyjqU\nZCLejnuhD/3ektUtq5ekNSAbTkbMDpQYAKHXeUUsK8FUAOmdWaDM7tlgb6XU\nPLG4\r\n=0zqx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b0f70c5fff2a6f188b24beae7ecdf708b5bbdcb4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.3f36ac75c.0_1627065076132_0.4710836061692092","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea1e1b850.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.ea1e1b850.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.ea1e1b850.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50d66f0e056dba671d9ea78037fe474e4fc9891c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.ea1e1b850.0.tgz","fileCount":12,"integrity":"sha512-GEqrRCAsZAFUhMvpj0aOKHXfpR2JWqz2cNZ6APLVwfMtofcQimP5RLiSBkcLF2b7coIgLDmmOk8hbL2JSecAMA==","signatures":[{"sig":"MEYCIQCFrWa+Sikn9Q+rWTrGHCZRvYGRVV43yDXx3LT76etgGwIhAJcT5TqnQkcdlQVrzS45kBOjdgis1o37MYKcJIGVqNDl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/H4YCRA9TVsSAnZWagAAkQ0P/iSVLOxuxJcX3Tv6ezi5\n01IKyFCtE+F6ekvXY90gxs7qOHziUkovQ2Xj6kHVrlqFDRjav+jJd0mqAyz1\np/Rm2rKo8UJ1kP/GV4K7LapdV1cflS0pG2uQubK1yxaww8N1wHYVo6/CTxsD\nh/UCK7HHeDt3hG2u0ANEBmqGxUNIl2ISOfX//fbuL4AtYkhMjvKJ+WvQ6M2a\noXbMjTv8m+aGSHOJ1q4ANb8Y7TLRfHymWrA0W4rxabP6IOCnefNOUWnZz0ig\nPXbbW+fkTS1h9nslZZUEsJS4kKH/CXSevgvZQsLz/+sd/EKp9op3hwJg1Sgt\nT3LowtV/lyapzVhdgvS1fo/ythkJoNRmFmLgRuSyr1KrWsVQYEMlLJhMF7zF\nxw7ipu5MCNF7kPSH198erw62ABeyJG+lyEetvkLJG8wbijsLTgIil1Z/ySvx\nW0VOEFwiM3bexGW9fz9DGT+r+KoIFOF5dyuqsyCK880SJ3fbtiO3qS31TOwz\nTe5wjnIbNEZ9lys7jb1FSQBT8S2mT+/XFz3WMkN/vzE4EotFxUduIr66rx73\nLfNutkNLNHM0aYizgKBovTXZi6BZhygxEufNIglqTOmxpVEMyiFtjzODw+93\nk3P44MPgAiTshb6gD+PZtYGBbLT6j0uXq4/wKJ8xT3gxw0JzSUT7HxzrfoZU\nU8EF\r\n=v1Of\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7c296c6f9b2c20eb32b0501c98b6415bd193dc46","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.ea1e1b850.0_1627160088031_0.9078300810553095","host":"s3://npm-registry-packages"}},"12.0.0-canary.22f390c43.0":{"name":"@material/feature-targeting","version":"12.0.0-canary.22f390c43.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0-canary.22f390c43.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e337760d5e25ae9a178f8c04aa833a4ffb62a1b1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.22f390c43.0.tgz","fileCount":12,"integrity":"sha512-fTEkB3MILCsPoW+WfrJld30qqLhPaT8P8P/evkVQXtqpfeh0UCVzCUTQ0zctbSu6SwykDGOc2V6/x3HsQ7EfDg==","signatures":[{"sig":"MEYCIQDpRtymEaQceKSEmzHuo06SYQxXWYEQWsVoY7fIvFgQmQIhANPQyFmpFkfymvHB91TY6eZQ29CgxqZJL0zq8E/fpK9x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAFdsCRA9TVsSAnZWagAAYN8QAIwE185Q2f89IiUU8Dmj\njlqf3G5rBmnnJ9x0+jALsRJcGHq72ymHraoQhlFBl20kUjK7v6v9akdIkwck\nRyf713HsnNMYmW+GX2SyjfOx67rVNW/xChoQO3UNtZOBVLGEcCqJQxA++yYL\nE8D8WiVCFoO8p4GcJjhamb2LLCbizARrI1GP0Ru5IUU90U2tG2QSGW/gAN8b\nruzT+WxVgzvkSX+oCvIaPD2YFWgy6v7WpCM/OLvio48j4MaQMWRutVJj7dna\nqSi5JhBOTcX8z4NZi0Rh1hx2kd1WoIKPUW0fU/TwUn+33pfUZmr5IOKtiI8W\n7yPvGs3vjLOwIjaqJ+TP+0nRWg2Rj28Ezvabgwj8aaYbotTHm4+Y2fU+qdg6\nFiRfIn3SDCeGAmNnXjyQaLG18ZinEVqe7GMo35G8wo1qX+9IX0Pg6mshWR+W\nN37NVCX+5dieBPyNoCPzIyXm7qxBNVFaf4nduvINslgI+lSO1w1XeDCgSVjb\nUijQSpKRZc94KT8OcMCXpUy3PNtSDDrPY2Q114b+Bj0HfyWzO7g02lfBCxXe\ntEksgTiVVuYrn5cn3U8OHOMXwi6W+uvZJo880W/tpPP1y2TZ1xVyCxazr/4U\nsozf4O7jnOBKeyFqylanv53Yb9C5NQ8zsYEBUilXey+hmuetS9uG1Jtd1c6m\n0kFE\r\n=xxD9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2eba31ea1c3ae3c0e3497f3dae6cde368675a496","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0-canary.22f390c43.0_1627412332723_0.7671634004985002","host":"s3://npm-registry-packages"}},"12.0.0":{"name":"@material/feature-targeting","version":"12.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@12.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae3f6b04f7c5262ce991bfb3fc3226564b196686","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0.tgz","fileCount":11,"integrity":"sha512-BbdYzZmGg886X3gvKPxfM5etNwhmKR4PT33NRc7PTKivCHitre8zjgb7kKW1vRLV4YnB54sp9L7tr/QcbbbXGg==","signatures":[{"sig":"MEQCICgdNqiUNel5xZhzFB1pVztjvAqyp7EknwRjT9XKLUeHAiA5Lht+ar2H4dsApgNhGsYN/FwYJlVvH1+8zsNxltIp5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGMiCRA9TVsSAnZWagAASk4P+wWLjhuQXPl4pSuktvGq\nXBSNNVfwsg5GhrRkSH9fRWweqjz4TdFpgBACUtfY0CNisD/0bx1K4gHjwMUg\nY0MyTHJLBq/LIisZA0AsfMgZA66hv5a7mevqVIqzCGm37Err9Y4Ky+BmA9+b\nQYdS+oieRfGuTbrjMIcVPBQOYh1lIn/Z2OISr7iM8kfiPevDCPYtrSfFlmBu\noeOiyF6A6ZJmIRnACsbGJqR020D7hpF69Un5wDVVDpsPAKqviQO4I/M2R+Sa\nrcaD2iR6XAIY90KyFYKd2i/o0mGvkX5blFa6CBTo1h61bWS9gbRQI48jE3SY\ndQAaXDXoAZMDgNbK7+NAsNGZJkQN/eHxs5RkMgB0P5G/6xihmOW/Ry8JPssn\nt7kQRhETJe6PzuyaILQBnzDzm+8i0LGNFiNSq2nCbkOgzAuYnKDUOX6lo0XA\nAus0Iu9vcCZ1BxccjCbsWx5M3eKZS8NQzmGAR8ciOorSsNb6XKo87U6j3k3G\n1ZKJiRyp7IG/X2qJ89d67sw3kJEiw/5bFOPMGnkaJ7H6THQJTNiJ9wNyBhTl\nggY3WliFeDbt/WcEe3dtNaH6mrNWrLuVuTQoPo2SSeea2NVceGLxZ85eMcnH\nJn21rVqrYMGt1xWSIcNhRkWsmG3n91fycDgHK/U3Ze6cLTFrlBTLXCOQWsxM\nzh4I\r\n=CHn0\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"ae85f7eba0d72f4fa5f3e8669cd316336b3e6828","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_12.0.0_1627415330823_0.002532635549767459","host":"s3://npm-registry-packages"}},"13.0.0-canary.ae85f7eba.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.ae85f7eba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.ae85f7eba.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c65e845db8d2427db2c0f00c144169437455eaba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.ae85f7eba.0.tgz","fileCount":12,"integrity":"sha512-IPEgafdKjQ86YqqBk1IkglRYsG9MT2Q3G4pxJCnJ4tqqe5Syi3ROG8cHR67R9GMalt+hfweNmSOsSpCeo7TqNw==","signatures":[{"sig":"MEUCIAbNB6UeqJOKBId0miZUThrVsMdSibYfdri3sdG2NxUAAiEAwvTMmu4GqmFSUn8Dikoj+b3qDcXEpGu1FypFz2uFYm4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGOACRA9TVsSAnZWagAAnS0P/3XdL0MTiQBj9WNxixAE\n7Vu8DwD5PdjBtHL/loOmeh5lmIBX+0pZcmzrENCvymfcCVRLkgmRpnM8OV16\nlTCSISvavsFf68FbicLm5relbryXwE0jRc0Q2NBL5DYC7/f/0whb3D33DfdU\nojD7lWGlo21BtfHfQ4mNjIt5r1cvo0w+IUvWtbrD5WSh6tKndu8r24KH7q7R\nTMwQZMKydSTvptVnFu9frPkQa9tqaawsxdI9s9qhju8FUggh4klOEtm6OShM\nq3uJbZhGwAl+nJav+UNrQsrizy/FhsHDt86WgFXyYyiNEkzoA/axAfgAFnpN\nT3mceU3M5bogRoKKiSVGGxPxIhTuHdylXDUf6oIBqoT8YMJJB6F1ZbtZnsdn\nQXiOmBggvDtA/nTN63hPM8enAclOVAzihqPMln5PvYEBVhb1m4LObSfN88yq\nHsdjgmmpKOZvogr2HHkEQSdV8kfbkAiN/ajsv/0A2WCWNTP2ws4FE5j8XI5J\nV9M0tJOMMN3Iuxw45x0jSciaWlPOx5BPa3MBnEqYzReAI7EkAaTKJkMUMVEV\n0UOIaEwXmmtsvaCz2/w5MqGjqZoIZEKLCO0dLycBKacExDZAueYW8a9eqjpQ\nfT6GJb67aM7QrbswAK2h6j/yjcPhfUE3dGpQiRN33LkVn8qwmbmz+J3nDz7d\nj4/x\r\n=TIXj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"087c731cd84ebd8c578510bd4c8dfb5d11e8c574","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.ae85f7eba.0_1627415424060_0.24324203552981838","host":"s3://npm-registry-packages"}},"13.0.0-canary.5981207f7.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.5981207f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.5981207f7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9f969e740315cc02fbb2d86c6883dada6286a0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.5981207f7.0.tgz","fileCount":12,"integrity":"sha512-+jXHWNPp1Fb4NXPW/8uKzfNNDeFK8+Y1rC66MCufg1JRKKSfaNM9u8tHq1l0HxUPGAYJ3NH5Mj5vx+1Dz+K4tw==","signatures":[{"sig":"MEUCIQDzjyJeTxH232z1EcPXcg+FQ/heqr4bAs/NLO3kD6SRsgIgV1Jowv/53Ck/GVf2KbcqmJ/1uZGN7DW3rta8LY8YqBc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAJP1CRA9TVsSAnZWagAABCsQAJTriDPE8zJB3nOq6KTJ\nbMFjCIDnHlWY8u15QaRM8O5hvfEJ2nyjc0Ir/+MQX5sPwyeYh78Y4cEgGnUD\nZReYrpsn9h6FpX1QHUO0/j919B39YvYdpWCBVR1licE7lXpxzBy+SrfoLOHm\nhSRUeNS3HBJ3JJR18P5Mfvp4Ct6cijjPmjni9wt1kxDR+wQ6z0GlMQzWR2i7\nefQLov8D7i+dtwALsuS+UDHGVfsnm61bzhUhtT9kqoX0Au+pT+Px2UiPejwB\ndxDNwGjPIRuH8+YoamMsoMojdP8ZOyR5khf5kRvkx4vAtYdmdqqKomoVo9dq\nZKgDwHaT1x/e4qm2I+jJ7T2aRTNZT38jiUXRAA+xMghwHsF0C+MsHNGykXYs\ndk2tWOuhEzbMRmBp/tObkZ214JYYe2tH7n8Rg7+FtgBK70FHvyxvbh/4iL9d\nt5TWFu90Yr0wRYtjZS6e/d14bInTkbTUPcBAziyU3XXwprLLgB/aW9ZhkAkR\npkkgCaapk1xU2F9RKglcQzgms8Xr72OPw0MNGLz+F3ZhOVdg7c84iyaREUto\nUOA9PKRnbhhefrjlofb958b7fGQJPohRn4MPVdbtuHnyUTlC7JYOMQPbPnJh\nf9OcLtuaKJ8VUdSX+vDIAaNr55RNM632JzNoLHwwkg8PzOgIV86nx24+6iv8\nkrDr\r\n=/yOO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a8b67c19b2a9f80923dd162098b373bbf34b58e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.5981207f7.0_1627427829835_0.9279753747761561","host":"s3://npm-registry-packages"}},"13.0.0-canary.83bdd0222.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.83bdd0222.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.83bdd0222.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bda91749908e01015aea78763d182e5e63cd88d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.83bdd0222.0.tgz","fileCount":12,"integrity":"sha512-iBq/VSgTFf6ttUjbGMf3IpqM/Qf+OQtQarB9n5ymxGsMozSrDNamrPMjbvlUaxMJ7iQsohKzJax4Eay3727zqA==","signatures":[{"sig":"MEUCIQCzQ2Tv/jfMdDZaa658SNgi2BQ7FRJyI5W16mfBSTEBXwIgOB0LHoX0y4BDkCu9ydRmzG0TNondAuthL9iwrbfW73U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZLeCRA9TVsSAnZWagAA964P/0tDUmo3u1RqBlPGJKpx\ne1OHNxioURdVuEeK5rbQ9g3JG+QqCKuVPZwAFfRl+/6hUagQPR5ToRSUIIQ9\n80coWKXKrmDGYhSmI+fymgKQDZWeui0Xw59lZZfm/ycQok+IVTxjlXsy+hUV\nX2j1NSJy+GBJCmSnBV0td47+r8TwFXSSlw0uyG957+p6BF875U75gLWlrcbp\nuM4htBsihqjUpOsgu93NwsR/Tx7cFRwRmiPqrToKRyTtZfmOG8yXkAQDOYKE\nXOgTi9+J6VTEMCn4bormYh+bn8pI6hEjmVM90Mpre/7djcsK5I6To3WEsuvN\nRcMsjYay1FRnGPpMC1h11FNTDchGomOL56CjHlmZfGEnDh5FVD3/7kldRyzX\nCBo6TIcT53VfcSJoGIYoBwFsaX9n3FfN9D6zebWcRRYEETLdsUm12I3q2kGD\n/RyuLmjdSTQsPOTQ9ilh6juJRQa1J09g7yuRiMTVcoLF5pMqAUVAwHFkAxGH\n7uqRmuzPXZutnxjY+9Y9xJ7hIKe397nd10cEPVX92G/FF0jFnZkUKcA2QxL/\n87vsKKc2/TpE/Y52CB8q/CLk6sQV7+0SApy4tSLSD4MPsMeOiwTiylw9T7uk\nOPYxhdkRSrohZdVB+KUXqNeBqKmysykpnNRNG6X1XzIFxvidtO5u9BP3ClMx\nswTr\r\n=e+BU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f2b23ad4bf20ade58cc1b10490e9ca3f9469405","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.83bdd0222.0_1627493085982_0.15510192942494205","host":"s3://npm-registry-packages"}},"13.0.0-canary.28656298a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.28656298a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.28656298a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73bf92703ddab8875303a994536abf8317828cdd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.28656298a.0.tgz","fileCount":12,"integrity":"sha512-mC7cApbTKR974ovf/xxeMs3wIHkcXKmw8qDv6aO/HnVxzErDJr9vMakQgSsZ9SvK3uoCQ/2lOFzk9sOedFoRZg==","signatures":[{"sig":"MEUCIQDVUs1htlCnTgl+YL0tZFg9xyr90fwMuM/hp0LLKdRgLwIgasYdpJ6sCRizzal9bhiwN8T8qLAJmx+5DibRMWJQGlc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAu9zCRA9TVsSAnZWagAAuEgQAJGZUNzRzPi4aRRNt4mP\nrUfNjMUJznP0uGDNX5ISHYxLKWJvs4Ki59eykAZBDIg7IjDy8ehSPB8i7LSG\nd4CXtkVGBYVSlQeLkH7AAQFeFjArUFcPR9YMZ9xi4jZPyf4yASaZxdrgl4mj\nZuGk6tv4rePM6h5vnl4HbPkig7ZEE7TSr3M6t5iF5KI9MzV6na7BLwC1Erms\n17Pk4sITBUtAdjuySfGwNLhPtaeR+IQghmfSm3rfRz3voIZ0KSgwsF06rxbx\njNpxOR4ZIY1S9wox1F3UJJUqAZUsVjiTxjxM8gRKGkYvatQe4MZDxnSnhD/R\nxERXSmKKbAjB2nyCLeiHRplFumbP6nfQ6dHahcWOSNfearCCzVLy7oelLwzu\nsPvkdIUYagx79CReIKviy0d10253DKBQkPhS1keXjdDT/vByT5glstK3aYB2\nCXaQ7+Qn9iz2z47TozhZfTjIDaVDKItdQjma6tU4tsompdPdJ7cJKu+K3gPm\nX19IOX/yXcSIc7ta1r88SSoZSqywSDPwX7BhDJLvK5sQqDsHpmia4bMsm82D\nzCFtO0r185XE74peUhRxALAXKXYg6FVWQ+U/w9RoPv2xBcjoNTeyEWtiok6s\nAtKJULWTmG9Q4Yq3mHirheANbJgcTP7a1A6GfJ1j2hcCP9GvBYTQWiCBRul7\nsqod\r\n=PXFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5fe3e7fec89669c56504c13aadf80a71a543df78","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.28656298a.0_1627582323547_0.30186149727321965","host":"s3://npm-registry-packages"}},"13.0.0-canary.9e797daaf.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.9e797daaf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.9e797daaf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a21a663c32a60804f648c541a902d99b845032e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.9e797daaf.0.tgz","fileCount":12,"integrity":"sha512-rxg/9hJeo+R/u/DFqmOV6VEp3MQkN2oo+yhHOODtfonE2Dro8xw8FILMGnERiHNQe8HqSRFNCXcLodKMeNrLlg==","signatures":[{"sig":"MEUCIBJ6YlLXAjDGYR7tNVfKfratgz/3YnQdkgX3bTaQCl/AAiEA6iSckj7FK7n+eRqe8EMJbL/cS5kdsJvSoc4egEZdQbk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvStCRA9TVsSAnZWagAAGX8P/RsP65I9sCkLEvPWMBH1\n5jb1DwATRof6sf3ULQ4t326zIGF9pnfSNV4HW7LDZI2R1F4jqo9fMnad60iw\nP+6pYFjJvn4XJoDYbqhMUT4/rAt597tFlHDKFRBWnhH2WWjqUf5pRwCzBm1h\nPVG8kYVoerq1tyVjizIE8QNP7TIEJh4At5/8zJlk9S+IBZRfp5Ajew17VEx5\nWqtwCrHlLWiAVHdaOB4hSeAKtMe2uSwYInhqKyc4i86ndKIhL6KJRoJPfQ0t\ncqfapvPBBp+6I77h3c6LpOKfeZ3eSDe0KSDbP8RkM4Rmum6vqt04XZgvssKZ\nxw+57JtEHs5cOEj+9OnND+cB/n7deZopya2VdGgYI+h77BFRV0OmikIGNHkU\ntwUDuvB9hQj0aSmAP/mxaRKoJndo8jroiIUwJRhp13g+tFmIUvv79zVtle3e\nB4MrqJUMuupW/gxbT3OsASn1cIuBQyyaVSaVZ9SoUILTfRcVrCQhJM88oY3u\nu+ULnJRNeUcJzuustv45TfFMDrluSviuB3hPqpuTa6un4ol22xe0jrNQEVqS\n0i0LH0P/bMoF9oMktAeardjlvEJzHHcTeM7Ff9gEooRcJEbIZ6+Z7QDV+SMv\noWKDvXz9kIMqfslcihH0pwv0TghioVeaLz/5bJIyXwGDrEuqfRpg7gmMpDR1\ncZGf\r\n=HO7o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cad664597e3cc10ce42dff721f26f40b986db48a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.9e797daaf.0_1627583661659_0.12557418025848155","host":"s3://npm-registry-packages"}},"13.0.0-canary.adb9f1ad8.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.adb9f1ad8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.adb9f1ad8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3296b98032650aac81c778996dc421aa1924b7c6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.adb9f1ad8.0.tgz","fileCount":12,"integrity":"sha512-5fiNPOIwph/MuejFyMphYmOm75beC3J7ZzYjQR7zG3edrpWnGupOcIB5HNpa/CDydm+b8EGlq+5f0jN4+/eXdg==","signatures":[{"sig":"MEQCID1rnUdUCynurXtHfg9QksvQFOV5Bq8sXnTFruOx1Xa5AiAs4irj5VoMNhpo1/saO4NZ4w7vS71OAfkdTTTgHrkFAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE0YCRA9TVsSAnZWagAAgtgQAIoa183MZv7DDiBcwe+D\nBZlQogfXFgOqVLt5zK8dC7pnvfbT73fAf/cOpg3LvfXR7HOtAqrDKiYSMt4u\n+BcaO5URN8NRs0yVTKUDH+zkRnfy+uFrI8ljyzJLqxnLjkDDV6SCM1wj5UWY\nM2QKtE9aMO9OHkFjemAV2voV+UyIOOEKZCyjAOYci9d6lOUVoq2S8hbhfyG8\ncYb1JHloQE4ICM/1VzjvsnaBcS9YA7BSR+e+57KJ/5SdKOYhZKLkU94zhENK\nDORhBQiN0Vu6UXJg/lAdd1iMiMNdJmoUJNcSySmho7uM3dcwWEUk6dLDRhWs\n4978U5Ux+ZLTn5klrKUEYqdijUOePcbhJFOFCPHyhQ3LdHiY0wUaq+lb3L0J\nhZ5e0Vha/nIeej/EovpMxrtLX2Y9q39p3MCu5aqo1r2FhXfym1z0sP9ZgRyv\n0I4BXSbQ5ZjWqZm11Hahb87P651uXKJAfh38xYDx1T1WFNvJphpyStgSolq2\nQg9rtdRM8qQobEKlJfPEwuWHNgU9fQop0lEu7ouW7ztLqiO4GoaZ1ixsr7ex\na6dDb34VyPW8vk+OzmKYhRykU1PYD/1UbNNqZhSh7+6eCDtWKd5ypD/iM5qo\nVBfuJ0XuWOmp0+xAugDbdw70BxKnOH4agp8PdyCtE+3XoGfcaisld6jO5kOs\nXi3M\r\n=Tfz+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"db010696805aae457c8d8c9da8b394efff28ee35","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.adb9f1ad8.0_1627671832394_0.04979554773225514","host":"s3://npm-registry-packages"}},"13.0.0-canary.cc5377458.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.cc5377458.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.cc5377458.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a6e6e876fb75977ac54905366538c45e533c08d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.cc5377458.0.tgz","fileCount":12,"integrity":"sha512-cZbnMvlXugW+1toWv80Xh5p6hL6vRiBlsE6CmmQ60nRSHP/ToX4Hpr4ck2JgIEeozUFsiLi5aEIDJYomQyPdyw==","signatures":[{"sig":"MEUCIEujdgGKmgO1VzsFbqhsIoyP2WB+9pGt2xuNEfn+sLvTAiEA3L3ES+F5PGoEHFnz5ZNjLfoR4CF5HqrfF4F1jx61wC0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBG/pCRA9TVsSAnZWagAArWgP/2cf81osL5CMphOErTQr\nb8az0Wfo4MNbxfxru7fNoR74Ob87qlDnYzVIhDNjXb+s3AX4TuR/e8E8/QyW\n1nr2oyhLrpRV7hRX8NMFDBTUJx8pQHxL8tjWFErNh/gKBqz0vugAIc/fPfx5\nUa+hnjXbuF2ndY7bqQN1D+jIUdrtUUdprKKzlHGCLwkigjMgnGHfU5Mo6Gnq\niUhU2/ZJWyXnPfYqoTfIxUeQllcUGSHJeUqH2d6mGlj6Sow6SdGkuPIPISwz\nGJva3cA899G5K7+RBKmPc6eZMgJ2CRifbSfOHeJsJggCDzcuZp48b5MoJI6D\nelk85A7FaL1uYh/KuWfXMQVsjdTG65XBvgSep/Noj5OFjRyu2ZzLCguIzt32\nJ88qqxXhuMSy2asAKUHzeicWN0ottGGNQfmamGyiXn1COYD5GuOXs2afrbzD\nIIaxn9PbCYNj3LXBO4NXZX7B4NS30lUZKOctKvS2Tv3tmqkQl6LardbuRJhz\nYAjC2Bp/nhV6hw54G37nCEojdKkaaIXSG+XHxlCbEeowGvnWVRFH+ZncAPyA\nu5wgeS8Cs5R/6ERs1wFQ19Cj5dRXm3T6bigD76vSzWWp6kxW6xe5kJKkk4lr\nHTKR1qLtT1uJg2rLEBcANOjtZJ9JUpNjp7SlU4pZ2UclBifSTAfFqKdsXb2E\ncbt0\r\n=/rCV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f4f5852cfac85d68dbd83665da839943c29dd866","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.cc5377458.0_1627680745402_0.5003661976080973","host":"s3://npm-registry-packages"}},"13.0.0-canary.a395972cf.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.a395972cf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.a395972cf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67a00fd93b926c62ba396d0d8c73cf7a1f29767c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.a395972cf.0.tgz","fileCount":12,"integrity":"sha512-32fGnwi6GoQM5W1s82oAXVJqM5NJl9zYLfTSFzjxJDB5A65XDeTbVa40a+fuCHNwIQzXep2qr/t0PtlKpS6N1g==","signatures":[{"sig":"MEUCIFQJsbzggR+LcWefsixxpWA7EMm+Skne/cY6lDrvf6BYAiEAnM47W+i+O5+Y1AMhfwXizbhZ7lH5Y/kJm5u9De62uZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbONCRA9TVsSAnZWagAA7M4P/2hMIKQ5hoIDZKnb0my+\nMBrf7Vl/z0HnXj0OGjrHHxf+yGMMSOH747Kk6ca8FfGqZYMpuaWMA1sPc2LQ\nZTqZEN3bZo4Y8EFwKbG7HmD1NlG9quP9SgfulVUWvjGzHH8sOQeqfhYku12q\nXygoD9vSuFpCTSprQun1qpU83sIfyuVmuCALr82CFoAT9f+1gtSS761+KJL+\n0/bqTcggZ4QJLaScWv+VkNBtwZDBYIwVVwNgNsCf5qSxc0A+fo6hkILt32Yh\naYqDuKOTrPVPDQGM6XJhXSMPqIfcHEhV/6oLZWsGm70wI/mVBrZYYC/aq+Fj\nqqna8ALPNcZ9uckEBFteOOkLN1gMqLAu+olD4mAknsnPpHyXbqIO0B7AuO25\nV3zU3EVsrH9ZkdMa8AEKkl+Xd7pPWYALcNCeZkQCpOTmR8tHqxJoLJQirZo8\njZ97dXkCrb+5CjTKPJNFfb34khOQ/OKp9G594pUw4qu3foBUMURtTlp+k/2b\n5IGxFEYQvjpx12XkMEXqAK8DSWT3zvYYzelI7W6oWWA0pShl6fa16eWMDzPu\nMr5vMJaRVvYFd6m/Iz/rekPaGuy07wcmia92KXzL0kxfhKZW1zYxdx40nXHq\nfA+xeKfqI/lmO6spiS3PQ6s4aK9P4KG82SzL5RNMd9wM5HHN0kSHiU0mP9tL\nhelH\r\n=dQp8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00a6b6110465620df99cf5f775d52a1054c91cef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.a395972cf.0_1628025741234_0.5478823682301595","host":"s3://npm-registry-packages"}},"13.0.0-canary.7c96e6b98.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.7c96e6b98.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.7c96e6b98.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"627f6399438b6707d7139db1d7d6f9158fafed34","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.7c96e6b98.0.tgz","fileCount":12,"integrity":"sha512-ikH9uKU9AhohiRyz1RaKnamAaK7h96UkRyZM1iRF5mNzfLu0n4gOej0XLW+XhBJpl7g06yVvt7buCKxj33Ilfg==","signatures":[{"sig":"MEUCIG9S9/+Ukq/yihaOgMJrV7MJp/4wGX9J0WqM4h/UcWCdAiEA4WuGMsVd/Hg5gMxKMYPu/dTZ2t5w5KNU9EG5jGTrrN0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCb9lCRA9TVsSAnZWagAAUzcP/2AjR2F8qVjAtOWFR2Hg\n6SwuAGV8ga+EpbJqfrvr4KTY/J3QZgBHomxxFsSNyvRpHwfkPIoTFYnT4ndL\njGzYvZ5QSuaA9fjLOxVPaIlrMJ5oSt5dvwdwQJoY07+vYvLo47Sf/RRPcOUN\n3EQHs8O7/uOlPNUtb6xb+SXFRhzun8lyrgaBnpgJwZvCgwS8Vf6m0uSpiD7D\ne3qoNu4DzfWBDW2G6qx9VdaEQf0jFgsIO22OOvjkkHuQUW8jV8Y6aNGxAKdT\n2tywBqHSl643qGKk+AeSoPGeAYNrG3GSBNwl4kxD2qN3JWLrGvTcUxnpGFsQ\nBgZ1Dk4uVMJSqAKskdIdNrh9jtlJsZ70YuGWcvX/CD8aqvLh1O3lUxe/He3s\nfRDe09H57w+pwtkftE3ydwunFL+8fitHqOEVVBWelTlntPJ4/VBXCinT4QKi\n2FA996a3putN5GoYYvKMfu/f21mp3axJ9YkLhv47PM6pHEJGlqQSEiocU8ru\nUCprbf2uuflcO1OHJzBHLpIaSkDviJuNStnsGP951fxT7nMS1Dy9F3baVfpN\nrcbPl/bcFwlGvi8t4XDoi1/EGxExIbWCOu8iLSH/Ppo8U3bM4OVsPX0f/0Hk\nHzKo2QNxcE0Y6Y4SGouoiJp9st79Ii1QRg8nJ4Ew9EzHbh7CdMf7u24jFMV7\n4KLW\r\n=zrWf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"38c48bd580ff0facb66c28bf9caeebbd2a6a4033","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.7c96e6b98.0_1628028773584_0.5308930017062812","host":"s3://npm-registry-packages"}},"13.0.0-canary.a80c8b2c2.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.a80c8b2c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.a80c8b2c2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48d8c16ace14a6e0ba64f973112bc18db315086e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.a80c8b2c2.0.tgz","fileCount":12,"integrity":"sha512-gqA/Ag7oiWhxNJcOtHnDYj+0eETTmk21CAGEU7oN3UQH5JmH9Opj3Z41puvJrylLvuroNmxhzZqfm7CpqSdKVw==","signatures":[{"sig":"MEUCIQDGpaDwsYfUlzFLYKkJFopEstKp5jlkFIGHpZLXPmQjpgIgFZnbGLQ4s0O7Ogrq/j+azW/UgOt+/Lfpt1UCFILFSRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCym2CRA9TVsSAnZWagAA/w0P/j0btBCav4xhfQnLe5Ka\n93AcSmUvqPeBpDpp1zdXMAhwnjuUE/ithxyWswsQisoZcusxx4dn++u48Pyg\n6fs2k1v8YCsP73VFuP7nbjaE5kB6Lz9eOTPe+AhM1mdN/u9y1BeaH13kyU10\nqjHZaDpBXN1EDoSMElb/LG/H4naYChaEwtumOyG+vdrRLgVVSHMXIo+zBieG\nVmIlNuoEYRaod1qj0Znu7KN8Et7ziz9aR6rkHmUvLNVcjMpH6Wppa4DmYH5O\ndna38UAyrq3tfhH/qXgC6fKZot3NAu1vz1zgv3TY89WJS7O28BPfIhykTUUs\ny94K3SWqWg1Vhi1E5ic4zO/23ObLVuRHjqWbemYR0+4N9So/HAKIGc36E0Xa\nBrciDJilFLswdhMWwqSWQieNIWirA1WYASKBBD1agWdXapJxHGkHUSd73o6d\nxTJUkDCrci3SeM5xY1knga6uoIge9j2c2TUUY2Z3/syCMSFdwxrxtlRUOSpn\nxBhn+hH9UYBR8hwhOi2EDDxHa6uwre3Aj5onahqHkBJ9tpe8qJlDi3ztRML7\ngee/ti9NudrJEIxByhkOuIarirZGjRtoHYAVjDgff9bIR3Fup5FcmnfZVqmK\nUaow+jI1t/lOKPqeVUiqtLlrVycUP7okFS1cJvLO5gsAjRLLXvIsgyExixmB\nsO6b\r\n=HQAu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cb4d3f1d1d37c50939ed5269748eebb96f798601","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.a80c8b2c2.0_1628121526368_0.8786187896183382","host":"s3://npm-registry-packages"}},"13.0.0-canary.3dd611091.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.3dd611091.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.3dd611091.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cbd60869f0144e39358b73cd259d88eac294ac0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.3dd611091.0.tgz","fileCount":12,"integrity":"sha512-x7CjOfKurUXUKm3HucU+HZGUy1XaJ52adsHjYXXT0RfsAJREE7wAoVYpJuKDk8OIMq8V6dVhwAjqZ/mDhW0E6g==","signatures":[{"sig":"MEQCIHvIbxwiOrRzUy6xRDiUq5q2hRJYTfV9WUB8065VuHbLAiA7bd2YHpU04uy6x+wTiZNIZoPG47Sgj4NvZKY5RS/2AQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhC2ElCRA9TVsSAnZWagAAPAkP/jgWCz5OmUZDQfnLkm4Y\n2oqwHBI1UptgshB3gf9iNURVxaSTaMHV8Z12E6+IL8QgB8YjGxSCmmnlZ28D\nbUtmYBSCf3ANDToxYu2rEaFacipolC31HAzKczYRz3iHNNN2JDf9abDjbiy0\naC8ivOZQDIL9XtPvpMkwhf1oweVXsHZH8jh/0KnGyVUwglUq9fChT2RT1eXj\n9bdM+eBs2umgW486bqZdpMLvkWtzTuQ0wI7ulXWu/Btnbn0ecfchPsQtJQln\ndD3yCaW0N7KskZ/DmRp1Bpy30XgAmk4bwHn4dQF/zas9YnCRPBSyKr8zR8Qs\nkED8V+D9tw1XkXScyl+iBoDQ9gqAXgUzknHVKGzxiBsbVV7QcISKJmG9nz3X\n1GoD85cW8a2EiVZbiiBFXpA5qdXEsSeip2vmc/GSp6Akaq6PofMttRfFmKJd\nNv4qw071A4+yK8W5G6X7NOxnHNOiayuTp25zLjiaMiu1rPY6T8i+SHZntjJA\nDF52UoVIZxfSZnAh6GKkwmtaYYEL1TTyLMOBGe6rTYtUVLtBnXODup+rCxMO\nDPCKrftL8Nwx4OXYhkegNSXIhVo918sSPcSKrB3rMPnAoYn35oCHpxS86rB+\nCGbM63KALRxgqPTNvXGfYSTFJA3dDMorQ+LAhXtAJiqKOGnveprsQOPAUZFH\nvTNE\r\n=Of2L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fc6a6a59d9c86ac1f85efd94a4aa6a8e4c27c379","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.3dd611091.0_1628135717420_0.5896773375287081","host":"s3://npm-registry-packages"}},"13.0.0-canary.5dee37ff6.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.5dee37ff6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.5dee37ff6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8735bb491d8edd7d8c13f3967569ead25fcf2114","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.5dee37ff6.0.tgz","fileCount":12,"integrity":"sha512-Iev3bEOG4VivfqAWCl4QRrIORif6ljg7nXc0oieOljb1AWiUtovsDiJsBQ5oaqzfjunl9ABD5tAAoS3YAzHpQQ==","signatures":[{"sig":"MEYCIQDgEFAHjWtFhA7soR9kQYds95NsDT0jDVLENtWVWWXQMAIhALuZLy4BXVmCMmu2Bcs6y7A1oTbwyyETjn9ZXd7zqj4+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCK6CRA9TVsSAnZWagAA6WkQAJFg5eBd2QIYo98L9tdw\nADA4UMomkRzzdGVi/17tGfPV0C3pmIrzUxJM2WrXO0Xe19tN7nfFM/aQ8iPz\nzxqnZU3AKGRLooR/7VoujSmeuBBBVysRiWFRMP5TJcFOixN0UOOSGMZwpF3d\nZU8+S7Gkt1SQyG9sFbI87suTke4a+DtHSyIQhTY1MDUa7ZsQDgBi2H1Knqpf\n6TaSZ184TaIHG+ltCyjl5uWTFLE7MKDcMG7uQR7HwFwiER0N50l5OT9K9gxu\n86Hmqa9enKFLNjoFvdoqeiMjGrgiHfQqnzCBK0uB1xfTeOXvg+31hyz1MbnQ\nj4O/2XB7jMIFU21To1RjL7IkT7NrBaFIaTUpJb1SUUzT1uNk4kVijjuG8I7Q\nhze256e7F+lajYIsnSoe5mG8at0IsTxlE0u+0os9BuJSA5+bbAC/j2DWTv+H\n8LWU8flPwkVmb5eqjAOBFeMe5eguHfXWBvLyYLoPMqbCUt/QvUG6FlhOXyPH\nWQaCDZLT1uwyVhA3Vps2xIzICXEUmnlNdKkLbXS0PkScxMKU8H1ZMHXqWRcH\nUc0PCNWasbVW25uYRxAGy/f4H68i4PZy8stjlpSTI///kuX1Oh11JInAR1WK\ncmjqUZzlN6tDp5Mi4G4wBI2qJpg7G4wL/OmWkstT+az86qqS2BiOB2+kLOq/\n5L3j\r\n=scGd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a7b521f6e807878ddba15c813505134621ef85d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.5dee37ff6.0_1628185274107_0.6686983811540244","host":"s3://npm-registry-packages"}},"13.0.0-canary.bf405d22a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.bf405d22a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.bf405d22a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bbaaef475fe40eef3752ca5caf7168defb365a5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.bf405d22a.0.tgz","fileCount":12,"integrity":"sha512-+HrOsZFadwODa2CLYMRn/zZcWbxmu+GxrxdiMsJb4PdoEShvQGH+L83s6VxdF8qx1HnNYbw/CNaztqWbn1uvEQ==","signatures":[{"sig":"MEUCIFFXMsb6U6ejN8QyOv3rdOPDL/8+dyPhGv+oTi99tUNjAiEAzwlwRM8SNcFibVA/1A/vAUuyN3JP0uDl8rLo/cW7N4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDEdCCRA9TVsSAnZWagAAE0sP/jV1xl3gySTASz4kCxHT\nv3GKYUbhdjD9ntrNAHLQMb26b7s1rme7jz2t9efjMIV7pQz46nKouun0M5sR\nXZbDsx2G3GAVUnNF2+f2ypITWkQV1cos5tdAKztmU6dVp+eh3uDRTbzmRDCh\nKOefjZPTdgXtmYh64zYDwl3BCwhiKS3MI64QMUzSC/bTVVl7bucn25b5P3U3\n4evccu3AvaWrD1CaRGh+8C4Lqxj2pn5Cs9w8oxwknvlt7tOKAf2rkNoyAhe6\nzEHabwQslRaf544uI57UV9PhlBWDXZ7TNRVOBn3m8UX+FNSx2pi4Y0kr4lwY\nRFd8EUz5GtoKthL+jiGfRg2GaO34qzA4rytSPkSMfH4h1WUIMQb2JsEa2R9A\nHC68svr+/wMXjGCwy5JwdzicE3RPu9XMuIQscbV9hXeD+fa9kPpfga6c154H\nMotf33EGudfIw5zLyOVuyveaztZdUAd65AE2sg/foYgIe0dx6/fDPpOJkx/J\njF1wDmDiXA+GCQQZDUMEOoyivkLSb4NzeI7hi6UzbY0mW43JQe5U5dy0FSE7\npOkADbkZTYMr44L3I87KPA6pzqlmY9NSLeD3G6u+9fh+5tjRismYqvj+lfGA\nyGADXKOURLdSOgVyb8r18+B+d3meugP8vQ5NsBVH4RCVlGdZSTJ2aBnbjkd4\nuflG\r\n=YEbQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00ae15a245c6a46fa0a13aa61a02e5958c0eddbb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.bf405d22a.0_1628194626790_0.27115654199413064","host":"s3://npm-registry-packages"}},"13.0.0-canary.b47dd37a6.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.b47dd37a6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.b47dd37a6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0395eb389968ec5d1ab33a1e5b9eba2be1b8b7e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.b47dd37a6.0.tgz","fileCount":12,"integrity":"sha512-0H4Tzdhuzdk93pO5/1/fia2FnD6bh+48F2BhEZ+iz1iU/ra7jqfcI1d011L3gBSYd/uDWD5Rw+cw376MZ38REQ==","signatures":[{"sig":"MEUCIQD3IKgq59sqRq4h3yMD2gdV/VHLFaQXrDVdh6tXXdbkigIgdcTddCxFrcxizx3U3HszQ8N/3Lx6Es4hsC9OiVa9+5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDE64CRA9TVsSAnZWagAAt8AP/RnJYyEXuXLMQDSztsTa\nDYsM7cK3sim7vHQSrFD5Z1P5b/ZUrPUQCjbVE8im9iI34fBwwTi/tGQTrSqF\nW/fHYUSxQiIeiT7IW/wKR0g2F/ahRNzmhtuPmamAKbGrR207VqYnAlLC5WJV\nHpbxiH9pin91Zj9jwQCOawO/Bs3qEm0TGRqmOyLcakl/GhwyAr2FJ7XbWa6q\ndwx+39zDJcvNAwQ6YgqiLEEEx90JmIxvqxHfvWrnveOgg80jPLYXLP5oGQ+Q\naZ5AOunYMsdsk4e0iv/nhzjqTGD6Uq33ECep5ea5lpSuiFRzncXH6Rgoe2st\ndxfTNVPXeLDnT3XMGEgunjw28otGVJe+cITEAeEIb2YemTWz7svvAAg8e5w3\nbLAmJOifJNGXxbm00wPZS2vwjOnmUv0T+4A/rm9fOihmbVSrOUBNjJNcOAgK\nyWhAsazRDA8M/FtGroNL/7cBr/+vdDBETjKOyfgQmlyiKGt79DJaf29HU7Kz\nM+EDmDBpMaLFlSMpfz9JqBaC4SyiBFZoEfW0Dfz2ppRAMLM08dBYL7EKlYvS\nRYmxLDg9HxFZPwiqtxhO00l3QhRRlx8IG5aRhJC2LGEdrHjQJpK7+UIAjHNY\nru5NlqWgqYZN89YIZeYLbUYnEel2z5I6PPGAx0yED5UJQrRK+Esm3npAvgiw\na0ui\r\n=YUyn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"47f67e5fb310c13dac39b9beefbd6b53fa54d1b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.b47dd37a6.0_1628196536737_0.3297570633380482","host":"s3://npm-registry-packages"}},"13.0.0-canary.6c82b965b.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.6c82b965b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.6c82b965b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"280078d2fd7f52073062ac513253ebfe3966195b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.6c82b965b.0.tgz","fileCount":12,"integrity":"sha512-Fn22eWvTVxehMsYC+v4I4IVGySCB6JGzEEZnObWAXic2D2oTmnG499iwPyvdgGhcelWPBRKIGZIz6cm/woRD4A==","signatures":[{"sig":"MEQCIC8hOwpOb6l2wcQ2z7rTKlFrKYgZs/U0cPKGtVwPc8J5AiBpSO9Fn37E/t0TBeYqBhBp6t8uiy18152359kDLv8V4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDV+/CRA9TVsSAnZWagAAk+kP/1Nd6w8BMhkovNlSfva8\nmS21m3XEJoIpMNUhmIisY+Ayt0FVAMJyXPwWAUmZ3Rb6KcmZgb9+Yj9tYZAB\nMF8Ydo1Q0utH1PcIhZR9gqfptfaPE5IQDUZAP16BnOvzWuhO251pcfa5WUr2\n8FFeQzRw6hY/8RsJwjMW1bMS3wwIJ+MRD7Vh+oFRO1hCj0+3xb+ZTcMp9ME3\nVAUlhU+oZ8R6ldGjTdnLJQaBwpusl7ciMrFL6ma6VPB4qV8TSpTCvxapanRA\nm8zinLhN7+XTcS7afeIJf6r/9TwSBbm22kEPOIam32MkntdBZPhcLo93iYj5\nOfZ22gJD1zI08rV8IgVhFrRs+9nlhBRfbjMDdG0guNhF6sFQNQXPUDjKP2sa\nsVv2qBFLvcYqajwd78+2g5Fb1IZ6HEBK7g+6/LXEijX3T0biYz9uFPOfcNDn\nftZ59wzgShM14iikJSF2AfGvs5lQV8ZH7Af497rt1IU01duJGlf0YdIFxAQA\ndYl3arS7iUHLhqVsSDKA7SP0ydEw22iUIP2SFwBgGzJXVg/fBsrEXeaKPiNE\nyJ1r9i+2j3qYKyG31gkx8rCL6P+BehQ3LABcJCTjRDeekJHxlFMDx0WSLaah\nFvQjZB60d5iN+8etY/f+O+AQ4DMbGMMKwDoraLSw1vBzn2ONeFfzcQp/6Fxp\nfDHB\r\n=50Yo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"434420b9fc9470dc77940d2240234a564be58d02","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.6c82b965b.0_1628266431248_0.30306940299230756","host":"s3://npm-registry-packages"}},"13.0.0-canary.4ca11fe76.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.4ca11fe76.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.4ca11fe76.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6938778d1e4c0befed9042e955c157c58dc48a97","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.4ca11fe76.0.tgz","fileCount":12,"integrity":"sha512-hus4C2jpio8o2tmkyH9LZPCsvpkYefWXVGNlcDRnnJT8BlKTA+mDlZmLhakA7rYQIR0/wy0I+6h+ymq69EWwSQ==","signatures":[{"sig":"MEQCIBqU7b9ZIhmIVU941Ivr1bYnuMcKqhCQkAj6/2UKUjMmAiAgIpelpaVjU5psNZ17ghvFmMe8Gp0eyrJ7/trnK5mG8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDWwQCRA9TVsSAnZWagAAnB0P/3Hd6jrNU0xiWdr+tyDt\nAHeYNYtyYkjEUhd+tCK+gnSaIA8dZ92zwaDF7fm51ruCTQEp7/Q5YXHMUoBm\noT0omN4Y6f50FDExEHizCSre0xaPdw34d4i2G83A/g2zgA/0+joFXemNVJb1\n7LFBNzyTZU1erWktTrb589xbnguADM7A7N+nRUq5hRzQVXsdIwUUwv7cVXOP\nJO1ijmi5WTrqR7SWUKdabUmJPh0V4PVJjB/X3eC9GgnbDyrcexADgSkvzr7S\nuDCRGZGq0aP7aPcRIut15B2uDSZT/VEI+UqHS/EvkFNs9i4CtYTBH+y0teiK\nQHOkSowHpW89f3lpJ6xmwbIi77a6ymcpWe//2MsSaxjBBBmSqwaWo7qYVAp+\nY4sENfTm4o+/n8qT+D19TETOgqVuddKzm1wd+XSdfvXdtrYTd9JxJj7P1D7C\nd7Ycc05+8cdBxSMRE6q4MuSOjbxX37QOlnwkNnkre/+CZVd/8exujzak0rUA\nHzKaWUXOBWMYm15ug3BUVFcu41I0zsAJEpJ+zV6MGQt7oFP3wQc4jz6dFGWD\nmWmjDD6tgYfTPS8SuOpYK2pcnnH1fDqvMaU/buqsgVbhbjKz8x0B9Z4Lor0f\n9GyxCFACrVA/AU4QRxyp7vFKdOVoGCHpdcOLQv3GBpjG3iBhCbgzx0RQnWtU\n81+w\r\n=vZqS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f012412147804a7e8c4bbcb205a7a48a045cd694","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.4ca11fe76.0_1628269584233_0.45807099918359384","host":"s3://npm-registry-packages"}},"13.0.0-canary.510cf90f2.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.510cf90f2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.510cf90f2.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78e7a537758c3ce79aaa62198445848b5fe855df","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.510cf90f2.0.tgz","fileCount":12,"integrity":"sha512-gJM4JVefcYb/riYDRtui9cVpU8pY3N+wEm4ciJ5YEtMegvdlmfHw2sOKYIqassmHfPYp7rlm/MoHBalPNL8HFg==","signatures":[{"sig":"MEYCIQD+rX9AW6hanqJU/QVB/v5XG7CD6ExNIPxbMGI2O0YUEAIhAPWA98dM7Bjlhaz72ZEbp+9+B0j9anEJ7RmxDibRJYh8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEWLgCRA9TVsSAnZWagAAloYQAI5uv4A2N5LA9gqbKv/T\nsFglbEEqJZJvwG3OhSZKMAT3SUn32AUtfNT157pEsrfaPLEEJ5jWDcfoTOoK\nJV+XScEg35vh8+2XNbfU0QtqhKsz+g5MNPNaOJbfZIiAwBvSeR0AJ7shEDN+\nQkeqStkr9M2V8osF+gWdZ0uSM2joD2r3BE6bFITpEpso7ljXgE39MWZvLu8s\nYJYTyUsV4tnaCIiPIx6jM0/qCZyf670k9LRYLaguRfS3Y2+52naZosBt9FO/\nrExSc9MBIMu1rinmMyLVwivvc1HxV3HSCUxu5Fr/guaFWeM3xQb2S6eTmWVt\n8T4HkNn0M7LZqtRoIULjkJD2uycPJtPVWZXUripmiKrodZOScUkmv0RRMtHn\nmBm5HK11IA58D5DpKakN2JwPNImMt+AmLfAgQ3+xSXn+torokFDBpvlGeZhP\nFX4JcVD3YUKn1ze0rS0KZarWQ70OWMgMDM7gjE9DDy6gUKQW1yBVCFyGRSTG\nlO5z3CPwYmeVroFiW1pNa97qG2cIzniXaJlsfqGu7OK9cy5456Ez0NgiYZ75\na2/6NwFLUA4AEsPt/540tIU6fb2HTsMZ43qrhphTaX6lSpQc05v+fctvp4kh\ns3uuKL8JzToByJBP3SxviCVn77bYDcKz2UnEc379Ll15LsulxMW6rmdyyEpn\nuLYV\r\n=18LQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1e11d1f2c4c830419dc862b62700d4484604a3fd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.510cf90f2.0_1628529375859_0.5106859709681852","host":"s3://npm-registry-packages"}},"13.0.0-canary.17580ebf7.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.17580ebf7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.17580ebf7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cebb57861fc09f0f9684857aeb55b6750b0e6eac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.17580ebf7.0.tgz","fileCount":12,"integrity":"sha512-eys5QC37owIQyJ3h5RZn2+u6HmvfurVxeVL1ie3aTlEsdgOY4ApqJV4BWGpNG+nFDHbRoHkTHoiq73uLBl7sIQ==","signatures":[{"sig":"MEUCIEy4l0BZUac+4yLJJUMC0Mt4lLnLyUXI6rFKdDAg6D0GAiEA+XmScd2jgi/3Ra+sR/VDcoS7kv+JA97XXzQcDmcShVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXDuCRA9TVsSAnZWagAAJ2oP/2jMr3vd1GBpihIqRd6+\nr7JBsq7DptIJa8bE0tLmrIP4QU6hqqXx/lMnE6E/xSv3nGXe7PGngxZBe2bw\n4Xg1y2699oC92aWVh2d3EvY8pjGP42uGc5pGB78qCz1Pe1Dz1nQTdLoA78CC\n5cCIDW/+SbtPW9fWsH/tTM+GWUei8yAVbSkgVvPtSGF76NEtTkkCSe2npgLZ\nbjGRhlUiPaLY/z8HkbJg5rPSuZ1diNK3C152PJTLrZUiLkFFCSlyGoHnDWSj\nanAq90B+hUywAgKjbj+jOfAzGT160n85Z4hA6fQV26Kx6UVKC5mSLz+gYcPn\nDupv0wwuRZWqNvOhXSDh1u8+mh0rmyp/Kd4VfXUe5LwVofDaQccuWHp5/I5t\ngLOVuhbkL5bhk2P47rAtQP2fULAqazH9Z+EO9WJhjVh3fumm6UdHYwGm/vUb\nB20M1l/77nvz9YqMvKsHbQJKEryiNA5K6qTd0+HlDHX7YE0tDsyq0CoGigsG\nkuNWDs6Nri86jzzGhFm1vX3+w6JWP5qpJFB8Ip4Q7/W8wxtbdLiwtno2GzrG\n8R7oeHFr6k2KCZAAcMxg8gNxDQuVv+3C1B5x2wDm1S7wzwe3+ISkYU7RBf17\nrJJdEoCB+fl6hatyWIWTJ/oVAsupa6HRiTMkY1rXjGeD9nVvLTV7rb2qiyO3\nwwlg\r\n=aG0C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5bde42052101fa1fdd48d89c3dde8b9e99bdd1b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.17580ebf7.0_1628532974772_0.15541089118356566","host":"s3://npm-registry-packages"}},"13.0.0-canary.7249a3060.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.7249a3060.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.7249a3060.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51abbcef425e0e19d06746b4f588ee47212c16d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.7249a3060.0.tgz","fileCount":12,"integrity":"sha512-soiYSAmP1/vQLBRWfx6RVvLeRG+ort3IrJkSj+gUPX6fVKml0+wwZ7pqnV7qJPKhYjnp/oW/lDPt5ioVrLFbOg==","signatures":[{"sig":"MEQCIAfwcRxnWAKKLFEWEYOC5IxMG7g4YPtb4Ijmlk4ZZungAiAdo5SQKFyns0i7Ld6TY39kbmf+TA/kuSlxXxrbGVU78A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXHyCRA9TVsSAnZWagAASEoQAI00PnKmmNDWl4cf9zS+\nowe2k/Qe4W1o9Xab1XxajEqT0Bf1fCYhIuGbsTDffgpst8QPdXWCjHBm0Yd9\nmqIl4NG+Kvnj1uyOJbVB0UvDusuyW8Xx3ZFy+vOdRx7PGktSxo/z6eNdMTGQ\nudj7zTV29OHwPUjbDUD5othbzSXfyrSiVpKTE8kfFyVHirycujPgDOwSP1SQ\nlC1AtGYt4GrefC2RbygaiWKWZ61FRLIJmUVCWORlv11a6YTcaclpJ4TUT3TH\nhzwwIMyvFpFvD03v9M6OlvacQ/ORor7azwZCZV0QsvHEWcme/NcgeFjZNVNa\ntSMepLcJLKEA1F4R0TdDqMYfDIaasMmlbLKwOGQ0EyvO60MvJmvOAaim4Dbj\nP7bJ2548OLQGs+7wyk37Hf5igrHk9Slnx8wN6Nb9nR66T6WROfT3UCPPtNDX\nHGQMuYoYZ3xkzB4rvK190o7mOGqUTkjPjzqr4E/HHehu4/4Q9IeOiVjKgMHY\nYcxEsvEI1XsIhCVMGiqjeNMd+krQGUI4eitOsZkKPpSHtYZM8GLqwrgvkLM0\nSbB3LYjUm1Vdw/ds7GqqpesrbDBSbHPVRMBu5a9tFceA2UkEVPlUVflRTM+u\noc9iY5xYb/7v4TgbhijaPHcJReOtsJVbEI7fxBB07AA0zBf7ZiYLOWDtHlE4\niSMS\r\n=jzWu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3412ad644836acdf464e70d019c36080ab377321","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.7249a3060.0_1628533234603_0.3388585415531995","host":"s3://npm-registry-packages"}},"13.0.0-canary.4c405863b.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.4c405863b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.4c405863b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c51f197113c88d0b3dc5c0e9992fc41f4f95aed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.4c405863b.0.tgz","fileCount":12,"integrity":"sha512-V43azsSE1j1IEQ7takva6StMNK+tTZhOvxb7hvV8kICdC2W4cMVtnR2eScSrub0Kct02hpNILXcUZjpYHI9Lnw==","signatures":[{"sig":"MEUCIQD0F5T0Hk2u8E3JScACRPfhkV9Vl+/Aynylazgb/q9PlgIgKmW3JJUyGSJHXw7yBYO0KvhUu0rklG28CF5t6jT1S8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhErnfCRA9TVsSAnZWagAArT8P+gKCTMF0eL/eDUdv47Oc\nXaLoWLyqAHNT82dbPB8WJkR0MujpHP4lpWNTV+YiEM7X6iiMyy76IKbP7TAd\nMTTr1WoDAB0Ybzga7Scke4zG1R22F+8qBpiasLoTgA6JlIUn8pWhcSRUQ9eK\nmLCdV420athzsIrhSydp271s09frMbyv+kgx4PT2+QeOTQijGc9aPV6mW4NQ\nZo3tKTmFrY1r556inTPVV6sN6yWPQrpfx2o1kPtLs0b4IN+hGfkOdbO6idjY\n8XSpchd44HrE4t1nq0pEV15ukAEvLIsVUMCtRdLO2agy9gLAR62Rzi/xm2XU\n8hxoy1RkUy/0wSBCPBVhcKvBRwwhI5l9dj09dQQ4jw6IFYNIghGJw7EJIx3K\nh2uWmj7PIGsKOQxCszL69UD55aCODyjgWR5mougt2C3QE2JzPfotLCPCwk8f\niyOVE83/33zGlIfRLp8mrb6m22ab/hRpN+/F4VvBzL11knLIJM0N5jSofSAI\ngJrKUvVPpSfZxpzM31k60a5BLseKlbig1fbYXMWGeJMAEfVfJ5IGqWqMd1Ch\nsj6NbNwGs27MeziG51M96ptUoTTWFSvV/zzZ69LnRI7dAMYx0QGj13mFSmou\nWaUX/4LEvQ8nDl4fLuEGeWD5OIwl1iCn9qLKICSKLLEY2jE376xrmbPROh7c\nsXa8\r\n=7aCP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b3861554313a19a861a5f6850f9df33ae5bc42b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.4c405863b.0_1628617183748_0.35938286229612104","host":"s3://npm-registry-packages"}},"13.0.0-canary.f4241a42a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.f4241a42a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.f4241a42a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10f5e729f55ae95b71cc135f36e97f714eeac160","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.f4241a42a.0.tgz","fileCount":12,"integrity":"sha512-35zDJD2LptdrrxKHcwXV+GxKUWhCdsKdt5CTM/qbj52H/DMklLcpdTsWjthfm2gObizpepptOK743FyFhFQwDw==","signatures":[{"sig":"MEUCIQCiXFNWdblzEsobv/USUU2m85YbDRV1tzAWy5Qx4NfmkgIgE2jxmoB56XbVuRBwhHHWC84TMYEAnfP734EoWF/0AOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFAGvCRA9TVsSAnZWagAAtysP/1DMrenLmWgN/bRTueM/\nG/ZCeJoP8mzBt1LAb7C226WmVgITBmMCchGfd9cVc0CoV+r1Vz0w6EJXkb3V\n0PKNExf8ntvozFdSGRtfnkK+CWC1WG7yYVkEQ7vUWFoJg+YX3nHgUHo7RzkT\nI1Z3jIyQHLIuJ1e7E0NRee+BJbGTFJKOqbifBMOdsPQGRisbqs6V23sJPz3E\nhYNGXkUhWr+AfYa+ygynHMxepRG2SflEifZbettn4Z0Jaop1MeIts78a3XtB\naXsQROEbjck4JWT+Stz7sge7HwqsAHJNmiEmAzfocwnkkJ2jYNo3CGmeBdTX\nd6l5qWyY48SOLkfOaX++TSzjHAvIq2eYD+ofSA9SsSNomYjCf6Fz0FQAZM88\nSJyCCGyJ4G/i3J6TOzF9J8NpY/Y6gU3Fqn9AkhWZ3dpSGFkR/8ys2EzsgybF\nrDoNc8PSrkZood5r18ZMk9zWrSuIPE4AP+4HPxT7qPhzI4YCubIjaLt73epG\ndsaXMWzqb7QDzfg1JqEXvJuPF695koAlSZHZOFO51wZbUX5xiF6mNO2x6An2\nj6KjPukuzrI/dacAWEt/4G+FeOYAmg2bwS8pS1OYR90oBxc6K7Jmb5+DIgyj\non+k51CeN4nxtSdRp4fX2N0hjmQXx7UIIcIYbbbt3/iOMkoypyDm3u8PRyKO\nEbOI\r\n=La7l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bd97e42dc6a97fb74d92a9cb04e919c5c8af4da6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.f4241a42a.0_1628701103778_0.05393424031296523","host":"s3://npm-registry-packages"}},"13.0.0-canary.0ad12ed3c.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.0ad12ed3c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.0ad12ed3c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5726494285d5f5f5ad081737823d6d9979f3f479","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.0ad12ed3c.0.tgz","fileCount":12,"integrity":"sha512-dLfQtqI17YRvv/K6e3itBt+T/T+GacodgWyN+eWSfFXCADVey1H0KvC4P/kYlXuyDHCCjyPyyR9/uCyv5CnGhA==","signatures":[{"sig":"MEQCIFzxj6QrOAvXkChMnpAyjp/1q/7MY2bheSfKF/UQIJrYAiAODJGAYCNuLOJvAgnhCsQvO+27eJQxshhun/8FXbNK2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFEDXCRA9TVsSAnZWagAApWAP/ROC9jcwX0RDFhGJF6We\n8ZWIybqIcrsDaH8oLlEfUpIwM+i7vtxm34AZFawMG57acgsnrp+uQ71axztD\ngV3a1fyq2LM8B9BSFfauLsU1EamVG34nDKYZk2XIgNF0DlIEgNNMCmwHGZum\n5UY2ft2BbvNPFOmz2jfkg3qGiTjFDM7DsST4QimWSw9b/YngHaq7i6ybH5dt\nclpe22VK4mCGRxSqovkEbxYGK6Uol6XlHbhxECPIQVk5n7Ekx7LSUS8CYe0k\n08/SYRPUfS5QzTYkSC6esndWgpB4mVA7s2Jxxmg8rP4EI71x/qiMvocZ+oya\nEuBxtYvNQgSWSLbZB5Daah2DwrSklMTr4a3n4E7I+r/5dl+TvzsmQdNoy10E\nWvYjtzRJconip5sde9Kwgx+ecJHLq+02yNTPbKS+qTZ8YliNzeIvBfxWa9rM\n+h3JxMOkg9zePvxKjrKqqyDoilP6moVPYswuVGvaMiTisYJPVacDVqksHXkS\nHQsrM0XNLHhrIW8/6nIEJ921lmLFzjB6sivXftu6+swsAjD6K09enCAgmx9O\ncYt5hL6FU1G/XQ1141juXxKqHS08PI4rbGOU4M7m2SfJo0ybngXIybd6kSdw\n7j3Evg/pRe4HzC3Pm4QxS5Jleh5gxhYdouCquZKdNve4alGNK+KZlIeHspLv\nHfOT\r\n=Pm0U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"db28e7f3596365b1d41f14b53d656a743eb28bf3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.0ad12ed3c.0_1628717271172_0.7965009171502622","host":"s3://npm-registry-packages"}},"13.0.0-canary.077dcfcfe.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.077dcfcfe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.077dcfcfe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8eb51e0b84752ca966f29649d50ffae321c35740","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.077dcfcfe.0.tgz","fileCount":12,"integrity":"sha512-gbVaXCd2w38nzSkYgfJVRmDv5vdtDIUYXV43Htd6rCKiSjT6TrXayabHsG4XoaqPD8HPblICtOcuCU0oWBXYZA==","signatures":[{"sig":"MEYCIQCpz08VVSzTPnrJPhORFiZZ4gIhcBGAUYof8vXvZKlzPwIhANgaJQitfqPsX78QZs6xpxUdXFv2b+DFJ96hvfXlkBm3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWBNCRA9TVsSAnZWagAAOPMP/j87LGzwpvaPFlLyG6lZ\n0gDEoyyD7Ltt7o+pTGbrSz+jTYPbD8qMqcQoeuoXGqUYW+uljRAL/aD/nzAp\nJ8dNZrF1zHuvKLGcHOWzZA/Eg9OAd4SceoXnxUB0OWQjuFAs9YkD8QMQIN+d\nHlZQj5TenyZUA0/opqll/SQSBwAs+Ur7h+Afo+nHxzACrB2zB64CBFJaUoRg\niX4Nj09iGmZpPD/9jrZ1HwkbnVVZKXjcuHFFwrPfVXTH6W0mOe6sCJqN6Tap\nlaPVlulzIQUWoJVb+obgIWPk413pn4v3G0gYdYpLDrXr6F9g8pZOpBt0i5cu\nwOKjTve+t+uTj8F1mbJIsR389aEWKEDweQqq2Cb/1gzzQFMs+eo27oRVbTLB\nP1Uq/9bzZ85pMTU934OrJfIE0yJfV20Xj0Nu1vsS0ulY3HGwKZWsco8RMvIX\nDyihV1iKZz5rQBZRkcbDnDELBTHCsqnF64NFx8JIo5TWc1KJo5G+VlgsU8Dt\nTqi7kih16lmCCLImOb8f4+eMMZrZBiSX6Bih0yKOt1neKcaw+qB2exeK3G73\nVxV8vszW3+0XLiqXAnf1+xaYeNruFJG1JBfCvjBHCcurxtjoyvnFd7Hpps6r\nTayEZnQ7xvFsL0atJK/qcx6l7SYoR+NNRDXZLAtatIl2cpk9wxux1t0EXJZZ\nfFnc\r\n=zFKL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ce840a62c702182bebe1a5f2ed037bc002472dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.077dcfcfe.0_1628790861323_0.5913267207604174","host":"s3://npm-registry-packages"}},"13.0.0-canary.e3346766f.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e3346766f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e3346766f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c74582449393fb10550e78a5e942082636b72848","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e3346766f.0.tgz","fileCount":12,"integrity":"sha512-5ekqVVeUQMFyyYxaQfzeCLIu/orgCp5NyoEtQdoq5Ue2Ha9F7V7MdyAgGsXnKs7dJ/BRn52TXJ/ihKyxLaCY7Q==","signatures":[{"sig":"MEUCIQCwhP5rzoQFYTIVr5N6MjsIJrx5VGXB6yvNYsxOWxQUrgIgK5HkCGEh5j1xBc+lecOVsQUsbfrwNUe1URnkkSQG+nE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsuRCRA9TVsSAnZWagAAbj8P/RqlBQKzHACFIOLASV5Q\nebD66BKr5dZAb6b7H6lwhmur384duSv9RcAw0BhDyC+xFZC2yBSGEN7Tdtrn\n3eTIOxXYg2Zr5NZCVJtn12+HDNsGmUXmLaNlpthYWLJE/FH0/F3LDyt2en4B\n9hTiYf29JOX4IS9j4DCY6g09JIwh7t41Rez+KlFPi7V3K2zJ6/I8+8T1exgJ\nMQivfBbU1ESCz6uWKfcuLw2mqtaYQ7FE+ASmhonH4kcNoggT22B1cweHPDwh\nljLgsxP3IsH5pD+RVOLGe5pdgX627W9Aa3VRDuRfvxDWCk6Tk7aQyubPMvZo\nUtz3ry5CuANr5PcWdMhhRzGZUh4DuXjYqLbnA9tNAc1B6QMIKKvhRHeEZF+N\nMvGrxWQif3Fs1iBS/OKo2+n+qJfqVtF8/kEQKvtt/CfnS0EWeyJfPAFBVeTa\nVBly3/3vMg1eMEkbDA6AFovfCu6ccTynh4drk4URwxSj59xtw+p/Y7hybtBG\n+jiaiWoxHY3I6P1whpQrWsTlgHC0S6LHOEzKr2zRRYYPaIGQ20RK4dyqWZ89\nhMpwxqzrdpzcp3ATkS+Alc33rcqX2blLIBqbzPvJ30SKBL8L0ZVBX4JT0i7P\nCQEiu6TszR8pwBxlV1DvPnH5LHLefzCXT8x89b7FShIXmf1GsKVmmKgjrT9u\n03WY\r\n=WvsQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"03da616c76c8b7fab07a24f82209f171a2fec41c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e3346766f.0_1628883857524_0.4405355310562524","host":"s3://npm-registry-packages"}},"13.0.0-canary.2fb068fb0.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.2fb068fb0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.2fb068fb0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e9d922232c2ab976b139e27901bbe7fea7a44e4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.2fb068fb0.0.tgz","fileCount":12,"integrity":"sha512-wXH1E3dBOOXZcd3RNLBHIEz9HfuiiYrdal4QvDgMFD5n/Gg5+TgdiCjR61Nc0IY+CxqLF/w7+fnj7Mc0cOSCDg==","signatures":[{"sig":"MEUCICZOQILVrw/NyxKDndNLZLY7EtTqj6yErwZNKkh/ANFYAiEAkLCs7cDp7m3ZQu+/2M3Yc7g+j0lQxM25HxwwHhOfNhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsxWCRA9TVsSAnZWagAA8kEP/iwi4Pbubjk+wn1XaBpL\nGK6GQ2WqeZlZ8Sz88os3ly5LNeY2LXpz+4lbNztn3palgLeu4t1qi3TU2B6i\nMbHysiPNpElPMUGD1JDp4ncBpbJK1n9f0RfWSU+kQXPk1fIfc2wVSdXEI3A0\n3cYnNsDICDyfS+143JNosCg9iKwV6myVIZS++61GbY+0Vb2GVCVE8Zz9BHic\n1N11xl1z/PLKdd3xCLO4EJb6fdoNyv+GtInErX/Tma+t2XjjmK7orF8aPTqB\n4yytNbBSRft7hE/GtO2SHA4UNlLEaYVwXJZnPrRc4HpoJw0Jn9S8lENcLbee\nKwfZW17LylSIzLCAzeDc0HOeaxlXIiCWxPg6fMT4Z9eaKRMlwXaVmQe8Xi9y\nmeDx7gsqJZlpG5wqetdEgRqPKsFQiDMr6/ft/hgosHeF6fkegOceW8T/7qzS\nY8jbSdgaSI6pu2bNVxTcBOMwxQybyDWCZF7s1pf9HWpLxpB3v+gXG2sJ80Lt\nx8OnZtltMHAWRNgXCWYdG8iwEj2WJUz5CFdzMLkp4SijRWg/VVKS5Vnvu9em\nTK7zFIlK6pwdzAdzMAvWdqEcAvSTMwDFd4pT8ksauSS71Fh6WmtOKbMAYwp2\njihoZCo+hojDwVGtnXXfQWxcC6UXigaRNuhz3fNrQkvgUkZLTKeDRgrnKmdM\nurzP\r\n=PkRm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cd1967c0a3a80639eef1dd76a8e579a4456fee90","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.2fb068fb0.0_1628884054035_0.34203693844516825","host":"s3://npm-registry-packages"}},"13.0.0-canary.fb76c5069.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.fb76c5069.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.fb76c5069.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76781ebc9b12af6eaec7223d04b3dfe0c9c24202","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.fb76c5069.0.tgz","fileCount":12,"integrity":"sha512-0ybpixIxAvvJUY9MfqzSJ/3LdC7OIgaX5i/vA0pCMMmWaU3wBmux16uptuWtFB0oqHKJTyyGAp878KGzXbhoTg==","signatures":[{"sig":"MEQCIFoyp42menaGh4M0aFsG4zPHDlQkef3HbLEhd4VUHF4tAiBrUM0ksh0zyFUI0OTU++JCfrCGe8Jxm70+6ZbG9ypPkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGsVuCRA9TVsSAnZWagAAPPIQAKOjAYbyaFDicQkX0yWE\n/sbOaUxaJqwAgz1BHfSG/TZPOoELSO95tsxaQz7gr7F4gIlggKArO2RLlsjq\nJErOwFCqmqs9dj4Hnk3k67od8TL1apsG3hVDeJGVKR1E3jY1X3myd/GKzIuq\nYFAUdI8hVFCDB6jouwMlqOzB77yaWUt5HwjlLr/roOzyWNCIv1L7SqrLmY08\nEPoKDCxYIFCHvtr4jbXemRwu53h4sEwT0dymCB7nC8hSJuZ8BUD9UFeE3JqO\nRpTMP3DJHKSt/+F/FAKfxd7PHEQ4Mkree5TSSlUU9yoyZZ5/9ZrkZzsXVhQh\nYCpx0dak+jAyR5olOcSvCiTKieHh6zKg/jb2GpepVyxQyMYs1FabfstuWyPn\nOd70evCfd6B5E5SY93fHwKAsGEYJQW7MnPDzJhGjnERTuUlxyJLt6nwjZDKt\nCbKJLVqwUbpbHH8scBeM37dDsvmyFbuZ+UmLJJWu0xeF6EDgYY2leCwphSYk\nNBeOG5yKA3anjckwD+ytYfrAimAYRk+2EXlGGrTpVr6Q7tglNuBeX/wlgPDJ\n9QaBOS/f0QryISQgcIayH4XVLoxI8X+a3vN87IWjHw67wJKwF3vTGcYGl8PE\nEaVL9qUFDuNA1oBV0zuCLjaDUjAQllO70JmJp7eg2vlqxL5qJcQmYINz/ZPp\nPTae\r\n=5rxS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a969624431e3c1b8d80c2e2a37e5ea5af6bea4f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.fb76c5069.0_1629144430663_0.8912936967273011","host":"s3://npm-registry-packages"}},"13.0.0-canary.457d89aad.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.457d89aad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.457d89aad.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e32653dcbaa5e32652742c4847789017bd45a05","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.457d89aad.0.tgz","fileCount":12,"integrity":"sha512-qN1fRsFYlTHLMwzJ6gZxTu6H1xGlknorUuVWQwXKno70/SjfCyVfKEgDAx6ma7Cx67DNQRcontjk3aJKkSBzUQ==","signatures":[{"sig":"MEYCIQDKB9cLCAs6ks1RVb+SQFiwQ+PFdgPdLG4tKF4PC751tgIhAMGUrFMndAFq1JWXj3EIGHgT0E2/d6CNmrIax0jZA2h7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG9PQCRA9TVsSAnZWagAATXkP/jS0Ohk+Vbap7guO+71d\nutF5Nx271BHxBIOqLhYde5DiEK82A0Jrf58AlUUt8r1A4d4SlPodcIx7+YNq\ncTxNGmnjNf2NEiFF74LZHaYte51p/keB5TSea2sInAP2vcYLH6rQPgoKedm7\ngvZKI7QLgJ37PzJN1aF4+dx3JDoJp9j+T/7eitQwrvXP0bEZiHlXb37J5YoW\nJriZfmaC2OPgZyEOj/gG1lg/06G0JV+QuN/HG9XaZNUO2xzoXgShqVsrUocG\nR/zvuG6YSaonPp4Pzioe8w3PJcykQ7wmmXmXwNf8PGDZUNefQftUNuQOHHjW\nboGt+wZ8iRv6lU3LcsB/h2jcJihhdZ/305/xHdETT/wZmCgwI3Q0L8SkFt85\nvHzhwXnub8hg2/yNDXQWB8flsytm1e1/k2OOqRCjwG0AI8XsGrbiPHtMVXlO\nZBzsSanpoa/KD72mB31vis5RmriB7PHe9nodDySVx4+tx3koVr5tD3TpvTeG\njAwfcHSazaLu0rAMzKivWUTmiLbcTMorG2/ftKUM6DUmHr5naFkP5KyRXLW2\niAFUHVjFgqBTnFGTQjIDborP8B/enOOGTGWWteX4uyD8ZuecU49QTKLOA8zr\nyk46NWbKSpLL79XRwqLUCSxH+Zz6/PXw/qSXMTELowIVWAndxKlU9ZdUXmPH\ntnCR\r\n=JEmH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e1aeb9efe0d3f4d8670a6ce174d17d7528b34438","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.457d89aad.0_1629213648623_0.04828231287198914","host":"s3://npm-registry-packages"}},"13.0.0-canary.0de2f2edc.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.0de2f2edc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.0de2f2edc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b3c2ecb7274b361a1428f5040f1b02fc646a325","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.0de2f2edc.0.tgz","fileCount":12,"integrity":"sha512-348a90zO5ZqJhUTczEfd8C33zY41rkPFMUzaB9LghOtfr7+zWHEt1KZctYpYSGdEHknCeXfgBhsvUPcUE9+B7Q==","signatures":[{"sig":"MEUCIQD2eouRXm+24P3/Tf2HvdjJgIbeAn95O8TICm+H8tu6eQIgQ4lL6ZCyaTRzed6ldeM7Rje66SibaDGHEYDj0CJQMEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHCG7CRA9TVsSAnZWagAAVgYQAJ40MQGxOoSOAwCE33i0\nE1uOfB6RR1l2LLA1IgrIJhQ2dKgMPdOiD7gS1hB7WvMaaNAR93wNd/Jnc+vr\no7y7cSxrNHKKyyWFNyJbnfcqG72/XD+EnXtwTIUZQz0Lle7z7gp3jrNsBKnR\nlQt5nLF8K4nGCZ62Dt4u2AYERhWgGpfynxISEgOF18pc5LTOfbG5ahyTTAv2\nFfsHM/V9ou9gFhpBWXP/JDd5iDIbhhh2kX8j/weSaFBgmDwGZTNKEsNuo5RB\nnpv6E9UoJwrftWnnWa5/F5IaB8OPTngQeSNIMyesaje60Ks9WTvMa+lc0t4T\ncIyEoIzW4KbJF4n9kKBkS8wpzRC0P00Z64kusa+4/1XCDOlXr6zImgnH6CuG\ndeLSkHezIryXQ/UGjCbQgRKltCsiFTeNdTFxT6Tcj8A+Dz8wWVqV9zpKVXKf\nelpWKaK0Nr1eiVBMcpkX3k9QaMnkp+trWI9ruF2acWeNBFN5BaJqt7zMRD2B\nxxSH8ZjQzAyN4p75ymHHGMZ+J/7Y+bB+/TsSqwvm+7P1FE/eEI0EZC3waTpi\nXM01ezfP/bCnTAaB7DeigrvPmtSY9S5lAMj/2gY4uI4Rcqp5jmBX9Uws0q6Z\n5UA4dK5+RJfSTS32MPb4jduP36G0bYbrmbKqzbdgJEqQhPp6k5rV+QRTbYGb\n08Vw\r\n=qI8k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ecc5e8dc0157f612d4cbc7b03507e3779919d5d3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.0de2f2edc.0_1629233595117_0.02291476121419289","host":"s3://npm-registry-packages"}},"13.0.0-canary.1f9259b9d.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.1f9259b9d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.1f9259b9d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfa5207f91e3c4fe6ddf3172fce95e5f293c4e33","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.1f9259b9d.0.tgz","fileCount":12,"integrity":"sha512-v+K8DtSHmlsvODV7N7Z0wgx7/5XbTOpnsUoZGApRDNoFiqJy9r/nR7/RjRZOZtF3w8RApaIDhiNvDKuLB+NayQ==","signatures":[{"sig":"MEYCIQDHSbwgB5d6yuCUqphBPMKDkZfgYYnZEulZ+AIavC82YgIhAL2fqRIUhh0iHgZSBGjgjWUSJkXg0InxyK8HZ+Tu8Ajb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHDRzCRA9TVsSAnZWagAAWXAP/0l1u+p0bEE46ipWrR/S\neiswe21kYKkEyVYvLRntXR5o4wUlhRTcC60F2phBmaAjsLRgVHq1ZTT0uk3l\n3zm4xn2GwPQMGYnNypXha1B0cBvP3Z7JWulxvZLe+KQbEwDHryRZJqD2PJdO\nJCkviG58NeVE0YIw74hwUkdYpBaj7Z5OkHB459oC6Nc2ojVij4mBTNUslQN6\nc6V7W4MUfhcdWNh0IvU3EU/9wPBtD94XjkuOO8F75f4EvQ/EyuUaXNYqMPhW\nwUkVMguZ5DCnySLY03kMqwp723CErwo+smkmcLNGoaDOcjJhuOBsDPQClzJu\n7Wzvgr3WqP38KK+KpJKhpuzFwA8i0fpr8af7W+ByYBt0aLK2JvQOvobmFTit\na29CqVpBthGmp9Tml5vJ/uW70EB8Ed/+U30Dfz1KM/bsw048hIrhupNAdLvB\nmkVF8pKWkOFd7L4T+rhgMdw1Yxb5UEU48NeSGPLWTGpybYaZub37d7t9VEYv\nfw376JSe+k10OHv3gxGE1o3P9/ssI5voqo+FMreFf1zCanAsvNFEpum0M7iK\np8ek9SNk+/lgvRRrHG02LITAHQDCYNvCBqZgGg1Q9R866sn8iK5d1jMRB7k1\nbi89yVCM5KS01I+NubFusTUZ20yxL7sDhJW+mhssM72Ymofi9mKf0E+Yo3y1\nj13C\r\n=xcXU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4c2c9aa7510a4854abb7f568046a44631dfe3e7e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.1f9259b9d.0_1629238387727_0.8177095142995083","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b9290351.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.3b9290351.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.3b9290351.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ad6452e6635f1af3f69cc3d49b4696da83d29f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.3b9290351.0.tgz","fileCount":12,"integrity":"sha512-e+adgX+Zd7JXnSe9m+twMslkC1bQn3+4kbI1znFktftxalg+E/fbB1ffUhSbbiT2vtw2OBp9XdttdgIijdbt+g==","signatures":[{"sig":"MEYCIQCWjT8uxSfvMQtlL9sCb1Ft1fVEdAMWDXp5ypxDSHKE8gIhAPRM8DQkMRJLqEjGoJfs6vUg9WWMqQOQ6Nogss6Nhken","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHJkQCRA9TVsSAnZWagAAMzoQAINEtsu67OQVdN/eKv6i\nTbuvzG+6lUbthn1Ao5rPm5/hCJi2O8/9YdBLYR/oVR4+9Uq135gbhsOdfLTr\nTbcjGuTXCMcUx0H8z5ww5+A6AzrOP7zpe10LhAaDN2OxlxW6scCpPAdN2eGH\n9BU6VK21m4+o9xzaIMcCltaSF3S2Sx34A1AplYpIsUkr/hdGVGTaJcPoyO/I\n1TbxUAM6ayQrabPFNFlNu2ni2rMjxHIX/J6E2Cryf8d1VFtet/eH5i4OCwJP\n8Je8Wt4vv8hgoMMr+/Jh183d0en+B+6nuDRqWS9wjSwPgiQWhi5WTW0F1nO2\nLloBILqeKDhcpVkG5ghLTGKPH43PaQ1zC9EVPYSiJhgZXq2zkvpZK/V4GDzI\nN2UbD9F1KuPBegOH/XLDza141lj7qFpMipJoArj/22mVfD9FUM2VNufwvz4j\nW1LIkr0vSXhmnZAGZIPbMjxrHZTva5DYaZyxrRgGOv6gI0Rq5pGwsX7jogJi\nPq6aVYaeD+APfACVhAEtzeNLefVcqbiEw0b8PEiYrJHDTmXDa3lcui/tUt2C\nYy1D/LqreelRJEPaqQIUJ0K7ZHxNlZV51ioSSi6dgJA0kA2dgN/62vQOW8m0\nJUu0Lu458tPNUTx+cws2GbkGoYV/o3rf31G2udm/lxYy0W/qku1vsJI8XxiZ\nqL97\r\n=YYlo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"15fe006947f65208dd0e450f8cad53d361b2930b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.3b9290351.0_1629264143963_0.6787977022888891","host":"s3://npm-registry-packages"}},"13.0.0-canary.43d2eed2a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.43d2eed2a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.43d2eed2a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"29fd94e8872df60e7f2fbeed190d6a15dedfffe3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.43d2eed2a.0.tgz","fileCount":12,"integrity":"sha512-5C3Zh1jcF95TE17C0qDGqcJwpQ2fBDHu2/dUUXTuEmf6FGtjDjCMC26mfALRLs9Yv1thUOxrGaj6aFLzUIXeIg==","signatures":[{"sig":"MEUCIQDU1IqOmrP6frZtlUKme4xpPkPHqUiYRvNK0R71eAz2+QIgI8t6WqFL1cj1w7aeYA2WeXiHDg/PhcKTf8wF8fK/vHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHS7ICRA9TVsSAnZWagAA1lsP/2g1voDmkmeP1PxiO5En\nmAP/avjW20JYtBv4t4R6cufHPnIralCE3LXqlunQr3izSJWxA/blfFVh3VjR\nU/ypCQgvvmbPCtXeuGQR94uBOfWTCcjyxuBH9/74MVmjYRYOpJt5TFELBl81\nScdQu7GASNxE6gxGnesjUBDwZocO9ybqZofEoaznsC8aAJzzc4igGXJyGxOn\naQT0Lt6VQ9GCq5tjC09i+XL6TFYNSKO8/I6DxI//6XkvlxWddfJN2FehR6Ed\nbUBzMDGZ53AJglGtibyr4D2aE2GUijxHlD0dqajM7ewh8mmeqPPvDRHk+zyu\nhr1mdbBSE76FgQGJ7x6eUKxtpz/8/W6S9tiRZOsSeTGI9yId0vyCvZygOkUP\nit284kNiU886fVJBri5ZR5gBiNCSmAQ+Wb7V+X7wTfHVX5raNsfxkAMafBg3\nH7C5FKUXd591lKDCa38W7xHfagWHbC7r+ATCeYFD3t6bpAwR8yx/Djp+baj5\nvkUOaI1THEgKewOmP3sTMKTccbZLHOzFCiCVNjaar/qE1HsRdhBTk4N+C/w6\n5/TE3GNwd3MlPHQh9vTKmbWQ4iCFxr8aBinXiQYGkOqdwAzByg/Br/wbDigu\nlYXJAss5pVlN0gJEutANwJB2WgGXY+5jURbNxnio4XcylvU1ureOpG34Den2\nX0qf\r\n=0kcQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"687e2389ae76da9a31b26968c0cdd837208d3359","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.43d2eed2a.0_1629302472277_0.1660086795704352","host":"s3://npm-registry-packages"}},"13.0.0-canary.0a9069300.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.0a9069300.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.0a9069300.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d31f307f943cf2b561f097b3f083346cf9c9ef1d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.0a9069300.0.tgz","fileCount":12,"integrity":"sha512-d/sv/XmAdQ0VLdGy7vKz4RhKI9EYva/yvve47nXvGXhXTDPzprBJ8ivj4Kt1sQU6y3UjoOy8WP1Z92dPgPokIw==","signatures":[{"sig":"MEQCIBOMbNWchuHFNsTFuNoyxzPgln0+OL+nHtqcxo/GCi+VAiB09KbXPkfXN4ZhAR2tThbKFy6CnnM8dWGB06Pn+nBdWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHoPoCRA9TVsSAnZWagAADsoQAKLiCrQ17ZJtxZ0zfZlx\nq1bbf+TtbkBsZpcrAA95fW31BSa1OfxkZ9CjiP/YGF0ICl74NtavxnOFW8xJ\n+o1S7lxbSV4hX6m9gUJJ47o3US5L6VQruVG2iJb5pYkMrFKO1Zn/d2ae6Dph\nMxzCWMOoKByL33FCq9uAOz0Cxz9a5974DBsyN6v0k+oet1/QtEeQCXsicPdk\nc/ExawXSCsjTGA7Dh2osJmjv5/bTGzGa/XKjmmdV17X/eWFVmIFYtI8XdINu\nNZOvPAwHn5kq6YItTdLyaAiwmoqkr687ziGza6bil+I1WdSNE5CIpN+V0Gjv\nDq2or0va+ayp+tazSTfxTcTTIlrgitJ6g1BYNZ9ckrMAeL8hikHOfPLoUITb\nNk1Uv+kkAtblNSy3IWaB6ydZuzNeUclkZxSTay+BScj/sLorxD2dJaBDDKDb\nPXXUHdwkGk8HmeDfxJrf9AYYe/iKnyvAWcS6bV2yDQzItPYgPEQ+guTaEX5H\njNA5PpE3UlEFMxqRcBxSPa77h8u/leDYYpGn7UDsipiUB5VfG7uspvWSFdVF\nTyRaU7rCHFCi2p7xKTlmmVYbarh9zblPgNDs09P0hvE4OqjNaz1e8hL4OOwx\n2WqLwlXBPw/o5mm2vgXsH3Y/3xjx3Jp01TylqurGtY1TvQneNH7LrJM3rXu/\nj7e/\r\n=bKPe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a7249c6c2dd2d786b2134e129bbe3b4ca596fee1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.0a9069300.0_1629389799888_0.11971142205543628","host":"s3://npm-registry-packages"}},"13.0.0-canary.7da413ed8.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.7da413ed8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.7da413ed8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b3f0e685bee4088be03d2de5dc8c238709bd5a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.7da413ed8.0.tgz","fileCount":12,"integrity":"sha512-8wBnwmtnEgOVrXItDsjrBvWoIwTWbf6jJjMP1sTmjQi/rb0NQ2bZ68bsCpIKvpq9UO2adM3uvJ5hlr7QjDSv0g==","signatures":[{"sig":"MEYCIQD+WZUSpsJFQJ8j8/d6hG+ni0jWgV5aDBWt10xusshe7AIhANdS07sjGiEPQTtY8pmclNU4Ui95X5HpdoZ+dvppS15F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH86UCRA9TVsSAnZWagAA88EP/il9xObb+GKVdfYFQvji\nFy0IgfhcKHBiN9OntVs+G50PpRSJAbrVxVhnNCd9zn6zb9/RvyuXwt/e7PLB\n6XUw4wU7nDCIZfUNr35Ie3I+xjBbslYwcXaq8GlM18nbCA4RPKTyhEWgH9rk\nZtt3qbSdmiOCaLTEPrl4BhBHVu+rQxbMCsNkGXvbq80Q8L/UrPFcdpSrkG7/\nGA2V3spuxDIPFpXPjJSyXkLkShBPcUqjsI9pgY5+oI+rfpbVGH7TZ3oohfJy\naHB14p7I56NHgJKk8hd53nFNBYOevJ5O1lV8syEEs97O9XXvT9M0ZGRrb3Qb\n1BlbAw8qP1X7Y5UVpWtQZ4X0mAmmFnJ+IbYUsRJFwbFDj2wwWy8fI6u1RhdG\n+W1LXiDl0EhrA9y/dcTv7Dizx4SqE/pMRsCswFbgQhhIUnlwloH7LRop7nIf\nwJa+6cVPFvEYpuGggicEtVuJ0f/1Y6LCWlfHETj6FAgEeCnSYJQdKN4nzj2T\nzwDo4GP8nrCchY0/C/0n9DD3m2C7q9EZIiLnGre0jOAvBupXJsA+IByyr0nO\n94Kt26kSn/7hDiXvUHLlBhAldgdUecGB8f37hX2Kk85amiFHutoYAaSSSs/r\ncII6t1GOtLYi0DQyemJOub7y/wHOcV2ti9SetuNoQcZ2iAgHxuupzHE+fdUJ\n0dov\r\n=cU2z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"66fc8a91fb533a43e898483e7c4e1fac92aa0b7c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.7da413ed8.0_1629474452087_0.42382054880449105","host":"s3://npm-registry-packages"}},"13.0.0-canary.e1e69fd8e.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e1e69fd8e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e1e69fd8e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e358c98ec4efe88f382f2e560a751fc9bff8b6a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e1e69fd8e.0.tgz","fileCount":12,"integrity":"sha512-n3aZZNCdte3hj/w9PjQVyNr8KGpshTiKBnR0b/ZRgzNnJrh+PaikZtfRSwiRCq6xkTEVUDmgNgP5X7YrqHkRYQ==","signatures":[{"sig":"MEYCIQC5ctc2p5oV8Me447YPYOYNLYkahxuq14qfRWWMQImJ7wIhALdQyf2teR6y2ymNYpGsL5vEhzcSRWqVUBqQenz3nwNF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIAMLCRA9TVsSAnZWagAAUHQP/32s183EIdP/JfxBD/hU\n1jgKwqqhXFe6qmK/y0QvZaYLJf6H7oEI2Q/7ijf+1Kv7U39qb+cGlsb3aDPs\nB2daeytxgKufoS00yRMKTmPdRRWmSvF/aX1grbjfBWbo19Bv9AGkJfvvtZG6\nAJZQqykAj5EFo+XeA5i4cXVSPQAUp1wcYi0QFhnk4w6hnG6uvZ6V1/yNtFB3\nheC1CRRkOs4btIpIQsgSmjF0pTxTIvqb/uR2Yq/n+orPhi3EriYsItWpHNow\nEdbSjdSyGWXutxfDkThuTu0vTlOiQ9KPs/GMp4YZgcJFhS9Mjtk7qk3z6+a3\n/g6/OU79ZuE+GApXPuc+ckNleqT4K1hNzF+0Z+4mXc2Shcfj7KS7jzW4/M8f\nwULOmyzm3Fs2gKIxfUINV1cjG6mrCZvCDBCeu5pna1l2q6GSqPMMtGGobHZ8\n7Mz5XSZztQqYUl5kktMJaNq3GWGmg3dQ2rG7ucnAL0CgORE50L31AHfOtGFM\nTCRi9+bi4sfullCRVr6g1ahkRNX8O82RKXuzbUbfol5C/bvy5Os/h3DCUhG+\nQoOVtvkMFIda594qJC7ofd9bT3Pr/U90a4g6Qg5KJiY+ErCTxzuB7pb7rfb6\nPoELvISWBHYOegKVXzEchJFdIhQBY7J2vfzjTYJo8Usjq8/3MsaLyXNk+59R\n7bRw\r\n=L0ih\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e400b9052366c6e1d6e27533a72ad00199b6313e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e1e69fd8e.0_1629487883302_0.38478611003863605","host":"s3://npm-registry-packages"}},"13.0.0-canary.f5afc16df.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.f5afc16df.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.f5afc16df.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de6bd4f1841433bb50d3830c20676bd43c29f169","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.f5afc16df.0.tgz","fileCount":12,"integrity":"sha512-im1RLrhXKAteaRxZ9ZG5yXWaWCSGH2+DJ/cT/HXgDy4IXW8AVlEEzNo7vrY0Rubw9NisaT1LBWV0W3TFwIoV0A==","signatures":[{"sig":"MEUCIEvacGWds2hZDbARAfZiFdjAVnogL0kCvXR7X8xOGRaOAiEAo7dYbK6+VUtucdZEeuvfyDeHrsEJ4l/2MZONPfHS3Lg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIA/FCRA9TVsSAnZWagAAcmUP/RN9pAyVdNln5z8qN0Sh\np7LMETi3Oq9RUJxigKWtbKmFqttOfZn6edsf+yMX+1DAFbAO1pmBwm02+7pf\nC5nl3oHN0IehP8gx9PAi6NaVmrGB60A/curr29cXXHrZwoCj5WAnj3okinsG\nfqUiJwUtgnCRE1PQN7xy4zWMhQd5S4iTaadLYPvFNQYosUxxhIDYNPL6S99L\nvLYkVAL3jYZuKlYoyrWOAXz8ssNhOQUj8BOcNO9jvDLWmlTpep8w8Vr+fdp1\naf/Q+E5UyxekEvf2b7fmOkvhSqd0hzB4+6fhXwIyB7qpieYyIa5L3ixzh637\ngO8WY3M9NNA/gQT0oiI3m3q8d2gU8pPEZlCUM3LwJ0JWXKw44vNzxjquSunA\nfJ5I5x7DehVvLD8U40u80sjIcyBS03BYtXty01r2EP6PhWaIeXBBsJYWbUE0\noC1YDMkA0miROJLCVURz5o/kyYBnumFtzPOpgHBXKn+hZUTLofiVFJv4dTEv\nqWzd/5TaWkMHq4PaI+8ZpXpyfzNyS9eJnJVbFZ/x7L9o73H3qGJlo/lSTB4P\nbikxJHv4Q88ERj6TwBptIw41eAtbnvaILzKh7clPQx5RJOE3hc9mmPP7UIdg\nnDyoF5IGGFWYUL5mSe2/tVPRrBUorfE7y8iHsZhqB2bggI0pyVlS4dZPGc4z\nqZDw\r\n=1ilX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9a5934ef5d223f46f61452bee68b0b45a21e20d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.f5afc16df.0_1629491141543_0.7313740577043708","host":"s3://npm-registry-packages"}},"13.0.0-canary.28d0d75bb.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.28d0d75bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.28d0d75bb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9af9bafc259d57a7c6ec2b53c73480ae8d9445b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.28d0d75bb.0.tgz","fileCount":12,"integrity":"sha512-GauEFe55p1Ho79K9CJPnQWGfbdcNGsDc9++7/EzxZYMgv9Chuy7mplyYi/NxdwcsZ67qHvaRBbN7Gf7cR4GSPg==","signatures":[{"sig":"MEYCIQCTK6XujJtOXr+G4XlcJVAk2x+JT5lV0hbrZADkHUvLSwIhAJSqG52aAo+eTiQOm9r920KIRTRR8Vd1TqmdoNkrXrsJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhICpwCRA9TVsSAnZWagAAhroQAIoUJEd7BfZvvRBHVevN\nKzqnMMMrZ4JDW+CAFhjjoc771ATaZ/K1Gpop94CBrc/j1azN438+R8yUr6Gp\nJrSvRz9XExymOC0jKMKIp2dNROScIYpreQwZ0fv6JkpWi9xNiA803PEwLA+K\n/Zb/O46C3tOzLPDe1iRThPNecwxN0L0sWbb1tdITTerpmCOfH+ahWuL+rMi2\nRnN56WlPCO6jeqif51+dc9ZSHxXJ0V3RDE9AtC0QoFW9qMEXZAX3UhyvkvWY\neQuuUsSUK5nJsAzJQvVpBg4wCO2LzFSZ5ng0lOGR10ruK2Ybb6cLGKEGsihw\nAui4j4N2ZUyxS52AgU/ANArl7PSKs1vYxtIedxDczcg96ODUCpadms9tU1jb\n/4jMxrYdujoFxlE7j8U+olZyLfUgoZzpa4DcaOEOJkEQPNGqitZwxaLgER+z\n9NAz6+JVYfsYL/oNTz0RakOimLJuxBHY8M7gnG/LbDwPve7sNYq63LeOdGS2\n1Wi75tSJvF9bHvNNq1WUXMJ8bdsf8KCEidcHghP48P+QCWA97vlzkzrkU/Ac\nuHQCCt2m7OZDie43Cr0ZPC+rfAXrFXouqCLpHRhvB2pZHXCgGucBC0YjYjkp\nB0fmGKkoIBoVf3rX1WVHSmszXYQNjV1ZGxxhkQokIKJCFmQrhilKaDCVCX2g\nxBP0\r\n=3sqY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4becb1aca9e878d432cf8308ec0f14cc50e9699b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.28d0d75bb.0_1629497968052_0.5415881791644215","host":"s3://npm-registry-packages"}},"13.0.0-canary.21ece5360.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.21ece5360.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.21ece5360.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30c4dc61ef7abf40f424bdc36fc8f8d1632dcfb8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.21ece5360.0.tgz","fileCount":12,"integrity":"sha512-UI7oZb4Y/spAyAfpynS13XA3c5I68qRooG99Qk5tiTao9USOcIKqHgzpOhpUSJ00D/QTEx/IfLOFAH/qO3dJ5A==","signatures":[{"sig":"MEUCIDZFHIJCqKH7j/2z4TqLl5wOrJbz9BA92TK370ZEqbzFAiEAmy/Ke5EfOhoVpFKOjRcUu3IPz4sb+J98sYG6P6QdC0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhID4WCRA9TVsSAnZWagAA+9cQAIq2VyOo58xJuejCDqdt\ny4Uu/8KRlDqefv2H0b4cvVXMq7nEqTCIFmqNV+AiDJu86FRPNKDpTaRGVMAW\nSQmywB82Sh4DiomKb7fHHw+wUSi66dcvBU6tVJ6tFTbJZGG3beXpSaG51+rm\n2eH6U3pK+wVeD2cwAFi0PLU1CcTcEMWRgfWP6eRahvY3W84m0rVEW2KD+7P0\nHXEQfG2Au4b4kWTThGrQkidKOlcwng9Sa4IZiaQZyOwYZd+cZPrRMME6FEb1\nEZAEMtyU7CDkZNbbi0wdo/+FbV9NUKzARWd9m10d3NK+JMS2KC4a5CyRYeG1\nlEoysCGbX4AeJ1jDEBhwXoQ3v56uYNFmzoleVB2jD5JO1iTbbBibOqjd+ldA\n81gVUcHVH8k7qhvkdFsn6RdSyiD3HqxLE61CVDN7wkgXKB0DVMxwhXcWCxDt\nvXtIpvI9u6T7RrsOoX7Eh+YgY85hjHIcRi0odml7cJqW3ppOnF73UluC6/I/\n4pMKu/6N1hkbmkyxO/QZnn1a6J3gnty5AdkBj7Wzl6PsnVeK632EM+Q515Nn\nbhYXCji9ejzEeugmWRVleM18yZUrttjQ9G3MDgxMSA5eZXGowQt7k4NNsGoX\nb5YMp0OAiUwx6BYKDNw+nSo6giTqFacE+ssIIisb02ebM3E+GqsSf8lWgtoR\nSlqB\r\n=qveW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9625caffe59fe4a84aea358993c2811ffcf33e74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.21ece5360.0_1629502998312_0.9895895388171305","host":"s3://npm-registry-packages"}},"13.0.0-canary.8de07c02a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.8de07c02a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.8de07c02a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f847cc0b0ae9e2a793271bf6180635ca82b7873","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.8de07c02a.0.tgz","fileCount":12,"integrity":"sha512-+Ctfiszaohh3B6p08XsMoNoPj50fAIpHobHx6vChZvkCrhWGOEaqzTqSTuI3zig3rv1UBtF36VFja5+rOiJJGw==","signatures":[{"sig":"MEUCIQD+GgZqsPF7ZzDrljeGmN9Dmeb9EkmKO0HQz4LiWyZSxAIgHTAhkZyMc4fT7RRUcDapZlAEis38ATYj7M3/NoXifxw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI730CRA9TVsSAnZWagAAaMUQAKG09n8Vlc57l9Tt16xB\nzprCfDjE/Hhkm/z/PBeYisHHjupnVAuDLqZ9YZ5+faoh+Mc+poHIUqIcCyuL\nhx1x41aLJfLM5YT/owVPWxCRtJYnNrjXSExiOTnLs9KOlNv4dCgGW70Ws5ss\nsDPRye4Z9hBXXjHDUaTPK3E9yc2SaRUb5wIGJA58ECGu8J9N0lUYMEXmBbQo\nHVf+TFdoetAJgpv50/bST94LWw4TmORMuoh0Gd0Fb9g+b1dvOU6SrZyTO7Ff\nStpVXwF1zU7aO4HrjjZ2c59ClIzDWWkTw9kEp1itHPdDohEDQ0vt0mlqcdjv\ndST458BAbjX0N3dFiaZyrJhjIXFeUz6eLo/jLUqFw2DQfnSCfuP6x5IkJKP8\nOsRBeVHAeXfWiJsLSqnXtpCFwGMwNLiR5/5aMeyzIM6OFKEBT0xgC+1LOOog\nNacMKH75h/w2PDk2BIfzisy5IuNqP/d/EmphCDkzn71OCpUsCoCa0RAbJg8/\n+/jWXrac8t/HaNjZPkbfecDD0jsmbjXIp03btx8TPgNSrZKIYFwnW+7s/bGg\nSI/hAtWi42zWXUCRqtc/zZLtgr0tuirC6nyi8K7GesuU2xjeOCtaZ+jDfc/0\nQOB2XHgD5fbDY/5WurMVcoIJ3J+ZCqomQO4qV8NXfWkSx+YyNhm63j1XeV+H\nAQD8\r\n=6sQ4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e55081eb44f85de06afceb7c0d189f0d358ad60c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.8de07c02a.0_1629732340411_0.18707170084363622","host":"s3://npm-registry-packages"}},"13.0.0-canary.65aa63b0c.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.65aa63b0c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.65aa63b0c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54078ca6eba21769fc847f20636cee4b2d845b25","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.65aa63b0c.0.tgz","fileCount":12,"integrity":"sha512-WupnYkJOTDz1uTnU2z29gVfoRLbE1A57Y1J6nh9QpGSq3yPfRPzKM8xS9+VgLDcq6BYDZ/c+M8EtmBBjv81Ozw==","signatures":[{"sig":"MEUCIH5FvfEVFPYqwBFDN1qpFTMLakQMDHPFrGTM961t6zasAiEA5wsFTVLniYac4qaQiszmMHSsFp4Fj/YaguvNmQnrHMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJQ/cCRA9TVsSAnZWagAAzYkP/0YcqAy56UMrOod80kSP\nw+Qc2aV48D2RdCLQBDCCeE3dz4PYKq3lqTPvCBcNze+zCx4uK0j1EJ+DuQsw\nF+weIPIr9tn0sEK0rBi4bYSVDIs8dexwl+nGDRDZjJZRuNL91fPN7tVtz9Cs\n7omP9UUL/qk29PYsxqQJomdbLjq+2YkU2OZFKsXP4vdoIeVspXeiHicHin4q\nkauh1YV0lickVO0xrrSCiZjy9U0+C5/cIO2D3S7M4AIz/g8pJmDZIrF0/Axy\nPsaGFV8CvXoQdX47qKv/VhBWhoEVOS7hyN1F4HnRQQvDHi5Srg6TXjkFltUk\nOnHQ/LVdEBGcXxc+Gf6jUke+/He/KyBKa4a3MrM185fA3dbq0Mji+HKpw4Ff\n1JAGFa4BDPnTQJ0ghE7Au3F/kCwuIPpiwleFdvARakIApWozLl4RunUm3W9x\n9sbhocbugC8oS23EAbJmVpegMFjbghZdI3iWwVwNx14RZFWz7dGBXbIl77Lj\nLUo2P9bnWNNLTjCzRZntq6pfGF3NrGIftHCcpG0adVMz14o5fl1c53Ebix91\nDjjOvo5Mh4nln5S9QKrfzxuCuG00ziaLnwcIRYAayKy18cYsTYH51xa2MAth\nTpQFrKhzHG7NOC/SoslEDNKsAE9mTHpgPMBVvTsvCnYn2kw1dUPN8bK4imhr\ni/pN\r\n=zHMk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ac2dcf03064da43ca7eb352045fd4da0af02200","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.65aa63b0c.0_1629818844147_0.6017963380763671","host":"s3://npm-registry-packages"}},"13.0.0-canary.15981e9d9.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.15981e9d9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.15981e9d9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79945642e696c4cf825f68fb437eac35025d6d64","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.15981e9d9.0.tgz","fileCount":12,"integrity":"sha512-brRwqGrzd4ysLr6gVhODK/D0R5DRO4ay7h5Ixx1iZgNd2o0ImuzY/NtHt4La1M946s2hvcn85rj0QVl19dqVMw==","signatures":[{"sig":"MEYCIQCLzYTUygS2aoB5r7yCd/dgXsDMtibqcwsuslMWZziLDAIhAJKEL7o82VO6RFeWVKydPAbjvNrrzVCbYlBSV7fnQmqT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJRtHCRA9TVsSAnZWagAA6IYP/Rp06T3CB6Kz2p/idCip\nsOPns/YgZlPmy2af0QqefuO24NszY3Dmwg0bbV3lbS0FpfvW6WWortAsYa/z\n1qBxaWwd9OT0h/0XfBjUVlnZRuSwJl5t3nm7O/xQZANkbMRu3C6+Ec2EN5VH\nUae40GysMctios8V3djqpkP0hdRQfURlShdDDI+v/SJRFA+fUw41xHRHQLPr\naLQ+XqofoqCRVK2ZxwKSYpipbkIsAtvXSKgrO7tjTiCDehmMcu7UaNXEqqVX\nuY6Yl117r3orWL+sI6mEVC8BcXlMjcOM3Rq59WsHOlyxi2caZ0Ucb36YkglX\njfbGoToWCPVFQ8VOLAK+lkB2BTAcc4o5of17JX27boj7LvJ30SO1FjJLuEp5\nOQY71onNWq3gVCLI8o6ARupDNA5aDICnOrAWfn5aqpjuqbvfSPCKMqjWfhkI\nuknz/Iq22dPtQjQqlk425ITYB5x2ryCFQj5PtEbmQIfRP+ZDgwcBc1j3Alef\nvC5KDSq6m7ac4Ooh4MQKNli1VwIcmBgRLzGWfMZvttCuuMsIVZ2mI/LXXBg5\nSuOK2evuGyhZ/m+ncaAxwTaV0F1ypgJK9Sqrz1+JSsqReV+7fQ9BkhdTi84w\ngzfZXSWR9vtBec3tLBeH1AComo6pPBp/GXmLiHpbPU5dyO0Yz8JTknBIE/Zj\nBJJw\r\n=M8R1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"93acc5a9963b30cedb03f35eefb49cd35c93656b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.15981e9d9.0_1629821767529_0.5670171766000971","host":"s3://npm-registry-packages"}},"13.0.0-canary.fa7520f62.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.fa7520f62.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.fa7520f62.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62ae1c451aa91aa8e62381c7bfe41c0347f3d9d3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.fa7520f62.0.tgz","fileCount":12,"integrity":"sha512-X1iaX3H+WvlUlXECi85qeyXtaXHjR1AUpdgRbt0UrU1j64UKjyLJg65I9yAcOpIxwLEAdjtBkBL83FzZEkKHSA==","signatures":[{"sig":"MEYCIQCiu8uuQrZPRhIwlS00k5QXLlJM5hdyY1wbI9Fgo4olQgIhAKymMjkWoYr1v7adHUmJrxEWEBz++u48kMzoMjGnDbAK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXIyCRA9TVsSAnZWagAA8koP/Rojp9tJ/nE4ECoPPeke\n06bXz8JMasxMoG9KJY/dR0+NiwDvCpaRA+9Bjbf1jeJ0N3cU4yZm8Puz3LfF\nlC+zYjRIEVcS8pRrxot5aZEEyumsXvq0HvAdzIJ4BdT7Ld5B7ql4Hxc6tM40\nPicdii4BSN5lNfYw4uhkMdxMv0oJb9ocCXldssGe8S79kRaR7C487k6/sSBw\nnyMah0rPEqVGUwe5b1KEbycDYMquXbSrOv3ui8S/QgsqEFBLM5WQfeWzVpui\n/sUq3v3+e6v3qSxy8i+FLTjH2WuEOYdKSUzIG2sxEc4ISYC/PC79FoVkZ77J\nMF995L4iEdWUvmq1CJ7wN4BQGMym0+YUzUFUgKbXrCHJv36GSIcbJXWCDqq1\nUXLu1fLjUQ2lh/qsbve9cqo7DkxeMNoQwYt//BOHE8ct5yr2CT19Zj0o/PtS\nAWQFovP9eDcAGv2aHIis4nabKEoGt6zZVCL5YBEVebQcqwkpZGrqkwjhJrrB\nh0f97O8GcVzfXjgWpm/Ob3H4wDJvTX0u7zRwLC8mAG3ArBSFCC6hN+CP2zVD\nO8usD+hPK5jId6GgFOlFCSOoDPKuSpV8Dj721sgfcN48Ngdsh90Hb5f9agEP\nFh02ZRK/2kEFr6VDqQM0aiAC7ld6ktEIrGOZfEF8mEU+lg1ARdF1qt4C+FrK\nziSD\r\n=hsM5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ded8a7ce355618969092a7bffde0da813aeec162","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.fa7520f62.0_1629844017945_0.31434866350262536","host":"s3://npm-registry-packages"}},"13.0.0-canary.ce25bc3ec.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.ce25bc3ec.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.ce25bc3ec.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"290992bf8a3001094cf0e5a77eda6b75a4050ded","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.ce25bc3ec.0.tgz","fileCount":12,"integrity":"sha512-Tds88PL3i/30duRICMpUWLDQ76BJhXvuYr28pP+LZIgpoq378BNuVwaEqnG2P9bXQsRCxS8kjwb6VaZ/5WYR+Q==","signatures":[{"sig":"MEYCIQDQsacctex0d9jIS1vNuksdygRMH1KDJsWuiL6NH+T/sgIhAPXVWZKqGuNxHvlT+AjEg7Xg0tHgokHp4xgJyPCtihs2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXb+CRA9TVsSAnZWagAA+PsQAJpgc33GVA854GyNUqtW\nAodoHFQ9/J6pov3ba6RNEZIxDrtP+bTjBWy8rR7vQmRJaeV7DUFkahIyeciG\n/fqQn/qL3i3uGLGRNk44Ue62kaj6lLZf/tb77pK7XVb6pCAoMJCz1kZwDbKO\nFWG99a2vKPLT2zCZZhuHF7tKCbM5i0voyUWj2iSrblkixZH8wm/uos9J0SIq\nlkEdL8YYOFBMra/B+cO1ciy9Ad+kP9pebXIMH94ebnhWCayYbmDcLJJLk55B\nQXSjHt4xBzlsh1K8PQD+GrYVuV2TvszGfJQql/7z8SUaRfWQlNdnRjI3vdtZ\nOw7vTe7g/OzBpXp56Qtvngbe1AmuyYdFBd6eViQbdxGUM3PvMZbb0Rp7g9hX\nFFtdKxDd8HtlVQYrRux4SbFTGx0smJwcXtr12moCoYTWBiGa6oR3ymALsPQ1\n8vi9ZlZgb+NiMR6Fb55nsyT+hSwRRLoSCwSqg7Dzdi9LkfvIuFgDSF2V8w4S\n27itRWgwJTqzG/fiQJBvU3yzOc2NkRD5HaAEnTGrOleWDY8CRLCs3YjGH9JD\nvJunuIoAH4U2/WAI01o8zirf/0ch3zzVrBp5g/Gq7Dp5glzkxPM8N4W7U5+k\nRrRd5OWevST6k9jgnEkgyeGUi/OQzbkqy6DaMi6NHEUxGgU58KualsSWVeU3\n8RpA\r\n=XnZC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5296a1abf91023fbe0806f06b5b5fce528c40509","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.ce25bc3ec.0_1629845246357_0.05538906931516352","host":"s3://npm-registry-packages"}},"13.0.0-canary.12f5622e1.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.12f5622e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.12f5622e1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5fd06b50ed4c440fbf9cfb70ecd6cb02443f3d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.12f5622e1.0.tgz","fileCount":12,"integrity":"sha512-KjnAdlotiSTYISbpS/GK8nmKh8h2zwPtcjo8aaUv+RUfDvye5rc24pGIZ/6ipKspQdK4ozY7ua5ve89qhXoTvg==","signatures":[{"sig":"MEUCIQCQwvyWQiPXg8y710oN6aAJUA3i87XyyjQ+oi02DHldawIgfI6AmMHylONrEWa2BVkcP0uomd3fOSPBCS/njB3K7NM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJX35CRA9TVsSAnZWagAADJcQAInJYeQJH4Sys+nSMQ8b\nAzxIv2RxYU1b+SoJHeEMb/vjzaD6AFM8Oap21XAee6MEcsxgWhZQzdVITqhK\n5FxrvlCKDg0NN67q/lymUmXSF4Diu96d5UfHFABmP1J2zdlKs8q5QcJtFKPV\ntakvI0kDMztMmAIiKIPwlxJYVfKm04jJsUyCcadrpPdDeCr7L9EPJIlaUsKM\n/A6D4zqwYtW7Gfkj4XSSFSBk1EprWAL3mrNzuoKccJhDFCcoHToR6o5o4Ke+\njCcbBib+o40y1POUWV1wfjvL44hW3b7yveAolgzvf94n2+/BBbFmrz0pA37a\n8xwxCFwcU9F0s4GdxynAHC3kDVuJwGyzMK7kvzmdTDD60V5kqPH2FlW3RJ9e\nlvFMTjOgO6dRh600c7u9X3Vn+qpwWd+wkhvS+qQlYRoDchJ0iJNA7syrsS8M\ncoDOyHWwj4A20hNjQWkn1KNY/57bCMFaczqeXG51VdQXJPTO+DRBfm2vX+/C\nxWkGtRwB05ILammAjhctdl4Dd+HNkOhWjrU1fHoXieCAm7/UielSepIstkfH\nySfNE60O39Hfp6F28j+7XIWI1bTZhe+HGcz8azIi+9hMLS4poFzwtjBcfyPo\nxqMsD9h4b4LzvhpACwKGths7N0ypOR+iUN7anYTVjwdqxdL4d7JjsCVaE8uk\nxyFl\r\n=AjlH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2cfeb72e6002a5f3cf296794da5216b3114fbbc8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.12f5622e1.0_1629847033143_0.4842321627780426","host":"s3://npm-registry-packages"}},"13.0.0-canary.d97f8f133.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d97f8f133.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d97f8f133.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44e0b03349f5c508dad80b5a919615b9476b36fb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d97f8f133.0.tgz","fileCount":12,"integrity":"sha512-qj/tiwFCQJj6HbjOTpVXXJJGeEm44Esu17zT5Q/21axEgKrEyTuy/wsCfqO0VgBx8wOFmIlJm2BhDoSNzTn/mw==","signatures":[{"sig":"MEQCIFTaADOvaaDh1nGyqI/V8boz+KrJXjnD/vSlEzX0PJBnAiBwfXpW/o9kV/UpWDGiKAHV/C9SeEEu584jUWoJlDRv6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJoywCRA9TVsSAnZWagAAqugP/icob6O8WBJgQzpIoDng\nZRI7+IapvQJJ47HD8xGUL0mZiunkyg0g3z1RmpCrbC3AWBodILvGIzf6iEXi\nY2tdxohSOn8WS92xA9c0aDufcbqjBImwKdAsAiJI5uSVJ2OP3gXV5H+baIdI\nEs1PqLIdn6A6fIUNB3TBk5K6aTocBE7pTP2mvgZK7nAcv8DP0oH+WR4t8xiR\nFOXtt+OAh8sauNMQiRrMwGaVMhZwtfZC4wSahHu0u/0gJzRHjVbHowuyVHus\nVE0Ao39NcZ6PJVnWFDmXYLhTOa7RRWE+dB8aZH4YGRV5MSV7ZSgKu8FiD62o\n5JEbBZ3Uvo5lh+/bYJQcMsEix4l2w4eWWsCbEVdDVLEsRk13f/Obmnc9l55m\nFbxQGtyJn4qLZBLJC4OYLKZBlDJXjBAg91/2UDQZlyRRAW3GZynuhDHI6dFX\nHdTwhtlWjGm6DNSJqhqX5jxI/Ylxy1Hx96UDKDgJGGVtRO0iXjm7q4kXlPrP\nu492hB+Xkls0oUH0/JgdjrlH1BixvobxODI0pBaUJhqckNuzlOiPejtxwqrA\nkSbZVblnhykPKzs2UfVIit4sWlUXq3ODmyhQ7C2dVpxGaZluOaXSfsUocUvw\nC9BfOpaS8QUfcEQhwZzVdFfesBM3kp2cwmbteTN9LYn0idfrVFwkkOSPUMUC\nK84C\r\n=iT2I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e7295f4786bb26bbc05939b4d6e3e42f011cc033","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d97f8f133.0_1629916336205_0.6466912338242696","host":"s3://npm-registry-packages"}},"13.0.0-canary.d86fb6fac.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d86fb6fac.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d86fb6fac.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"808725017d08699ad51b0860a4b208173a5fcda0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d86fb6fac.0.tgz","fileCount":12,"integrity":"sha512-nMXuylNmcIQDsXWxAZHGa8dIDWcx/e7Gkw8LGSF7Px2II3iDYaKcntdVUaok9M7vdxGJ0OjIzu1tILJq9IvmXA==","signatures":[{"sig":"MEQCICE/3iROthrnMF5Ip0bXcQMJuEcAd2UEIYtBTYWTLuYPAiBfBFVCkGKtVTQ/s2kKShGF/BieJCGeDP0J1uINT4Yw7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJpGFCRA9TVsSAnZWagAAfngP/1mdGmDXfLoSge/dOD4d\nO7ZuXsiA+3+OcsAdhX38yi4ZhoaKVYcuwq4gmNNucclPKoh1DgoTNuvM+f1z\ngU4XcKaxTPoB5JM1GM1XPNppC3jsE3cgKaUw5ng0P94uEDcHTvv9XULMY+Uh\nZk2yuv+buAsJjSeS20b41f2mMd6h2a1A8sxNDpH3OGgAa6/Sjv8O6C+EROyO\nhBW24b8gAGSU1Jbo3/2BBymLw2jUJAdaiC8Xt6nIBfI07Pu4CnNKSsYJT9k6\nlBL2ieWem8bEN3pEiY4Nz9Kk4YD7UORrfKhqKH6BNYdRoF2gUUQd/3d+0Oq7\nMUIS7IThsJOh40M8rHqfQ7HcikZ0ZZFl3K3G3GgOsA3LQde1kH8XoxT6ClHA\nseUl3KLfwRHeIhuor+1REgLdRmx8m3GR6XGUaQH8j9vIRy8dolggK80GsHpX\niwkAfLYPRj+38a7F2UbnRzqbLMmtEWXDFQO0pVffwBAq0NV+ytLIpQOeadwl\ndpbIwfOdNUhjvNB3RpfD4vSxkexA80dKEv1QZyfzGBixf/wuflMIIZmUxyyg\nZ9TVf6GlcSMtr0e2GsJq78YDVOwNGUKv5tEGtppTFTJyNTl0QMAF90hJcl1Z\nj+XElrCSicthiLYQzjEoXCfOaSMcVM8ugDrIcXKCNkDhklntdod7iRgl6KbK\n4fyS\r\n=Emun\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35d13d1a20fe14c295e8589fe5960bc9b4da1925","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d86fb6fac.0_1629917573814_0.3783264484038218","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8554dbbf.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e8554dbbf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e8554dbbf.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4296f7602e0c128903b78ab7db98014cdf38c2da","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e8554dbbf.0.tgz","fileCount":12,"integrity":"sha512-KNVD8QCjSr1Yir4eByZ5TFGNN5DQA+j31aIJ7K2pZnO0/I/StgWD4zDu9qws79jSU6DGs5a5WYLNgQKa/dx8Vw==","signatures":[{"sig":"MEQCIGQxv3t1/Q9Maixq5JAc02SVC8W4Glz5rWuIhL/7UgcpAiAdqdms66FNJbHoTn1J//IIA/j5LrBvro63KxGCUWZ0wQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJr0BCRA9TVsSAnZWagAAYgcP/1MdyAkLPhFyZHS7QEwo\n2R7ETtYI3KPLVuXSKTpeB7moaHER1oX1Dl2anEoiFnsJ4+97ia358PADAusT\nCUpoxuqTHwsBk8IGuTgSzV1bNALegXQS8neLE9/JGK6EYGA/dGtwKi4f9K2s\n8WLk7ryby49wiaPCYPC927Nn3/ojYh9YXGzujcO9igSPDgGPrjs14aQNMALi\nT4P0/DtUrHOpFabN2hp99gMO2UAiPGjqvDXy4/NN+5pZuTs4gPwdlSemc2Wd\noZWsZ4LyEQ+FBtsFiK8awDdjZbyAQSfxevdku+KSkt1vKFY1u5D4tDbuYv0Q\nbuGaelzy/THB78kAVpvNfRQGXhr1UEb8S2R/L4p8yk+7Cix/d4Dy4r3Z/p2y\n++wjk9iNjvIAMHqZymlMYHoiOFPPcMceW74Bi27VRVKnE4hVAZZisRp0801u\nRvfr4VqhDB3+McZRNSBtU1xXdjTCzhKPGgOdwSDj4KIqCrfaV5QmY9TXSDwt\nqhpShGQ+Z6ONJnv/WmS48wugerNIVDYxTX7i4Oc/awdhOISECl95IqVClJ07\npBfbz7/jYXPK2vYjUvIU9Um3mpwRAWsREUtDncm8bgeOAnksF4gxcXLN8vME\n84NGabRxBeqTvEYkK5URQ29jNHo6MfkhVo0bHgR6LdW2rxlPShj63IVSdOq1\nl/kK\r\n=Vm4u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"da636a8d32198c6289df3bcef39340bf76cf8265","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e8554dbbf.0_1629928705487_0.19143688468149334","host":"s3://npm-registry-packages"}},"13.0.0-canary.877e3fb0d.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.877e3fb0d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.877e3fb0d.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b4dcbab05d46c88b5555e1b0f8a15fa9d9d2407","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.877e3fb0d.0.tgz","fileCount":12,"integrity":"sha512-KOzAZnFDLxdii5lgaGtorq5maczjDX7/iRFCASrmgvTBFS30MZhjjILdAG5woepC0aHeLU4rVhfiCdqr6EW6Zw==","signatures":[{"sig":"MEYCIQDMMuaJwQZ0F+StCcCSudjaeH0+g0ZMuzvB8zsj5VB7bgIhALxvXL3jeXIq+r4KoozOIpm+xJiGJZO1bcXQei1nTe0d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7UfCRA9TVsSAnZWagAAk4UP/1fPGkaeJi4KnmOfDFff\nCK3XH0ddJzn/y/nVS0fI0CLnKNGvpM3WSMLeKFyT/yWyAdMhZ5E17Oq5Hs7H\nIAAu7xwdkSdYnhyOyT8zp9cANfH0JsTK0f3lkf53NQ7BJzWzr0meLzIiz0i5\nREOFBcMo6x6UBhVyPf3Ioli/k+ASGWcskw9S2J5sdgVseK1UwlnnUwldlN4J\nv1ZIAhajy5wXDuXee+Dgapnl1XqSBOUO+HzilpylNlYZwG3Mto8j21QTeZqS\nG2CtRoWQjG7fpHDG3zENWJ6qI+D+3Z0By1gv6n605B67RSt5z86evoK+gRGR\nRp5CoV5586+GX7BHP9xflR9R+PGV3vl5vBdPY73T/2ByI34/PRu1O6p4/ZUY\nC1snlJktx9vS4ACpOY4E/4SL466vr9F68z8WQrUggZE8ZEiAbASi7mebWj9t\nLwXgdRNnrRH2F22kEEGIDZq2DSVypyUOtotkEmAiMiAPqBIWcJe9YlSdVYFI\nQ5iO5wwPc6gpkra1YxTTiJ+7vg68UoqlLHIDUw10XVTaLncRfls34FMVMTFg\nskmPFApkFFcDl5181WrRdhWxAkw8pmf2DEHG6kc779CvYp52vfdCaELZh51Y\nBn6nvZ1nP7+fQSyhHn331sy9eDxLiwXfpiMiwmeEFOS8I+vlwpvO5/j4bEIA\nqHiR\r\n=BASU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"849a956f7ad3e0da0840469b917eb66537c875ff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.877e3fb0d.0_1629992223160_0.38114071071624545","host":"s3://npm-registry-packages"}},"13.0.0-canary.6236f3576.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.6236f3576.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.6236f3576.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91a4cccef281fd12fddf3f56325c843e357949de","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.6236f3576.0.tgz","fileCount":12,"integrity":"sha512-EKXRcQKvJf0V638cBMBGlU94jY4QmL5p0tPS+1jJKq1QEzeTKMGD4uIlAo/uvRtrWWukmwQuLALlU+SqV4DR/Q==","signatures":[{"sig":"MEUCIQD0BK36VWdMfThqbeofD1rAakOluq2Xj39YUcWFlimBRAIgCgVDk8iX7G+6A5MwWoQBDM6e/6UHvSYTzjqP9AY84P4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7ueCRA9TVsSAnZWagAAgl8P/2VOWlfnJtA2KXRPwhwy\nQ3b9fvp554zDujfHIwUcfQW32xZWHRw/vyal4DuO8sr9MRngyLodNt8ng4HX\nsp1QfgYVNs/EJIEicDNepTcI7W7EK8YovPimSq+GYF2lD5syRXpi2JpJw2kM\nqzIsxmSbS7aDz0Elg/184eXVDQX3GPZDGv3FIDbRdx9n+q0f71ItumhXnNna\n0tS6rLkeJ4NURJIXA5nXx9A8MqpuqTbHuDoqDWvnuf0lb+O9Jsv8iLmxEDtN\n2LURu2HYI200MIeJj8dtLrXhxbBLL0BCZuMN8tXE1A/bCGAfTIUNBBL0eWD8\nRZDsSkk2CKLkr8UKhumtNJqnsWQ9V/pAsDMosf3LwOwhFKACEn+AIze5bfUt\nqIcNh97KyH7fjY1N0g13qALx8OSt7zUr83cx2rtDfPgvriDj1GOs0OEQIMGG\nKqkuGF0QgwjXCSnhfyc95SynnuuP59ladLcVSld5wvPQTBnE37/JqSO9iH+T\nsXCR64U01cvVsNVXj/RPlPYbEfisZOrzwo00zuE5SXjBARdyqWc+e8z/r2Pd\nYNUq1xGEap4RccT7tVd65AauR/DSuYDys+0v8mPNHIRf/ZsB8u7okHmmmgXz\ndpmDWVp2VJdhJEzToGLQ6lT0Qo0cF5+l5RuQI9fEUh3fxMSjo1yj492yHwDa\nXQ//\r\n=MSn9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"27220fe16ebbbdcba193340cb99388e30976a2d7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.6236f3576.0_1629993886798_0.9906156570529774","host":"s3://npm-registry-packages"}},"13.0.0-canary.1d19158a1.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.1d19158a1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.1d19158a1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb62afb1b8e9a505de47eafbd0451dae5e0bb359","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.1d19158a1.0.tgz","fileCount":12,"integrity":"sha512-swelvo3BqPAZJ+/6UGsTPllZF0F4seV8Ls7dgPq/nQQpD65i4VwG+aKj7K6fL0sO3egrYu0RS3qJhbt9qwOjmg==","signatures":[{"sig":"MEUCICjAKNQoNSXv6qdW1g41mycCR6h6df7AaGFvihDS8jTiAiEA8J7YjbB+6CnyTRSuDo3aGQpEUj6CQSvtbxzhb4oU8Kg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ8pvCRA9TVsSAnZWagAAm60P/0MT407vG9qCnSKY0vmk\nahS+z42PWdxZ+ZUJBX1upS7MnvIcdAlNPdP42pW7NQ29xIDnYUjcmqFoGjWD\nfyCXTas1R7Gbe23KMe6u6XSG+G9ZhBX08eQWX7iP2WH1Q9JST1i1rsuOuFV1\nS0hlWbIVF7eQfb2RCqAABv+Px91Oianb2gaVHnCUr7S8GU+4V2C8yKYtY0AI\n9voZrdVJmpdq7oBVUW5NRZgKS3u0A51e8M8bUgbu9ysH4jIlBPfkngbpaagf\n3VIpVNpilS93EAvfOX4OVoS/sSximYlykUfor8MamurLvne0eJPUCTz02p+g\nFrT+WCH+rObzg4r44uwLCaBBM+A6hY9F4pnX2g5WvgJK5Ev6FP/T+zLGAbbE\n1c7Hni/oPv60vd5n0f4NKxW+CZGhKp2NudY30+iiDnRGzP1oOFesPfSIVyHa\nlCvcgOLs/44spH42zwpBgo9XYeb9S+gMzszs4/03E+mIOR1NtTNUx6Z+WVKq\nwFEqaX7u6FCBJlLaPAmXkHq5FGvxq//c52cypgf0GSlrwhRAhVpUk3gNobnw\n3tG5MPIcdX/9amwr0LApfW7O4MOuuOr210UyFBEuB46tP/nC1NMKItW2WUmV\n3mtPGDma/5yPigfkL0IuqnjSUa4pxP8eOp5wGQENCgpgdctwUdNlJL10mY5J\nktHH\r\n=D+ep\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"451d11fe02e89db73e3ac79cab01741c3da63ab6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.1d19158a1.0_1629997679323_0.8500266534603642","host":"s3://npm-registry-packages"}},"13.0.0-canary.6adc9e83f.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.6adc9e83f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.6adc9e83f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5b73c28311870549b4fca33cbf5fbada4cf2237","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.6adc9e83f.0.tgz","fileCount":12,"integrity":"sha512-n9j4kXL6U9DgAU4lv7GDz4wYrt+TYfrzbW6/zENDvVMWoDFctFYDZ6DZcJqBUMn5WXH9rBZJWM4wAGj2ed/41A==","signatures":[{"sig":"MEUCIA8mSiIxq/Z7/or/AR1S4vFP2WwaVi51Sd+iJ+2Az75TAiEAy9OfKL8AAdye9/jd2RkDJnQH95Pwjw180bRsGAjiUPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLV8LCRA9TVsSAnZWagAAdocP/i7BKJz4YcpWIzn9Es+l\n8z9zhwPshApqcIHVXGhWW79WBW1+BONcWOhdpmETdi9z0+/ROGLt3J7vefsh\nc+Bc2KMmILGiLPBAwSkABJmSu9LFPqq3Z5riLOFSEYY1iWssqy30JbzqxQaA\nkOV7TrFa7x7PCA3wu4nbJjQKqah5HIJzmguPbuZ886oeiY8ku3WHG0Wjj7RS\nNxwV2k4S8Il8yF7eAgn/d2StiD70EdQ9Tcjc2nTP6bfS9GAy+2Pxb0bGF31q\n/Mzs98HftU9TOoaCn+Vnzcr3B6wgJvp7LjEuH0W/WLBMn+PsQ2gVhg2TRQxq\nNGkMEQu5EoHcZNw54zn3fVnBHqPxMCf0rw3r4hSV4ZcyPt4rxm9kgecow7mC\nMidmcJwTKLjPm/EDemiiRAP+6OLbspm+g0eC2P1ElBX8+pYQhR5fo7xUE3Jd\nq8hX5h/1NltgHNGY8064nW5XYDIOPC1TMf9mybY2KZOxYOVLkP+llUbFkJrx\njlO9pzbonM5ttAC+IFdeFKyEsnOKiqosw8erunFyIVWdLTqvw/XzEpBhSTsc\nO0QCbtC1jNBO8QrxblpWQBTdFpbylRm/m2nITN0dSLZ+mRi12tRfZiHbTmgl\nD7zL0dE1Inh8JropAdcbM4/2Kmt91ahFHCqfk+Fba7qiIqppRQgWqELKPayy\nd4VK\r\n=rhrc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d3d9f017c96584c46d77544b9f0dcb6e22eeeede","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.6adc9e83f.0_1630363403060_0.9341578079079818","host":"s3://npm-registry-packages"}},"13.0.0-canary.d082790f0.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d082790f0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d082790f0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55d2a10ea87eef374a09d5c9e06a2f50affbe3cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d082790f0.0.tgz","fileCount":12,"integrity":"sha512-X1Mv8VAHrxOQAoJdvYYVYs3tUWlh2H8aM/HmvNvYA6Mk6ZY71gyk4xIl5XQaKWYrIHhRtuBhTlx898zrSSdSEg==","signatures":[{"sig":"MEQCIEdTBgkht/YsoVo25OAKW5JEtoLo4JbbXJFOx+IRZmTTAiB+MsU1HSWpLpPpdnHhFAOY0BBA6pmt9skZ99vim67XRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL/ZUCRA9TVsSAnZWagAAXmoP/2SdBeerZuSegTF/shPB\nPamomFM6hIcuHk6VpbETCdhT2+qDs2igKiir9UPPQblusFX1UExsHSvtgdd6\nrpPoOoOaZFK7TJ3kVwdRtfxdnYgoPdLCThHaU/LWxOflWmaTdmRHEjOPucfg\nfbIGudh+HcJY5pGSkkYlKheffhB5l0nCZW9oL/C1jn034XpVZa/ipnyDxh7I\nHyTW1Mo+7WAnm5JDzIriy/a8WXOp6inSFqw3uNgyyBLwAZOQ67IrgfOiQL/f\n9Yngx3FkHKQ5yLVYtkdej+nhPun3zo1Nv/PDx8IEVY9vX8JAfshZqKgXkps0\nPxsETe16Oao+COEiVg0DWFwpr0uxo2/77BrFyvnuXnQk4vMaOhSSypZ6tZAM\nlpQpPzIqYr0SLRkcY6d7lVIluBPKxutXqEwTHeHuW9EgPV4zd/8IseOsd1yO\nyQh0WQr4MWTEGzPq4bbxxGghCWxiptWtTs0XoG8/L86n745Br8MaNbj545qH\nuZ9nwJr7kOk+LmILH66y6tTdjndkdsxmnZMmQ8Ep6R+fkSd1ahRW7Axmkc/1\nghsdjEgYdtI6nByDOk4om5TvPXWMA8JU7g+pbDE3A/CDZrJj65+09M3TWUNo\nD7p7x0oV6f5ItXxcLxXVVqPpO7BRiTm60/5Or6nNx8sfA7kKPPEiCSQs2rWx\n12es\r\n=fZKn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"77212852cf39af4379f15c0daae076eb8b562c15","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d082790f0.0_1630533203966_0.09961941540158126","host":"s3://npm-registry-packages"}},"13.0.0-canary.e2c4f0196.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e2c4f0196.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e2c4f0196.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0a858d100fc9806340eefee0c28a81ecb1b30b5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e2c4f0196.0.tgz","fileCount":12,"integrity":"sha512-5hQrnvNJQxqS+I82AL8+waemkSdyk2AAzfl2zYkdygi/GfpCgE3zSEgp5SsZdBxVuDMIr1SZqDYGIHX5D5Hebw==","signatures":[{"sig":"MEUCIA8VfJAFBSR9vxzQ+C1O89Lkv9pP3ollvpvWaX7x4ptjAiEA69kQTHo45CwhGyttc3TvZ3ElgEmDVJmfiFTR01/M5SU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMDKFCRA9TVsSAnZWagAAf6AP/3jTgkQFJ+h5sr0DKDSd\n08isneaf4V3dqNvPnSAAIM9nIlvLZYbN6bGPW1psxuSFy+aoB1s6YO/OhUu/\nCn/Wn7a3aBQ8xNUpGRrRVjoBAC7Re+zc6mYfxBALZ4uqn8/wXcAlzjYLYlvv\nsN9IsicjU94ZJkg0JqEkhWtgWLjwQEtwvx9nI+vDHO1yZSSzB5nWPIctIrrj\njTUsorXAlSzwNxCaWxMRKRb6M+o9sE2nL2RYZxd/AFCvcXhueMsQ8ajPqMm3\n6dWNPDksxZHhzLR/iu95bdd573rMToQEE2CZPgDTYSqIqC/S3QuLon6mLLmc\nvIK+d7shzS1IqujrAPW67mdJZWtOdx4BAICHeUwW2AOJ4kUNE+eqKr1J8jXD\n3kbB2c/1p6duHM4MzdV4BVdARbTl19F40f4gUgSAcvu5Z8osBHu1YYcLd4sG\nIaHa03yNc/cCy4yPSFrkBZEpBV7ncqGrCY0U7M3sK8mrCJkGk8YgjM44zXft\nD7+acGOV0ILCFSv0vrksmjAk7OZIw9+vFPR5FTCpdVk98AQIv9zxpiv/GFDD\nroqrM3cZSE/4OLm6n/T1U1Tzd+W9Q7TE4q/plgjHVBMaj+BCyNM2v+MBvn2l\nQV7zL/KvqI1bpYLpgqcKQ1kqewpr/xVJ5pgH6UjZBJ2Bp4G/24L3dFQjQ/v6\nzfoi\r\n=KiZy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2100e21debb7fbebda0966c953fb24e1964c19fa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e2c4f0196.0_1630548613461_0.31114154940408123","host":"s3://npm-registry-packages"}},"13.0.0-canary.611db508e.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.611db508e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.611db508e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51444b0640cf5bcf25e4119551a2fed843405a02","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.611db508e.0.tgz","fileCount":12,"integrity":"sha512-PH3WZcP98Xf4oZKWqZyiu9ahSi5UHNptFZ6jKP65MiZSquxFbANtIYNoWUJDtb8GzCYjU0g/nqvZm8uV1frLxw==","signatures":[{"sig":"MEQCIDU1GQpDfkVXBIKQAGzhPYKDMnbiJTqqWmBDABUbaXwvAiAPcrdJypDIXHT7z1xQov3XSjClLoCCdsjXBwh5IFU0dA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMEFzCRA9TVsSAnZWagAABy0P/2AH1O6iS3cnin3W8cJA\nMmLyJam0iAeAxufNbO8RAVBBmes0E/kFNNKtHWMVmKo53O59HWbfJ3qz3SQS\nHfpSYGDLQE8n9D2nEgfOm0K+/LiGY3+LQs/j2mblBpihHGMiJ7nHkAfkiOyB\n7l3cydclXtn2XknO1F23pQ+ACx+jIYXyXru+OjoDJ5nf7qU6X2b+9dINovqf\nRqXpCfBmyH0oD3lLI37tbYVmYRqN9jz/1cVdILxmymGdHIGECB+j1xtjMJlf\nbs6eXB0SzZRd/tH6EMY2wj6dRR9kow9fZpuK3aehVJCu6l4oFzfH8IxPxJWy\nSctnO/MnDcEteQg+duwB2dZAYodoMQoAM1fIk2InIU061j/JtBZ8TvtFiIKK\nu8I+1ylSc3ar5bIWveI5zyErID2osGCiOEzRhVeZpp1XbzGb0ifwzS4YafY9\nId5E9b8VWuHR2sOaL2scdSs4z/+m2UpqGeWjefAdmYGCah839fHt8Ui7d0g7\nIdJ52dGfW6GvkDfiwRxNIIdQeWlwz4J4P7sT1nYiwqNA+6tnsPQo9o0IC9bz\nX8M5CXCEdT3k4O5ZEbIvkfn6Lq6WYQGdMHCWZK/VwcoMPVgIogep9jPkx1Vq\nWORCkv7kAPRCOiT0qqGwABZW6Wpjc1d3ILl0Ivqn7Tz0ReHIarLAlrHDup4W\nc9bp\r\n=YQ5u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5d75be4b0e067fa5d6477869a053c630a67cd643","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.611db508e.0_1630552435287_0.4437616121028325","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4706933f.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d4706933f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d4706933f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51d859bf0218d0304105e0b216fc8dbadc504b89","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d4706933f.0.tgz","fileCount":12,"integrity":"sha512-sO9wSbUZwHLhHzehz9tg3OnaOCqlaXkW/CmgjXTt7YuOGCbqjyXZMBgiJFGttbc64/MzwxCIFikfvoBxHto3OQ==","signatures":[{"sig":"MEUCIQDtuLyPO4LnF38Oze3DQ2Q1fnZxIUl4H/itYoS/6t8MYgIgJBvpoOHatQIXI4Pgge3THGg3sGMtqObizLSvIrMKNOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMO+NCRA9TVsSAnZWagAAS8cP/jxrcN6WEMreaI4kMSiV\nHp5zQ+uFV/k7TgE7skc1/1rMxXHfiKjKxMtezGIWs3TBVD2uRvezRjfnTqSA\nsDi/ZOMG9B5m58AKB0uN8AAEhZcfCa9iDrHfaKQb14VbPXaFRG8Qk3nXMAUY\nVJ/Vb35Yvst7Xjv8r5Z/xvgtqge+qG1zs7k/yymguCo2ySIIy63nKOzSnspY\nS/u85Jmx9B7lQyDnH89VhfigeoQCsMRJu/cUeIrI/7r9/iVSR9X52CycY3We\n2iwyh5leluCBvAHjkiZkXMIfLaGRpGauaUk3m7s6CeXSWABpDlUmRoCseqUX\nXLFwBrtRYYJouxUV7FRdpTh9hNyY9oL2qetq3WBv7WApTR4rCfM39pP8dcbA\nFa4lHWNp7T9T3zftTAyyGJKO3W5QbtdaL9esJAp7qKniuRo4c1HzXxLxy27V\nv90s3L8QGuqPdRmp5t6XdT3iTDJ7+kcLMdjpIH8fzcs1xmmm76titk2TqxOW\nWk51do9ZFNjK92FR9bqXm/3Q6+J5CLpiQbP/BYc6GvnIqRdDquWpV18EV/yw\nmxKhmDpQ3gng7Ahf3oy5i1pTrPBtQpvuI54nW9Fxir0BUHTJK1WxrVRS5ckG\njDidxNRY3qUG9wqMul1GDYO2jD1OGTjLc0dW1SPA3LikYuK/1tKpEl/FVsEJ\nD8VK\r\n=mv9N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9e7edb1e0621060d55bf2765cadc8f2ffcfa0f30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d4706933f.0_1630597005584_0.05349813993496566","host":"s3://npm-registry-packages"}},"13.0.0-canary.c16fe03ce.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.c16fe03ce.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.c16fe03ce.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"157a3ce7cecf275c6081758cae14758e1e63f1ea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.c16fe03ce.0.tgz","fileCount":12,"integrity":"sha512-b72HUyQaf+gsGhzkt4lC9lcgd6yrfRiGoeLN8fGzbpGyPMSQdQm/mvp+gpe9mpGPamO2ujo6QUD4vv04B58+GA==","signatures":[{"sig":"MEUCIG9vnYbCcJY3UWKrTqHrHqsEcoElVOjTt3l7K1eOucxUAiEAuXmDadOtlVHb4I5NGH2EGdc4wcI+lIPtLNG1jHoZprw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMQ1WCRA9TVsSAnZWagAACcsQAIpLKfBd9Wdbu30oTsk1\nisJ2f3/t404bGGVwL/kALBtUxABvUd1BoHPP3nB8tBk+faR3yc0c3AU1cHH3\nggNZ2QED+M9cJbrDb0DNR8GNvZQZk2gVB2lxPpUMrAPRE04lwoo92Q+iMvpu\nh9FRNeOfG8nRYwTK0sodyMSjwyVWe9qnsHHPM0fdYwkcJyv3/R928y9NOJR+\nc8OR/xuUA8Pm4hq/NOo0Sl34p+l7jpzaKXYoZicfY0cvQAGR/0PrkJ711xFl\nRhdr27S6PgKKgpMCNyjGd5WIbboIR4sC4gCi7DymVq2jNL+j57rcT2lxbasT\n/moADk660McIVvtNFnSdZQKqVbQn0kUSctjrsu8M3tRY5Nodh0yvPVxEaQoZ\n3Jnzx9GkA2Z7F9aFCvViVSEYc6Kk/JtBwWg2yMfm+fRhVllHBE4p7fFCKfs0\nLq8gTp/ma74Skw/fNalTZ4ct+XGHDrCrXWpJQ44Rh5hMSOiQEjG03ifeL2Ce\nAwl+u2+RHmfzGHZRvZUtILmsEJwynIV05AevQbEmRnJsJcQ8haFwQWzF5rF/\ncBaHWbwSxm29scd2AmN3o23dk0RbKxOwPaPq4YTt3ZQGFOpzk2klztsWn0gz\nISjPQ3nbucaLQMrgdFWmr+W/hPPe/+9Ih9S1f911OEvLsSAiOYVTh+SGGmIu\n9f7/\r\n=aFJO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"28281c91b41ff8002401a21d1210e0fc629d55ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.c16fe03ce.0_1630604629878_0.7862371283206047","host":"s3://npm-registry-packages"}},"13.0.0-canary.9203a958a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.9203a958a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.9203a958a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c18afd84a82d4a3286f789cadc915f5cc5073cd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.9203a958a.0.tgz","fileCount":12,"integrity":"sha512-O1cXaXGG/ni/2X41yNBpU6J69ptTuEh0A9VANNII7ACsnnjmdz5mO6eEL9SXyWDVZaMYjaj+FTYZ05o3yLD9KQ==","signatures":[{"sig":"MEYCIQDDgULV5Wef8f4SMjfgW3qUSaoademyjuWerL+aIvn8UQIhANIBLRlbM/X5YUbcZrUgSlMKCD0YCQWuhm5kBn5W1V8b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMWIZCRA9TVsSAnZWagAAPIQP/0zWYDaBNUpXnRPJuju9\nM6elY+DSdlS/FdmYoU79vvZoQQS1yUqgISbePyzE3t1ZmBveiv8T3gteS1n+\nYbP+Nx0W4e6/h28Yhr0qbYv5XE1ezu2Unq6ZZpgjfdhPWrRTINeL/zMSpBlt\nYSufi19TTN/9uar/GlZpbKpU1Xb/8yZ1oqmu2yEpIQiK1CezDdHaakWoXC3I\n4wlewavnyE2OuzI3gIYQBqREWyyknfKzsulovngiCu9TSoN3XVL8GtAwV1j3\nBqGLqibgD2xGTdJt27cDYf7CemjkLQdEx1+WbVg3isK3sd/RvEAFFafqDbbD\nQHE6eFBOX0wFizkYwhuUTtF3/lROpTc5NvdjR+HNi8FCxfZVSloEbCpwn+2i\nzPGOIltqTbMIAnYl2oFvtQj+PRnj9LgaVEACPQDECcZR/iZSFnkCEQjNNWXg\nenzRx6pyHbRqRmd20Cg8gKjq4osPQdeWzsz0Sv+oqgb8j+125fCEXY182Gea\nqpxihPiB+0aQ1SmP0+WqnU+PBmXN4jQ404TXyUVkXT8XhhgO7Dxn2dXnfp77\nT4hCtvSWH2RNWoaGCYyfU8cpS+F9A8k2vMTb/h6qtbqbABRdk5dlf4M5R+dA\nzSmBtUIMMhj/c4mbQFkQmMiFh721pIQvYNb06m2+88c31+iKFdKzm8UxrELh\nXZZo\r\n=bNTH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e0f9de34d700b0d1eabd5186c5b5cf8080eaf74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.9203a958a.0_1630626328981_0.8726256825517471","host":"s3://npm-registry-packages"}},"13.0.0-canary.fddd5ae93.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.fddd5ae93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.fddd5ae93.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"732b664371d05189a0c010b273886a1b8f42651e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.fddd5ae93.0.tgz","fileCount":12,"integrity":"sha512-wSBO4xgNg0iBrXAgIlmGCQZYscV7JyYTEjbPG5k6J604nrvc8AHB0vvjDPuSoyOkl471VBW86Aww4c5ssijo/g==","signatures":[{"sig":"MEQCIGaBJnW4yxgvaB3APeRUYXVy6MhJgPCCJIHM+3BKJIHJAiArE0I6Lmlkh416YDLbWZnocyOTBuRdDUpssxBIQPMCZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc67CRA9TVsSAnZWagAA8DQP/AsworHRMWrZDkx1/ycg\nBqi+EIfNA4aXQSZbDmu8+mJvXiU7G6GHVBFiR8nP8nqUcEb1XvSiWndMTb8W\nMPOiesv5qVPTut0hvPmdO/gSDNxwPumLcteeDCvy/11qah/Kl/txYZGaE85v\n+PyUPQkahtV3CDo79mcKskJIU5t7+E5ZHkL4Uft/BUNTmsqxfueVb2qKFaRw\nF8Pm/8kTIK2teqMGneJ9/IT0ngDX/uSpLZz9jM9gEsqbISmettAMhxsUrQFP\nevbvrJ5YwW4rgsCP/ryKTN0ce6JVciBIetoQRQZGaFTZWMk6Ncsot3fcgf8T\nCarKhBGeHTNhPlfaZ00gvGayPMTqTBroLJBphMlOE29E5QobnGTCHDDmfels\nKpJaxdyAay12Z2+oka71LLpfpM0ex7CSOuxKMjCHHJHD/fHvVo6P12vCvGQA\nd3e+pwVjTy3jrLgEl7Zkn0JDDkpIW7LBy2vjr7gS7MZL3M8MccNwMAoyenCy\nFxBQBkrDKqauykkvccKU09n2/85SGHz3f5DL3PUGi7YyYE6h7iIDhDJtm6UX\n1vWpHRUrCfBAUmO64mH0ZPg+goMVr3G38NbGwFyifeZsBI81y/KVqnjIZWdn\neC5OxzZ+nO+hFS4b0e6/qgLG+2QMSQtHG7V3zC1PJniiA5Hd+dnK9rgKANhE\nqoSk\r\n=g/LV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b5407901afd7b18f851e64db0350e0c38797ae29","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.fddd5ae93.0_1630654139558_0.23457679203444903","host":"s3://npm-registry-packages"}},"13.0.0-canary.117599a8b.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.117599a8b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.117599a8b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38a8375fe84b46cdac872682131c44a2838dd9d3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.117599a8b.0.tgz","fileCount":12,"integrity":"sha512-/jXu5B4cb2fLHGRquzMIjJ3qzKkw1oel/G7kkCOQvF6yW+a3SkBFyd5bZvouMBD1W1Wipw2csVJfYcgdofx3Rg==","signatures":[{"sig":"MEUCIEANqyidaFecd0tV57FrGD5v5tzdlUUkb67TKythRR52AiEAwWBKZrLyRBqeQzuzG3IkxdrrezTaYbywu99h/DzwJKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc8NCRA9TVsSAnZWagAAwVEP/2+cGO8GYOFsgc0FpH9A\ncaQc/EvSUUcHG//ZuMYHfz0gyENG+omqIe4VpDIkByogDGkFJowCwE3T3Bw4\nuHIlUHwYAENcmkrOf7zmZgvfOI/e5WU+d/leEDazbjx842Y9DgJx7hbTgCGk\nSJMciCaQIVl18sfqbGuCAjcWcmeC+NmBJpZLGrV0iqjTvRtyPxLCkTuAZ1RY\noA12OOHuaPEShb2k/mF2ADOSQXPHIWCiFJQjPzSeapHQ6Hg6R5vMXn1KF1D3\nVm7uWdY5p+jR8AMEel9QHMsikl/nSsFJjrYHcxJl5bwiH05t6+xiP2W7ur40\nq2OMqBMPNQPylT+iVvZY6goFHLyAQfdvHSD9EIEm5yVRANamqE9AmqhaNwQm\nde4cCmVdCpf//eZfdXFaflwFxBnYYRcqda4YQ3zD8HJYvOJu3d8P4C60+3AN\nUtbcx+ZJXjssLC5u0PUHP4cLnKzTjioE8X5iPRiCGR57JOdzRb/XehLA+HHP\nSjM5KLAkjjO4vgiJwQPflMw+Md93Itu4zH2LpOKwbSyRNOvaWrF3UdcQlzVn\nNeZECZ0q/sRnlqgwT6hH/ZvB9pN6kjadgCOC0XJb6/gOlk5ti6NtViF2MTon\nYp9Clzlq9V9QNa7dxp16D2JC7lDxTKMlFlGc4FLGQ+mRDVwOq33Z7hsZF4Ne\niYfK\r\n=GpID\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3dd17eaeb796b36aeda593de120f16c60ff06a0f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.117599a8b.0_1630654221032_0.6102903592056168","host":"s3://npm-registry-packages"}},"13.0.0-canary.e4180d07b.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e4180d07b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e4180d07b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ccc1125aac1ad0bac6bf27a896aeabe323716b7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e4180d07b.0.tgz","fileCount":12,"integrity":"sha512-LWXgVch2NveytkDdEeJaG+I6pIaBA7YhhhTMAPuK/xJR3Hk0kAKjzCSbgpOig9eCCO+dfK37jW8Qeg/M3dZHlw==","signatures":[{"sig":"MEQCIDa1l5d00wmiHgHdSyjuPAfF6qQisU1bPDat9XNi4m3lAiAsTvM/sUnfhJ3vMIsm+hrkM3AipiTc14cmumNUBdHuuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc8tCRA9TVsSAnZWagAAXEkP/R6nqVqf0un23DchEC35\nmIyUMbG14/Ee2D8QzCau32J5YyC78vXnWrIDAFFI6sVWEg80ybvE0J8NBLMr\nolnA9HHEXlGL/iXy1R39YXPXowIPTtTAIa6/FIUGC43LmiygQuhvecvYaO1D\nfLJwos8EvgfkxmJDzLEDOFb1PjlX1biS+KUOtHm+8nmAy0mO20p4RvsRSkyc\nIvuyGVOQK0/uHozEVaJmra9gClQhp61DFU4Z1ghx80F3GEnQtQIHte8u007P\nIBWLqXCIk4oc1LB2PSxdx6AfEgxcROeMEqpZfwCnhcNXMDHyz++JZGwtPr6L\nkeALRTBuquBsQMEA8SheBBy8R1Ec4I5E2Jgg7lCOdQAe2pd4MzagHT6MD0+D\nIcyZSk6NsEGiKkYncVs7NQXPHLi8eb2n5D0s1zZ+wUOFohmzGdnjal3/zl++\ncdSuqSn4aja1GM3PN1ikQn2iTcCfWFOdzEe1U9tekNUhoi/2Ugl0KcIq7COz\n9Kr6D3rkHaI0QiW9AnjAaCOmjVB8SwOKSM8uS7SAlhBMdMy0PHmk+6oH7Egs\nXGCDJmQ0Xit3/JEV1jSCr24s+GLLGueBgUxlfDS4lnPJr2AUKJC5QseFHU8z\nA1XCUmLDgyHwpS8yKLtlN4WzR+tabJDYXCVFAvSwPknMorrdaAfmTxQzyTqf\n9B+/\r\n=pfUn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3b94d02f75df256cd0543dbdf5062823ee527d4f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e4180d07b.0_1630654252981_0.7499006636880929","host":"s3://npm-registry-packages"}},"13.0.0-canary.42d175efc.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.42d175efc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.42d175efc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72d56a3d5f3f1f0777f7be69fd9fd1137f9b8365","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.42d175efc.0.tgz","fileCount":12,"integrity":"sha512-2ZIGumnYNEWa19hUREKnH2Qsxgfzknl1Dj8NPpL1pUbT+RmAZUq66VOoXukQ3jAxygtAEfbzgEJbl4zDsJioYw==","signatures":[{"sig":"MEQCICmDjagYlUUAW4/GwD6x/8/YbdfxUTJZ8sFqnDatbEcBAiAwp3wffEgn6uIJymyoUkV1RaWManHea3eJ/wzKiWx/eQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMkJDCRA9TVsSAnZWagAAPbYP/3z5YwQ/Dd+90w/WDbxq\nBDBbafDJEiJJADSSrYngWK7W9ap4+SqMkP5BtgDQrV+P1M9TbjieuK7tQYOQ\nD7hOKYTvoGSp3fyddL53m4nWEM1S++4btLJM67bUy8bV898hyY9OHo6r1gHd\n0PO7UbGDqAW5q6FW+JDFS7U6Jrbz7wLYCLirilH7mQSlXI4xZujRkM/D9VtW\ngyaBXoJbCS1wPLSZ/tawDXuw74AEaOfgfvbP5k5zkYDn/FW3lx4acNGqrCvU\n/qTDRKCplpltEPb1KCNicR9zsrF697B4m4iCLseqoAO8Y+VrmH1gWo4rvTq0\noyDhckv7jF1/A+6oMJhSnFGMYV5VuEOiKBfC5AZe/P8IRqxLkvjcrFlWQ7sh\nsDmUaYzkCZX/doty/K08TxnCKQmYg37oKekPnz6uVMH1765w9mknPkHMQUKD\ni6grgNabwZUwFKkgUSzZ9TjV2ngRylpHT0oIM68PXdgbHvWhtHj7/dIfPzO4\nJQvAuwphNLUtS9pGMknUQkxeUQJlzSy09PAFgOed/XpwUAL17oCaGAUev0Qn\nUwiK7FZjvJ7SAJ0eMykgytxMGJveI3slgheEyVXDJyulU43SCWsTbRvE6rPM\na58oNWYSM8Z+n2wEHbEI5yYEAE2yfyYLiiBMLQj2yRdr1kQ9F7IbUSAzGrnC\nZc60\r\n=Kf/o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"64e749d9e76a60e5559d8b19e4b57da1f44ebf0d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.42d175efc.0_1630683715778_0.0033707149164887706","host":"s3://npm-registry-packages"}},"13.0.0-canary.72464476c.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.72464476c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.72464476c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f0011105c9b75607bc2246bb99c91d6e4c4364e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.72464476c.0.tgz","fileCount":12,"integrity":"sha512-iTr3prCc23igGuHLd63jSsjMLh7YXSeNJNLXZ2ulGTpdmJ9ew5I9Ro4rNfQVbA8selqfXUWERYRuopvm/z5eHg==","signatures":[{"sig":"MEUCIGY19B3oEfu/X8s7QZU5p385bdUeVidV9uCrNl8ecJlMAiEAu8PU/Uc133+ym4vI6rY3oEu11RkTSDfwb+BpYGRZ5Pw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN4YzCRA9TVsSAnZWagAALaQP/RVIHBOv3AXSTKFLE85R\n7OR6pDMSsx0v1Ji2y5cNelf9URtG3QLkuNT3ONXAiGM/OyoQXXbfmO1GS4ej\n1ZFqpR0vY1bkLxXB2p2LWOjQSEaznxP9Ikn0gnmkbmkH8CKUXqRxo0tyqqiU\nzqM4xnxYQkymn8pEYLCWidiX5wIGP7j9ZWgxet7hjG88K+Qj3D5PRwR/GBo/\n2cZ9aS+gmI2KSEM6ndkfIUlCHImDlXqYyXRSqeOziGtk1+lctQld3EqumVXt\n0zpeh/UE2CUY5JG+8Sg7ei9XUo/fp9LcoiN0LX6npyqGvrbto+sPoDvEBXnT\nRgti1LQgkHXaUrww4Y2HqaOiBds92rOW9dK30TWTJOcs6e5y3poZUrKyUky/\noL/Hn/lSL6b+UxrAVIhxAl80MqJKvtvFlDTQtcYqtKH73qfpSmJ1eN+UFRa/\nsfwyAYAgeWK1lJS6m7vGkhZkCSHn9CTxukgczNzX9OU2oPwMJXyzgi84lelw\nuleRsX3bcqSMzW22Y0+nkn7/TbTY+se6HqfwDTMCrG+B8V4gqaIXpx9IXfyz\n3RmOZz6aY/4XjOXFjfgHUk9rwrR6XyEDHv7Vd0bSp9ExLb6XrckNpdNCEC8j\nqJ2OFlbvKQqpfreogLUWErl/oGP3JGfcHYyQtf+OuO7Y1JekIhHGEnMFN3HK\nw1zB\r\n=gTWY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4c409a18f3ef0a7ee6f9b223a514471c0515b639","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.72464476c.0_1631028787083_0.6914724592531565","host":"s3://npm-registry-packages"}},"13.0.0-canary.37d4db866.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.37d4db866.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.37d4db866.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"442fd10cb5bbf6b0dd8029aa2b2be9ba8713d308","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.37d4db866.0.tgz","fileCount":12,"integrity":"sha512-NZnRKP0am7lIf24vlTujNyl52JMeYhlM4h8F7z24sf0H5f6Aiq/yCrU//J8/6WyeC9iJUkuqPWiqmbiPWJNWew==","signatures":[{"sig":"MEYCIQCItCGrp3SFTBQDCtbQzNrVq/9RfYN0IdfvjXhuOikEbAIhAPYFJN/eND1qwG36fuUT3bbcRnHZrIx1kuhk/Q1UqACb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOhr5CRA9TVsSAnZWagAAF4UP/ir4y0FOyrzHtZdJtUu2\n99VC8KJHsn4BtvhQabVzEQ3RN6Besh7dtAdNCnGMb0UpJif9MNuIYwMYK01W\ngIY2ZLmw2aPZpLN2iKd/WAgbvaYlqAQRA9iaqmX30rV5STUB20UWSojKUDIw\ngTlT52jnTac6tcI1DvJvnBRO08/yFKFWNounQDGo6lQDVlnwIqWbrvq8j050\nRJEpUcibFueXLRdtxaR49fWHYTclJ3sD/DLMrGGFsUcB3dL38on2cb+8iLAJ\nLmGmteS1WBEm6bLCQYhiOZT6uk8jZ3DDGfmSU05aiaqKZbzjbT0xaiCbFghF\nG/nhF78h7Vv3qh7zhwHt+g/TfvECSQ+QNsHq6MB+39PlcisuPhe36Rzhc/9b\n6nzaqfoQvqxY2JxBTOk3HDpPEhdTFZOcrWsWx6i94eLxTkJS+5SP6DTxLkqB\nf2wBy0n0WV2jT55++1U7nxRt9GlcKjB7FI3oPyTcKWBZW/24jsf34EXnBNgi\nYTf6McJWSHqwo7tfKkapiURahAeB8MMx3polD+H47XXYY/VTffZr/nSUKzYC\nguFbx/nSySMuPFDBfxq58YXYdw7zyQFfeZsEQnpIUVHbAr1Lp2QSeVr79Top\n2gk3OW8FNJ8vE9hhSrPbyXn71ySACDl6LwvWCuMOpdL7fkOnkSZeOfqCMzGQ\n6NJ1\r\n=vDT5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"25270b452713f831fa1adf302fa3f2c357ba759a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.37d4db866.0_1631197945080_0.3719970191970121","host":"s3://npm-registry-packages"}},"13.0.0-canary.6df682e74.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.6df682e74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.6df682e74.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c07f6baaf5d5c3dc475218fc4ed69fc4438dc557","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.6df682e74.0.tgz","fileCount":12,"integrity":"sha512-jvztrXLFBqQcOoE2BjfLbRIyIku0N0ssRPBLldmE4LDAZbNh3yuP1g8uoQNT+RtG6tVOM5CJwvhXQezEyMS9+w==","signatures":[{"sig":"MEUCIQDYRMamg9F+S1TIHEi+oHbP+/HUrJiB/jBKbkXVtv6TigIgS5A0ArS8M9uQikMtnsEtaor5EFbXYAnJIQ3dEXwPzgg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOitUCRA9TVsSAnZWagAAf8UQAJW0idc7PwhnPCZcGYIT\nEsS7RlMC1Z1lCy7qHnwzmR2U3FhD9KgLp1Hr08m+8V24Qky1Vv+hmKsCxLLF\nZ/zKyWyYbfeK8xYV0xBqc3eTOVV5HNQgBOwDT776tE0DkOclBSxyd6cCYtKr\nKKFQmpQQgmQJmiFk5YR7xa7DZE1DoZZXtimQ6ujmhQ0JJRyh9QUCIn1Ev22+\n+blPVvesyOUdjzoAkzb+F5YA7Be9DgtsCnXyAdQMlq7B09Hz1ZfC4Rvv0plC\nIu3CuP6YgK6JnhkJjXRPrwQyYrgSLK6HSD5MnHForzRUSCEmpn/B3cQibtZL\nHRATPZt+z8gcl128iiv7FTrJa3J2OjR5eu/bDQLBwC/jaddHrvgBxXoOemul\nvUrGMf23l1FLv0ijmOKrKrtya87x+dFq2xAHVQHTRVf3FA9+H9uP0hVY0DVZ\n9lAmeAq3jW/AMgIfrPzWJrldy0bnymuurzWVNvO0b5WdPA6xMx4k/2Pq+3A2\nLBDnyBbf5KknK63hg9Hx3SsqeABej+S0E5t6r1ZGVwZL/Ct0vbwyqXAi5v63\nV+sj94xY5MGrMIIVNYW1/7qvqT3eEI0fjqfxuHWplalvWBDKrIrQwJNbYxMz\nV3qBQZ3Hc5nuJLUu6GYFommgUOcaSKtUnurens8pe06vuRWdEOKFIuE6pquW\n4lBc\r\n=HhSB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f8640926b088e6e6fd8688e2bf177fbb60e83f2f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.6df682e74.0_1631202132248_0.15961077235958077","host":"s3://npm-registry-packages"}},"13.0.0-canary.b49359c35.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.b49359c35.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.b49359c35.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9cb0d19dd1daacddb3ef2dc2ac7440c1638bcd07","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.b49359c35.0.tgz","fileCount":12,"integrity":"sha512-OKHCZLmgFNidU2d4PT/iplZO1x7c5S6MrX/6aAO10zhvof+LzNn7OdjoQgj4X5gCUAnvP5OFdrRfhMf6KKxOEw==","signatures":[{"sig":"MEUCIFjP5qWg7S70fmTAJjgQxmuLN4bPeU9PkYM692aqR1NkAiEA/WxoLXDex8oO/tkGoWAnIzNqTgDWKf7gCTWvVqYYuGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkWpCRA9TVsSAnZWagAARuEP/icvEiVWFQmcx7+dzzCw\n+kfwGI43K2bPDvygTwyJC7sD3dsxRRscqGE1GpyYkKqL1DXDGDsRSBZ2Qa8U\nwYVuw2Et5PwoZKGZz27xE/JDooPFw/hlRR5jC1dBGKoSlfUft0DvkQM0HyT2\nsZDwpYrA5+xh6B/X0G4H3HCzuw+YiGM+4MsCPJR7rlMqa3V0VKZqhIsUylQ7\nqukm4L9XwokihfbLzrVj5OOrMf2Ht5TqtJBSpwv2dGAH5AsKmbvHS5UtpuFc\nZprrBWqHgaOnaRnm7wdI7miFNX3LlsiHlFqQxihL/GuxACNNVXnixwV6glRX\nyDNEVTLWMoShtoLFrhJP3wJnPNE5unUfrJIFo9TGajupJZu/lJ8BF8k0wQBW\nMcHTcwh3uyxMK2E5/BpMTdcRJT5bS5s99uU+6bhFnAvVxacBxVajTJa1bTve\n+Wl8RzXsSZgH39kqW6aJYJ1VzwRGzEYsDccm+Eb1DqH5/O4dBTGme5G4Z8r0\nwY03TPk+NSFOqkZiJrMIvtHkjkJ7urBtRia04F2T3FjqPCkGc2iq3o0LFj2y\nMmDas6AiK+H5TmN2Vb73i9HxeQxFD3ksIFoSpenoEMckbI+Cl+ZvnAjQR3Q2\njIHjU0+qMbug7L74Euq9mRWEu4kDbLJk08yyAXmkIPGnkxon1JJ7RBI7/Ioe\nfm0I\r\n=w20x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"817b18da85c93007b9b038927a1ae036f98f686e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.b49359c35.0_1631208873453_0.1407293644461387","host":"s3://npm-registry-packages"}},"13.0.0-canary.470bd34e8.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.470bd34e8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.470bd34e8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72f49e56d82fff45662a51a55752326173be40b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.470bd34e8.0.tgz","fileCount":12,"integrity":"sha512-0rgfcW03JEZe4/yda/urE7+tfH63b2sRbjP3/uyl0ln7YDurIw5S9363lhLjk3yrfEFrecLuAmS++CDfZTgCSw==","signatures":[{"sig":"MEUCIEwl5KEQT4cG+1isO14xk8vB5fqV4dCoIkOEhQV6VWXKAiEAt8X7zSkw7mdaNKvQYtTTakp12pwJxXK5y9pOfDYRgKA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkueCRA9TVsSAnZWagAAvoQP+wbhNhmRGxSYvhrliFZG\nyGFymXpE8Y5OHYufvc88vOHYFP1PPlxoJoyumYpF/Z5aD3OTdLMrt1RcwME4\nybpg+Sn7yudVYnx17FzdzPTYBEqjBXlULkjiafdYyxxaGRyWhfTSXGARU+kb\nka9Nx5nLm553iYL9EWmeJYpNhyQxB2jsQJ3jexdNrxINTHSS/DBs7HsGWu6V\nesg2R/9IGybNkXCcyeffyU7l5qef5TnDG6Yx38srtXioJUdKVsrYjg6wLXTI\niQHvuM+2U+vnWHWqoq1NfUx+oWUKPmYvCZjz9zJPrSl+Q8DbAy+Oe8TD/ubC\n90TPNBWlzFQpxHMHWAZSo07P6OYqedlu3YcY/3pvR1YVvk4ghOvOA3qlnNVX\n2CxWfNO5tGXPbnwHfjParawh8fZ3QIJCxLX/JeqXOuyX1zauqSBv5hBJYQek\neYn3Y8KoqS5A4kSIunnPk0r56AvnzvrWIYlJ2f82uagXEDVxlmBME3aebi8X\nhMjoID5DWd59/pJfw+3+sxrpjYYdY8p13VPHat4B1sDJND/ZfWTphqjvq5zf\nqM93CinmZiZnfZ3Y6MwyISF+4t6ic+JwhqbMyHhcyUvzfyVqGOTk6VItryi1\nxdMnXgTFyY8ZZhoMerc0R/6fue1BaVIvmGu909HByMHNaIrdPQmtb9dKOSZ5\njy1V\r\n=zOm/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f249b00e3cc067fbfdf722d71dd85392d031ca0c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.470bd34e8.0_1631210398512_0.10282009894241484","host":"s3://npm-registry-packages"}},"13.0.0-canary.d48a01771.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d48a01771.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d48a01771.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f86b5ddc0752952b790f716a3cad1ded432fbf1e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d48a01771.0.tgz","fileCount":12,"integrity":"sha512-YgQLdDgFaj7vv7+91mxXMIWdQG4owz4R3/AS3tdvGXxKuMeJROsQXvh3n+lHsaezXSUY2bfdmp5AXBIEuY25Lw==","signatures":[{"sig":"MEQCIGT1NcJ3ZNMU88BYVKqP/JVjSxak4X178QZykj5xZuYoAiAkAEPYIs66sHmuK+aQ8Xrig30aP/nvPoYXWhW/RzX+Tw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOk3PCRA9TVsSAnZWagAAsVsQAIAmUaxKc35SX2bqJYKj\nU2kN0pPNUux9e5ln65K/a/JRyWwp6CFWCipBsQRSi86AlXd6kFlQlusK9g9M\naTDedVTZfjaup0vszoU3sjI9gZsblAdkMKAYbmZX0mijbnsgSt6G4uYH+Bwu\nqBjOegJB4PEhSaCSylrFDUzuE7pJb7/5V+tG5HQUBKRXcBpu4j7Y41IqJVYB\n9tbwGP0j3AKaSCti1GRenr3fKgMGtQ6sSmZWqjqwY56CQaomziTIRq2c059Y\n+r5JMyQ1aBDF8pH/fu4pPagE3c/jHwBQV7FoAjDRZ1Pe2mOEqluMptUv+NlE\nZRN9ZbdKT2b1zx6ZOU8vNVmrpddJCAip/cosDy9UWgLAAaA2YoxiEvx1+ygG\nqQ85g6M2hBA4AJYGE1vDe7CxP7BdW0GEoZXdpoK5Buc4uw+FAAJLfB22KK0l\ng9Of1tEEtUJYLCnLSjSJzEUuyIYbcRUdOffQ7W626EJDAnJQ0EWMx45ZI8e0\n/vS1c5YhdHp0Y+1QKuORgUzW7Zil+UkmhmVBbfuAGY8ygwMdDv+jW7506fSE\nxieuPKuO046ZyUCLVaDIB+u0v9XBSGcvUqWNIZVcQJ7rVbehaaChZ2jfTDcB\ncfmNyH99wzmDnPkww1RCCaziG07+40AHSiQFRMF8Tgp6DGKbxkcOk+dZ9l2y\n2+Cu\r\n=2FtR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6796441e86b583e99919b207640bd02efef6fdeb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d48a01771.0_1631210959683_0.19000723097206973","host":"s3://npm-registry-packages"}},"13.0.0-canary.13db34b34.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.13db34b34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.13db34b34.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9b48f3bb6ed0123056c0718560a9a473d1ee2cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.13db34b34.0.tgz","fileCount":12,"integrity":"sha512-9IzIvtrbT4+3GixpGP4xLi+Kz3Oambr+SIBMwqOx5kSBC+q+Dr4Vv4sq9eRNQNRdKB0V59z858AMfNJ/v1XcUg==","signatures":[{"sig":"MEUCIQCMkscC7r4LfQpGAb0CGNwBMvt25UBowXLKPBCbIt8Y5gIgHbG+obL18IOngUTJ5A7Joz8ze8cLCAxEHU7KQ9A/cY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlFTCRA9TVsSAnZWagAA4wQQAKS8dquukwyis9fo2Nuq\n/8Lx9yrVd2i2m1XYtzzHnfAg6SgH+cv+AyISztjleD969VX2YmiECEV1gTlI\nqGQDPWFM1IQxQvSBJbz139b3k/VO6A7yCWU+iUZ6MHXf4N4DVmYdTMf6bdRc\n9E+A1aQV+U6DOJMp1E+vtRmHFXT4W5srYpxLkgW+BywvQPVm9bxeu/hf1Hg5\nmckFBH3sUuaB8bso79IhIk6F5SArabzyEqAO78UFPqAJMUcZ7YZSRVAottiG\nu83dQzhu/GsSd0gWIuuUcYl7cGrAlhzTSK+WlOsQn/BKlKYdArlwV51+b2Zj\nPNAtHvuC+9pFVEc/s87ehiDPQ6jt8Kr3HnX0K4mYQEN57WnMiSbOTEZSAWRL\nUDtyXp/1r0gfNY1F+EfH2Ot98x+Fo0MOcCjwROoxPuFAuvIw8NF3aAwOgTdo\nDwE8nQLXoSHKV+tpdqLGZAIXSzg9VO/86UMe5dUCb9Pd0p/oNa4DRBFFJOKn\nMHyFfKW0oEOHDheSm3Mlljofy11CU3ohkzGT/pqDZf1PSyinxSkJrhRXPUY8\nohiIZnhoxGqH3lE8OoQ1w7DqYXH/gsYYZp050+r3DcIpZh63t9dXRMqXp2eT\nTIQINPhCVlDAWReNRit9ZyRCMvmLaIyM889c4iSiFl6eoNoVptgQydW53612\nAk/K\r\n=wR7k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7883b32c9c6a3280e801925b874df667e1055809","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.13db34b34.0_1631211859570_0.9630939690897498","host":"s3://npm-registry-packages"}},"13.0.0-canary.864798678.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.864798678.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.864798678.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c29dbcfc7656e54f2c74eb2a6e5e1c06d26bcab1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.864798678.0.tgz","fileCount":12,"integrity":"sha512-MPgSK9DHhD6r+6Wfl31+estASVrmg7nNXtN7HkLUFJSn8Rk6kL+QPP3JFWm7/jsDLjf6kDKejdIEksDI/OCzgQ==","signatures":[{"sig":"MEUCIGDRbCaDJSbqkOTMg+nAigTXeqx84yKTGI8q1IDsYKAyAiEA6GhHR2bcIfB1vOIzvZLOjnU+G76AhgWlNz3tzQTN6gE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlQDCRA9TVsSAnZWagAAmKYP/2rVFxhJuh5HZnOGO/eE\naYHD2KRteYVjVt5g7Ql516Hp7u7edlKyM+ncFmEmp0Kbl+7jE1jTGCAxkf2U\nsFjAnYZ7VOdcdRJqb/SU/vhh65hEzvCOR/ect6ODCpD26AXneTGGN+IdLMi5\noA+e5IqtHIwBuECc6Fw0Of3HP3QlNtFFXu6bA2+l+1VGqM2gbhxLZcpUNakf\nbE6I8y18yyXYfle+dk/FGVzsnp6UhA0zdJ0rsRsY35KZIx79BMQYQWMhUj6H\nJEhfmy1ctZMhliFBf4Z9xPHQLYUqmkoEgPSt8yc5qPX6Xjg5IPzm2a7Jin+6\nAJ7gf0fQWoelGHu/5IzpYV/YNarO6KZfEilelGcdiYNCJbd5CST9WL9WQzlm\nosG2bpu2ZFcqqefD1dcHHDQUNHJ85ccur+y95n6dyteqGgelFl4a9xFwDzHb\n7Vf0cmpiLD8N1jdzxpW9Qgo1dnzIU5gAULI6qM2eyA6Eq27WLV8BIZA2HBx+\n7GUAaarynXByRuPXQSvzUBEz5X/lQJf3Kv4H3b1qlLkEXKInaGGgynQ+LB5p\n7YO6qnzxAShtR65l8kGwFt8QELk8cRgDdHw491STEBoKW9OKykWZg1KqBCuc\nz2BwKinKCyCOXgSM+SyqcWFuAmPo80WXujXTTxoVPINLJnkB4LyHbQrPiepw\nsWzK\r\n=8AOd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"08d2ae683a56b5e86f7a54eaf5a2090fd4288df1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.864798678.0_1631212547282_0.47931744203244486","host":"s3://npm-registry-packages"}},"13.0.0-canary.d04bda3fb.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d04bda3fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d04bda3fb.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c5ab9d2283dd4d17343c27bc722fc68c7068532","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d04bda3fb.0.tgz","fileCount":12,"integrity":"sha512-CuM5p3R5RDqtBlbqSOcfHUIdulLLfMgo3goC+dijYRyBnX3JMyV1ztpUhznd0iimKadnuV+zNyFxwh97mhOfyA==","signatures":[{"sig":"MEYCIQCjQnjnheBqAiUhCXqAOTA90uh/7gVN4+T/fRzihD5RNQIhAKrBmSuOGgTp7IUG4d1lWvQlO3RGgly+dki9PPwxIqal","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO3e8CRA9TVsSAnZWagAA9u4P+wf7gn+xAnWOPEmb4Lmm\nA0l3Uy7cuGrlhbIPQjBB1Foscxo5ROaeJm04PZIZzJhEJSGQF09VqRa3TpAQ\nN4rU+qlt4b/54HVWjRg0M0tbuwyNKnYY1LbOAjwGWK8aBs07Gv6yqDeg9r+z\nlTm1c8j0i2JpKAkOO2sM5o/eLygUQwRI841uDzC64cXgrjn75Z44Jm2YQ5t+\n5EjiV0EG4wMd2LskJ1KaTsFeesPcnF3K52qKsMMUVIL+kbJDi6PoJ5MPupK8\nqyzMeMi2XVUORN1hl00JM5TR6rFlb+cGnf5ogB0a/vfkF6BklxFDZzl1zGpH\nMOuzZ+CDlwG6LMzI5nZzKrbpj/5K59zU6q7CRYVb/4cLL7rbeVhLjBg3LnRi\nvGV5swV/nIB5uTdPzSw4KhCC99sHFCoUyIGC48sgrlrpqTGUAZ2zXxvygmKs\n+i0MHVn/ZIJNH+nLHuqzodzIA5qLMvqfqnjkoBTOy3dIGHpPmYvZRdtFY4EM\niNIAFPN6kG0qaPMJyqcCK5IzIv4eX/KuwmX1fmVHH0ynahi5Srb0woBrehxs\nHbfupAdVP5Vhl2q4r80AztuL2bP2zVyhq+Jr4A/xa4UViLrF4n5wrELAotob\nMFLT6maygJOjIqXhT9k9QByQNwQRhgQCUdQP8002QH0dL9Zq9/ji3wYtKbW6\nkf4N\r\n=l2Nq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7dcba6a47b77f0011a1f0e22b3540e2a70b285cd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d04bda3fb.0_1631287228622_0.5334057624347455","host":"s3://npm-registry-packages"}},"13.0.0-canary.5533f73d3.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.5533f73d3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.5533f73d3.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"521c88a40188dd7360cc2b892e0e1abf0fd9dc17","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.5533f73d3.0.tgz","fileCount":12,"integrity":"sha512-ZHA7OjJXYWDeB6t7tuney50rA48vHF0qnyTSHXjccGq8WZ5JC9CqcQ7FJXQGLcoycTxS92gk5DOK+EyWT+vAEA==","signatures":[{"sig":"MEUCIQCDg9JN7xuTvlJwV8Cpw/CsgRlyuL2l4ihiVX6KSLc5qQIgVjCwHTzaGETP/vXUbTv/9ExSTZ6x0HIWajPS5/Kjtdc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9iRCRA9TVsSAnZWagAAez8P/0cj4vzMVaAle3VfKpM8\ny9Bx0VlZ6ACslrdZmFiXAnldtCGQF0A6wTzYmoYyPyvyfXncDR4+XaBQgcl9\njsLjaXOLYgCtJGtAYKa7lNAkWpRdCHIrQ3XAr4NisXCN0LNz5U6T9c2s9s9S\nphAuJzv8pqguc8WrABT+MFMfTkBKSC6OJui3zHnC/j1jFsw12zEaiqfI4CjJ\nxQLJUXyfJzWGP+wVwYRGFSNQmRsDkAEX/Oh5sf9eiz/yop01Ap8hm5XKjQ+U\ntSqyp9ef0NdCa7DZ2d3/E1VLNqBsiyRBvgDPNOKQ7sSaKmhWOWZZ0ePZwvfs\nzAbou9M1vQbtNFWCGEEqCNz1IclaPWc/rdaf91kSNzn+ZW+fVM1rzqKdgckD\nqKaUJhce4vv7MDYrFdbvFpr0UhUDFRYfUVFic4b7MhkmZ979wCiA3uObYKnP\n2ahqL2HDfAhJQ+2EEla/bxwdtUYxoEaXdK99gmQmwrMdK0MzPBPtLNEpXrUW\nZ7p5hpPHI48gtzLhg//aQdlQczYLGcMvqJsnWeEYn8lGjTOHzFkETA6d4Rm1\noqPX5yxxFJ+TXPd4eEezleG30e1ntgWkCvqk8qOiPsB0vI5KTDQl5i2TOtxb\n4O55aM1GkD83iR6nW1w8/X9/d/ttvAUH1p0awvWWZ39uSzU1yH0NR0a/g4ql\neXjx\r\n=JS22\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20bf1d151f241eb77dfa3233eb61f4e35d5b2838","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.5533f73d3.0_1631574161015_0.439383447898414","host":"s3://npm-registry-packages"}},"13.0.0-canary.08398f880.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.08398f880.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.08398f880.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"071590fea312960709c7746eb522cff780b436a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.08398f880.0.tgz","fileCount":12,"integrity":"sha512-lABplSn+DjXHXltMYl4+lOqt9WB3n4yEQv9H2VJkpYRDTXvM/B12Nb5Wzr4gFiYVYFEKQIrUDAwO8us3zSn+AQ==","signatures":[{"sig":"MEYCIQCqJyH1rcQ8o0UlCmwXxi/WhXo1PWtKugw+/ivFMO90wQIhALzsSWb5fMLFlSgA7UZQ7j2iSxR0t5IxL1BOaZ/JOzeH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9/CCRA9TVsSAnZWagAAPr8P/05eRCkZI0SP2FT2Uqqe\nE3k2fgnuJevX6lNsvTD7ymmcWReK+R7bWeoKO09PFXPm6DJNCeSkCh+a8lO/\nUxAz3QuMQilIFiPZ1/YeO7WCtnZ0MLoQk/Vh1bpICSmn8jvLxVBXFpdWYZhT\nLoBuhCgeUNQO/r4pXwsFM1Pei6IS05gwbgOz0rC0wIrNpQs01syA6R4gYvEx\n44EChc44/cDX9gI2z6mR31DjnyOMQEx7rHtyk7A1TgXaoCqnjtPk0cq6Y97d\nEe43pjE+z+7j1CyUCUCVPzUfRdoRLXNeleGIeVZUDxYI7jwLebz6DnMHhsrd\noHZZOTjg9SfDHYZI0FGjeKJxbsMyzr/jQH0ovPFXwW2DouBuRZYodODy3frj\nMMNGKNhF8AWjZmkrHaDpzwFfaQ5Jj+Vdcf8tHlS6/OUJz7kfQhvFlfpogS8T\nY6ghqd343Nni9H26+riQysYaF3H3jf6SjrjNArgfzd0QYme+jk+C5IgQOgZh\nj1LMwJs2Fay0PMgD6U4kfwjHwJbJUrH8xZHz3amJI3PPaXMxIdJPqVU1Kfe+\nqDXqs7G9go3I4x/+JUzzBqnMFAcNBHgEljGn9cAxmTBdKJDXxj2Spw/lSZHM\nCrLQQdDW1XtbjQ1HcbroPM4hMyojOTD+8v6xvZ4zMyAeEcwoaj5MF4MkImRl\nq2kY\r\n=j1Z0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a993a7d6bd4a018cc4ae230bf1cc3fecfc16d1b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.08398f880.0_1631576002510_0.7516530763622948","host":"s3://npm-registry-packages"}},"13.0.0-canary.818f4ee93.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.818f4ee93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.818f4ee93.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7427340d6d41c30d0e5078d86cf8f1e83deb5335","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.818f4ee93.0.tgz","fileCount":12,"integrity":"sha512-Afm1DW0Ayjj5vPBLJKPkQNvedI04r/kTqr16KdVYmHrKen9n2YHlimst7BqWMgMOkNfAySy1BzVScm5FzEmq3A==","signatures":[{"sig":"MEUCIQDYg+IGzzNtliKq9oczZZC+swz8tqzZjrnXDKXHNF18PQIgSnGXN/DiLs7gc7nDzxxgDZmXXropY8fUz3bFeKfqZqM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjIdCRA9TVsSAnZWagAAiaMP/1KNEYsGRMYmSzda9Xal\nr9OGJRpnQFi55hegHubVfdqzW/udvaLcmSOZrcRGNhbT4qPf/+rqBaOrGBia\nxbVxP4IT1yOc/YpiVt2r4RxkATpFA409nL90cw4uJV5JD2uORXzSMXVQC6SJ\nw+DgCSE/bIa39Q69A79zhE4AvY06W3H/Q0A2xIjDgs4e37e9ALdXEwxSyOB9\nftD+g0gCziuLP69ji9oHUUY+HWykTy5pF86T4LpqBepvhfVLRvnxB4oLdgaO\n7aLn40waVFeanEVyFdzToE4eZaxqw3M9hTmN5MgC9i/sIF1GV95HA5qWdwUV\nEFMYZzSIF0snhpY3hNmFs7Q2+v8EUyDhPNY4jpEM5vQPFdQTgRLOWJMkQmGl\nNsHiD1LH+Gz+tvQWVvWjmgif30DaSMC8fiJWMWq7zTEdTUukFJqDhqFvHdkH\n95P6/S1kfao6ixGZHV4bCwMgZ7kRObh0iiRP2J4knjSmpyyZjKV4uhzHNg0Z\nbcSZC1Rr+PN52T958Xb/EW3yOezDzwGBGCe/ulVnlYl+B+Jrm1zrjmMdrMdM\nnqVB2895Fg2NcCL5zydE2USVksQPRZztoS0Gy3xZA1h9OcW75PL7rza73zQA\nRhSJK3sKyCd0y0/W/628Bp0+yqwjoBULnde7i0ZUMJzoaWl9oaZtx5DXvYlp\nm+GA\r\n=aAkg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d88a726d331a878c9a8721e3237e8cf6df49f1a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.818f4ee93.0_1631728157274_0.634723744542619","host":"s3://npm-registry-packages"}},"13.0.0-canary.8355e14dc.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.8355e14dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.8355e14dc.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e61c3d9f499e09c0cc7fdf3fa483aac19d73e341","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.8355e14dc.0.tgz","fileCount":12,"integrity":"sha512-z/+tpFXS3IkLEghEEMuBAFNs9/I6PH79oV6VUzaOE+IZsLuHVcyMMLX8lioAWkOyxzLsgTQ79M5FbU5QlEGStQ==","signatures":[{"sig":"MEUCIAyBf53IDuNDHdbZU4l5FUx075X1957lseafbI0W8MZaAiEA+txfSEO6ESUEY0TGd1yHFfLiBKnLOR51+/2/InbtcV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkVRCRA9TVsSAnZWagAAwF8P/0nX6/tGJKSTsiNqrpNq\ndZeiOqpkT4JcJMc2V3P5w4vCjdbCoP9G6s2mil6Z5CS/3RXYtV808j1CXjFd\nmYtKxrBF3aKXzjd1Rg0GnDRxZgStQqrwizEwjD9gjLo9xC7aIUMwBRexzAyv\nlv5iifvD2z4E/AHzYMp4A1iJRjy5hnNS7KcY74WWED98brVu2E5zxPA7u4wc\nM81n6kmMB3EcZVqNWSfbla5pCNr69z4NAr68IF93mnho60rKr0LExoeNhymR\ncbwbsDwzUZp/bCIYS/KGl3thyN5icTpXzbokPONi87ccG6jDYyfSlthlXSlQ\nPWcvAzAf2DQuJKCJCXph9KMgBiPRf0XdW6X5GswZvO8i4362y7GWuu2sPgvF\nLi5lowyU1osRcfny+x1KzHz7pVO41jTKljSdmgXemnLVDfsZS1MxLJOmyUz1\n5Jp2rKrv18sD8AozNJjSP3hbp5dArqwzphhqmog4sW8bUz2W8jnLOuOZuiXV\n6Jn4ZGUoti0lDydHIvzk4zuG/hH9uWGIoSuzg5MU84TpSyARGEZ4Jau+fe3i\nnGauTDU+kZsddJKogoGZRmSG1Igq7IfLGO9wMIDM03AVbmKp1xIuvkfjMJZy\nwnT/1XjFZ45Am9LrmlbR6bXpcP8LBc0SHAAYK5aixfM8ac7jPDCfMcEkhQBX\nr+RS\r\n=aUI9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"065f64e5cbd54d86f092d8d1406bbd0852b2a6a7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.8355e14dc.0_1631733073029_0.7009218379028208","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4e16a6c4.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.d4e16a6c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.d4e16a6c4.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0d7dde0b1735d72b0476b9bd7c555e4dc08b46e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.d4e16a6c4.0.tgz","fileCount":12,"integrity":"sha512-3aVv2wd5clu23/n9H7GnNuvSmqWA+CnUVYncdXxK8HJl2Z7mDdq5qrNk39HjkpGzXSEuIVfU/vRD9ds2787szA==","signatures":[{"sig":"MEQCIEGGe5EWw8N3T3h4rjjGzqPhpjEHy1uc9hldY6koTqqdAiBYQxXCQMKqSfKouF5k7uov/T/vbRr6sM6uBML+goxZPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmxqCRA9TVsSAnZWagAAQkgP/itCT0l4yLd4mwoM+IFi\nDg69ZTlp4W05kxHfn+ZVJNtbM6lfsNeKmt7JMOFZt4ECnKSJp/ps0jKBcfUb\nsvR1RLtqxXOv9beK5o+ENcSd/93aQIErN00DM4cSnh6tNDGzaOJpXyIAWjop\nmEBdR7pfPHr5OPYRiVjDE8WgnSc381GFUg8CvqZ/uT0wza4kBhrsUFJPtsIZ\nAwTIVgpyjJi66wM52Qc1EIM5UTIK2sShupW49bYXLIm9lvHyYuBCBnG0E+X3\n38dckJxRQqUl/EOkoC1htPv0ngLPCPPyKf4KPsblkk9mGKqHgyluKc7yZA98\ngAgB9X2wYa7c6TLSHeCuU2VmhQPurio6i5xNn5EvDh3/Y1I8PDv5JED9xcSk\nr2J3fr1lpN8wM0kdBJrZIYgIYcV3ACjP8dnOF0LlEdT99xXtbFr8U1KEUddC\nKQzgQX0eI4L19xBUN4xIVRs820+rRanrWAOSBqQvEER6YlxMWg+R7ui6lTSs\n3GXOeOpNuNve8sEY3xDm9km2mew3iVM1kbKKR+ahLDFI2E6cW6/cOPuKBrfz\nOoXWn8Tsw3dcBZECUO1dBapWG3nffkMVIGvIMQ1FplDwXTTcsyuiKodg/LpE\n6m5cxPntVMCNsKsEHaQ7LMGwPuAP4u76fRCuR0gbkIwg/gDIrGfAuC4FIsF+\npbBF\r\n=ZIQh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2c2d0c3f7c18e3a2b581679df71df5e7a0e2fcb3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.d4e16a6c4.0_1631743082502_0.6102068630691808","host":"s3://npm-registry-packages"}},"13.0.0-canary.65125b3a6.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.65125b3a6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.65125b3a6.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21373ee955b7d1d434ea05c7bbd54f623d7ebb5e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.65125b3a6.0.tgz","fileCount":12,"integrity":"sha512-YFY/9zsUAycYHY6bw747/yVDvAshcIBDK6Z2B2VaSuu55+LCelHJOVwMsYQv1ADw3wQuEdno7HXphNds8w/Naw==","signatures":[{"sig":"MEUCIQDMUenC48ECnwDVt0M6sq7Ha1SK8V01oIGDfk83uLZe8gIgIWrho/b06AO299pcFFy13D+MT3NgYp0vGuwSifzwpMI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ7QkCRA9TVsSAnZWagAAFIYP/iD2jXlruCc44YzI4Xwy\no2H45tyN7kMQU0wrrolmuWxMW5hsCwJu/WCPNFzgxghkx7FgYT5eNd57hbHO\nqHnJ0y0uh8/tsG1SUYZOMgQRx/9SEcwYRQZTRBCCMyYu+cljDVhGnxfWQFl5\nOjExEl7zldeQahhWqKmIzXgDg/Zal014xh1rjMkAjP6UX5Y910bftBEE4JWq\nRX/zi1jVbJ4NlIbwJQuF97vX3TYKF+aKybF+NEois2oMPtmtg8QBr2MLug+y\nB0ieRMfOxjTCRFdJyT6Jd7wqdYVIObylepCBodRHjoRazGNiTEqnanWnpaoF\nIgcIdOQADytnVlBIslO7+ch7rzOGIuPwPsgfkG/GAW8m3HreELa7xiOqV7Ew\nF0KgKkisj8a8pUtfvXum0UmVkVba72AV49tHScmSKlzmvJ43L0FBlBOivP6/\nWgzufYndY20CYtv/zBDdNpkC8behdCKxX0PDHDl+g8iJdHQULd6Cmm9CWEJA\nKMdJ/n38B9Mb0rXbdtMFSSYCtKVWTw7EztEPe5vobkozpoLY8pBIMjcP23k4\nGccnlFbtbeMzT84kOpxBBzTDm2cIaYb7FMZEW2uZfoGCxzYzn3boUIAdbeyB\nQqeuycVHSMN6cQza/byDex4Ho1eyBWAXZZLavAlH+TuSb7Wtz4ygeB4M6dK5\n/u+/\r\n=bbRU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7f141fcd82e6061ac62fb457dad40c0ad70e52d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.65125b3a6.0_1631826980089_0.1375030491149678","host":"s3://npm-registry-packages"}},"13.0.0-canary.80a583365.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.80a583365.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.80a583365.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da1e1f2bb34a19e89f526a0822bbc6574a33ece1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.80a583365.0.tgz","fileCount":12,"integrity":"sha512-mbcNpF35wfdn0pmPg2PMLePUT7k8inAPoZSxjJpHcH5JDoRFMcW0JLwncnaQY6OLxMYgyT3aXfPwpK+8N2VJ/w==","signatures":[{"sig":"MEUCIQDdCXvs+W2MrgLPlbKWdnkPIG9+IGuaC9gur7HX/73M3QIgGoFhMZkphvUV0V68mUKAMSGqq0oRNjNCCp1qkMjggdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c174baf193216601da7fe07831dd2152585c6beb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.80a583365.0_1631910895058_0.5123948447240456","host":"s3://npm-registry-packages"}},"13.0.0-canary.83900936a.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.83900936a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.83900936a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22f296480550393c10bb16b8f7bd0b3bf06c7856","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.83900936a.0.tgz","fileCount":12,"integrity":"sha512-/5kxoFFvG2CSpKTQD7Z0SF0A1yjTALdNvoKDXd3Paa3qMaL/Xvn4AbGhYM/R4C5vw9vt6HKNpjiSZuilJ++dCA==","signatures":[{"sig":"MEYCIQCFR/3TKvvAqyyGb4dRbqPUE6oerI/Q0EDRFjUDNyfmsQIhANZPS3ZlPogu8kU+O6GbJxYqfcJ1NHMS0DNoSPqfTZbo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ca6026fb6b378ac9a4f14997612369fe29f31093","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.83900936a.0_1631921009291_0.9656904530501211","host":"s3://npm-registry-packages"}},"13.0.0-canary.860ad06a1.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.860ad06a1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.860ad06a1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4baa8ff7c96718f5ade965fbcd5509f6d6c0315c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.860ad06a1.0.tgz","fileCount":12,"integrity":"sha512-6dNNkEhqbn1JeuZCqa6yLTHo3GyOdporpRRnQdJ4tsKD5bEoKnu+77mXwfrDoMHjRpNEJdTmS4kbf/5LCpyVfg==","signatures":[{"sig":"MEQCIBqM/SkwqXpWFd1CwtTHN03haa+RTNgaH7nGeHdLDn3LAiA/rP3dRu9Au0foAF3+Mj+W4jYvQ5Sa6YH5eMmPS39VuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f156ac018a526d53d5f5077762518483bfa7dc7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.860ad06a1.0_1631921707538_0.38576738055633153","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b8d4429e.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.3b8d4429e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.3b8d4429e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1820a69e2e81f79004c80cefa3d92851951750b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.3b8d4429e.0.tgz","fileCount":12,"integrity":"sha512-TvdREmUcrCY56GSllZ9v9Ic+j1n7zGz3Q0lpvUZ0Mr/qgv+p+5YeoBXz3sksEg1WG+wthvLUIMZXsspecXG1pg==","signatures":[{"sig":"MEYCIQDRiyOvjA6hooHvWr2Zxg+6WBE7fEJJmx8QrxhaujPAEAIhAIDi3eams2zXIRbVZiF7ztJoVIXfolzG8d6wXHNI/mJ6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c548d2fdb2731631683bc92955d6701cd0c2bd14","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.3b8d4429e.0_1632159999751_0.7564584826126071","host":"s3://npm-registry-packages"}},"13.0.0-canary.2da3606b9.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.2da3606b9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.2da3606b9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9b317f8e3d686a80cb700f9edf31473d9c9ea2c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.2da3606b9.0.tgz","fileCount":12,"integrity":"sha512-3cBQXZXgGWA83GRzibozdIL+t0GBbGVJaeWmsZvylyzl2A2L7tecnzFufr/gJ6dBuFHvwtT+qrLp9sXKvxKvwg==","signatures":[{"sig":"MEUCIQD8xi5RzzxdO6n+DcTx1N08u+ReRT1yd40xc5RgBYtZtQIgZ382WpK1wQPdtvRPU564mvi6CkrE7s0zc5rPgiCCA/Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c452408cf52d900869313ad573c1b84c9d6a3105","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.2da3606b9.0_1632166612199_0.6459222742051398","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8c598d1e.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.e8c598d1e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.e8c598d1e.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc05e0fa546823e8e4a61ca4b1461af8b8f8307e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.e8c598d1e.0.tgz","fileCount":12,"integrity":"sha512-xphR2Yq4W8/JIO9KM1IFGEMxltIN+7/iu8GFbYI09kafI/XqjhonAarRzltcKBKsfOJgmwcYOhZ7/XC3h4kHmQ==","signatures":[{"sig":"MEUCIA7vd1zuvvZdvzzf8u39KpA3/hmJx1HiKa8VqSBXarCIAiEAumX+QrJwoNtZcaBGRG+eGTIjCwTI0wOQoAhoP4wi9KE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"11ab5557b275cc7f950ff2123684083e6245eafe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.e8c598d1e.0_1632172260743_0.6994270368497439","host":"s3://npm-registry-packages"}},"13.0.0-canary.1340ee9f7.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.1340ee9f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.1340ee9f7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d65200e5b4d7f0b4806c7adb61b4c3dcca7a487","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.1340ee9f7.0.tgz","fileCount":12,"integrity":"sha512-sbyzZgVcRp5sjPX4c3Iz9PVomQUUpzrctur4PQ74YNknIBLrxURSeDM0lLbN5oh4CM0nBDosoT19X0ArrwbeRg==","signatures":[{"sig":"MEQCIGwFyVfwjyPar79HNU/5cHizcFpOwOax56u6i12AY+4RAiBNqfr7GZowmtBq6sRbhrg1tyaR+7u3lBEKlUkiTgJ33g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9cbdc93fd9954f12cb74ebaf2cfa5806d078879","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.1340ee9f7.0_1632333422117_0.2137785530182017","host":"s3://npm-registry-packages"}},"13.0.0-canary.65084baff.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.65084baff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.65084baff.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4abec9b1e707b0b7e8e5b223f634349a6a6e9d22","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.65084baff.0.tgz","fileCount":12,"integrity":"sha512-JFbC7rkIUHO8W86qlx7yGVue5sbR2MQDO0iTvQp2Z5j5bvxHd6C5HtENSC1nhBcl5fW+TkTPoFKQCrCGl9QahQ==","signatures":[{"sig":"MEUCIQCfmjUy2P65+gdj6j1yBGrQc3BfsxclQ7aVBT0zMb7C4wIgZOOAuo4rugb8+f9VifbNW9dsPKPubkx83LJlj8wCBGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"afe4cce0d8c7e5038058ea8198ffd72e99e1c941","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.65084baff.0_1632432271399_0.84673795647415","host":"s3://npm-registry-packages"}},"13.0.0-canary.c79aa0cdd.0":{"name":"@material/feature-targeting","version":"13.0.0-canary.c79aa0cdd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0-canary.c79aa0cdd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3f30495a0964151c6d92f8192fcf238a5605cb3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0-canary.c79aa0cdd.0.tgz","fileCount":12,"integrity":"sha512-7udpQGV1pYSpb6kUqLKzXJKSdykCvNARbUJ0xlDZJtRNCV+9HVYupBOdNFcQv4KIGZH16KmETMki/FVq/6yRxQ==","signatures":[{"sig":"MEUCIBz9LjlQ4PHMhfWMZA8oSkxLS9oywwj277MmMyo7RwDLAiEApFulG0O61hW+oT/QK2JZ81zmUYORltzp0V78rHJ72MM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2caa02d38f883966fd5f78948743dabdced9b689","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0-canary.c79aa0cdd.0_1632490845422_0.7710184727355212","host":"s3://npm-registry-packages"}},"13.0.0":{"name":"@material/feature-targeting","version":"13.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@13.0.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bc7840b40930b6831101a22882acdd0329591c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0.tgz","fileCount":11,"integrity":"sha512-QJClfeaA4EMyAxKJy9WR0Nx+/VwSZCkhGLUVBG9NhxqYGfl/LtaeaidrNm32vYEoNZAofN92VD2RwQTRwp/dMQ==","signatures":[{"sig":"MEUCIQCkgFRN6FP4QrUMoDS5jq64beh1qny9aD0VMsglihmtIwIgQt7mmlsoJtA3SYqqgnliSfLsL34R42Xp47aW/sNTN/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15929},"gitHead":"198431fcd8ff3028934d2cf3a5b292f8482a4570","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_13.0.0_1632512699224_0.44347454693896005","host":"s3://npm-registry-packages"}},"14.0.0-canary.198431fcd.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.198431fcd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.198431fcd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2d71c3d1736e0b021dad6f2d1d2358463240533","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.198431fcd.0.tgz","fileCount":12,"integrity":"sha512-NHlYk3IbLbFSTprjGTNgqkxwxIG4Wyqe1BG9oyWunSIp7nwbWvf3vymcNegiDiWQfP3575bnr6sApIrFnSQemg==","signatures":[{"sig":"MEUCIBP/YTJDW1QPSYZpzL1bg7KOcHYGYSGhCzclQgadfBAeAiEAr2YyutRD2va1M6FxdXkLpHfrXXApxhdSg21GFJ1O/+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34242e3354729334618dc12d6bc959e0a8f14dd4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.198431fcd.0_1632512743426_0.6455119133968756","host":"s3://npm-registry-packages"}},"14.0.0-canary.9a02b6ef8.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.9a02b6ef8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.9a02b6ef8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0be74993c0bd559cccb47dcb8e512724de0930de","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.9a02b6ef8.0.tgz","fileCount":12,"integrity":"sha512-uDgRxQ3rU6IDm1hH5w3hpgio3RiinAS2pqcvvTBG+3A2AYesvRGDwgXLyar7va7ucxR7bmAw4WJD/LMfqlheOw==","signatures":[{"sig":"MEQCIHT8xy/4KmfkV5aUUcLO4pCxdI2GHlKEunW291AmbmvxAiBaHsPwm1lB6lojVkPpLUdYMpW2F6B5R1nE+WeGrb3+9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"13e91b1150d6339b15d71c44c8743eb9e2026eaf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.9a02b6ef8.0_1632575411774_0.09140532371096621","host":"s3://npm-registry-packages"}},"14.0.0-canary.758ce31d9.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.758ce31d9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.758ce31d9.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12885f2c580e2a111d56147d40dfe4e974d95dbd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.758ce31d9.0.tgz","fileCount":12,"integrity":"sha512-2uLgzFEHq1Fwl4NZyveoo6hK11r42oR9UFrFzH8U313s9PsWEi4qLfSimeEsmTlNgZj/tmY+xMs6kJo/OY/msA==","signatures":[{"sig":"MEUCIGKM9j+sKt0HYVZfQQtqEgbdWhLGCBXQG8Dznb4X15l1AiEA3yiaSicQSeNru7DUi0ZXJ8C/Ho2DI0lVwhLqLfuUW7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"09083795b738aece76a37f8a1dcc8daf958204b1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.758ce31d9.0_1632763704639_0.709850613880199","host":"s3://npm-registry-packages"}},"14.0.0-canary.86b50ef74.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.86b50ef74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.86b50ef74.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bfa453b8d54a4d1a6aa822369d3e5648b290942","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.86b50ef74.0.tgz","fileCount":12,"integrity":"sha512-DF51d9sKaihsDaexsyVUb9TZt0XxyGRFAuJIx4gnqYkXQDuYe0M1ZUgiRHsyCSda9uA+zkWZoU3ZxZKcp0HxIg==","signatures":[{"sig":"MEYCIQCEtaL7rsUfBZGwx4H62xq3RT9PvaTq2KhDBigsyzkiqwIhAL1GduXBTpinA0xsqFutk8rXUjCWtbKhsONgUs48+kGB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5941ece7c1e494e720865be940d098a5556de149","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.86b50ef74.0_1632850926250_0.7864878101707831","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2fe3528b.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.b2fe3528b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.b2fe3528b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42f0fa33717817398cb5df7c1361d5cfdb4e43fc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.b2fe3528b.0.tgz","fileCount":12,"integrity":"sha512-z/prdvqPNqFZSI72ZulxpldnWcs74nY2x7n1kb5yaSmwrTmPK0txQaJo1L3MGuS2I1Lg5aeEVtf0lGMpU9m8Vw==","signatures":[{"sig":"MEQCICW2bsU5rgOs+IG5lNbqHz2eIisu3mCIDvcMdPel5YPLAiBOuyRkTEidD5SCvVFvSi3j2Oqg84IF9xNIiH9+uV8orA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cce11b1c181ea84c0bfdbef26112377518afa98b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.b2fe3528b.0_1632956158809_0.17678192683940752","host":"s3://npm-registry-packages"}},"14.0.0-canary.586e740dd.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.586e740dd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.586e740dd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9da4a58a4d1500f53378293287580fceae711a1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.586e740dd.0.tgz","fileCount":12,"integrity":"sha512-cTm+3Mr00k13xGFPpuPgpiM65ItYB1h5yUWlmca9Q5M1mquz3x3e6Ls6JhOFLWpNNZUlTXmJITva8GoO34hQXw==","signatures":[{"sig":"MEYCIQCDwDDqA1LLFNkh9rCEO0yJb0x2yY5FI+Px39hFwZIn8wIhAMyC+XGcW/e6/l71K7ktsysFD32B46c0/Ir0m/ZZidN3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c765889db11456de00c45d7bb289b6c7cf3ec27","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.586e740dd.0_1633019422486_0.10331242495452675","host":"s3://npm-registry-packages"}},"14.0.0-canary.2ac92d766.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.2ac92d766.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.2ac92d766.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42a96cbde0c4322558bd1c7698e3ff4fceeb4b4d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.2ac92d766.0.tgz","fileCount":12,"integrity":"sha512-ZsphQGez71Z6wOzy1wRw+roW1HZ+gRvujOygavdu/GaHVaUYUB63BweyO5bKgXDa5niLL5xEJp/UU8jGfQh/uA==","signatures":[{"sig":"MEUCIEuqbpd25NrJSVYVx+EhxjcOOFAfn7gsSdhV2lL+p58xAiEAr6pWsZE6kYmJ3Gux5KusmZt9sVx3hKnyiN3sHbp6Ago=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3a797e3a01110aeaf8270a13c2cc32d0871a8bd2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.2ac92d766.0_1633462054447_0.8669554575525971","host":"s3://npm-registry-packages"}},"14.0.0-canary.353ca7e9f.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.353ca7e9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.353ca7e9f.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e1616c3a07b10f63a8040878c1ab3f1de91fccb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.353ca7e9f.0.tgz","fileCount":12,"integrity":"sha512-JhFsnWvNwdGfbNGC1F3+QlYKWpAFfRkPhtuOjrs9G1DRZWj2zIy7ZuJTvtefK4VntDY+8vDFVwm8sV+9bn8eow==","signatures":[{"sig":"MEYCIQCokPjxQM5BTrtZW1wBdKTR4HoAZRDapEaU2HXdrGkihQIhALUguzfkxxUaf/42R+EwAx+iw+zJCcZg2wuY+lhdruW4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4f091efbfcb52d523712f9b99808d737b06a60af","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.353ca7e9f.0_1633718762956_0.13729345177904118","host":"s3://npm-registry-packages"}},"14.0.0-canary.c78ff0429.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.c78ff0429.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.c78ff0429.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42bcf8edaf0e2678966b76296699a1de759f0187","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.c78ff0429.0.tgz","fileCount":12,"integrity":"sha512-6cFV+UjmJ1TaHRMc4Un2GK2IupbzZKwKWTeRsAW/tbGqnsAxixXcVUQmhVU5vLbRgx8yNplDVaeo8x1jhZIxVA==","signatures":[{"sig":"MEQCIFlalDT3/glrfjaVbO0sjlRHYwlNkyGbhFH6Y30+FRChAiAoNYxHP+hvhRXuWSvgUZRyTZ5CtwIvPq/Lc08VLH4zMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"55d918ee5ce9842b93075fa0d0ffd2b64b5f3ed3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.c78ff0429.0_1633972871640_0.36496686141153334","host":"s3://npm-registry-packages"}},"14.0.0-canary.261f2db59.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.261f2db59.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.261f2db59.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef9a02e87c1fdc91c290f1e54d17e141be940b91","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.261f2db59.0.tgz","fileCount":12,"integrity":"sha512-CrVoGNu0ym52OPEKy3kgeNL2oSWOCBYbYxSH3GhERxCq5FwGBN+XmK/ZDLFVQlHYy3v8x4TqVEwXviCeumNTxQ==","signatures":[{"sig":"MEYCIQDrHlffRSLWbM6goWL7e78veef7vQob2n/2sMuv79yVeAIhAKSTST1CfMxMBlVEJ9UA0ebd74Hl0KGL1kYdFDSFI+j6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"22c1cb4091a589b9a53b844da4e8d98309c75acd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.261f2db59.0_1634749126838_0.7112847730503435","host":"s3://npm-registry-packages"}},"14.0.0-canary.9803d2dc1.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.9803d2dc1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.9803d2dc1.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bb690c97bcddd4799995b9276a2c8468d260025","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.9803d2dc1.0.tgz","fileCount":12,"integrity":"sha512-NcWJr1OpNACFzNSIE4ZMTJ7g1T1iy2NeRrv2NdC9lOmlrL7DVwL4XBg4+Un04zGoJneir+x2b15NFxoln7QmPA==","signatures":[{"sig":"MEUCIQDAR/SGtjwjzHeAIBlwbUwhpX/CcmYlrbLUHRHOr7CibQIgO0+Ht4PXLIMwJqb+HzEcwANnHlGPw9x8ogV8zOVMP58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4ef0574fd4b362b2609f5dc9bc002ef96f07fcc9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.9803d2dc1.0_1634757660503_0.4658521519971732","host":"s3://npm-registry-packages"}},"14.0.0-canary.348665978.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.348665978.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.348665978.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"102eb4d6e8d19d532f42352cd541e7ad77a47c92","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.348665978.0.tgz","fileCount":12,"integrity":"sha512-/Y5heIWfDuU9ngYnGyzRDkYQ94Pm0higef1nsyX/2/S2xa1wRrqAgPmHh1hiPYqIBL8YSc3wm4no81aJkD/yOw==","signatures":[{"sig":"MEUCIQCHkCJ7kiOxkY+vCvyYZLzcAyYK/ppDKoWMnrg7DAKYVgIgWLjwSEpZ+oF1TAVVnSdI4DUynJ+U1BvhN6yqbfjN8Fg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bf16d95c07dcfc371fc864fe30028299a2d5d0d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.348665978.0_1634827785118_0.188786592187826","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2b979a8a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.b2b979a8a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.b2b979a8a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"092a57566721f797e85aa397b68215d87621e3fd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.b2b979a8a.0.tgz","fileCount":12,"integrity":"sha512-80yfk3+4PJ7qjprf6tZgUAYKucrtGhlsM2LyV09iGhTE2/8c4HEZ2oPicqF6WBX6UQnsPs0Wxg5ta16hGdqJBw==","signatures":[{"sig":"MEYCIQCHwu2PvldAaGS85On7Trz/jglIB6Nxa7WOsOl2ejgPrgIhAN/ZIQ9XinkuJ7nAQYpvYm9Y0NtPxiXtJnMFOhspLsWB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"08377359fe2dfa41ac960f776df2ba00e50e9819","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.b2b979a8a.0_1635433877149_0.023057449413537823","host":"s3://npm-registry-packages"}},"14.0.0-canary.1af7c1c4a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.1af7c1c4a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.1af7c1c4a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2d90a3c31e42a864606cc5f85e8a8c0f27dee99","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.1af7c1c4a.0.tgz","fileCount":12,"integrity":"sha512-sVDX9649S9zq4Ywuw6mcx7DFnLSy9Ls02hSibIwZXvWcKkND8kLBO/q0Tc7sy6w5MC4P1oDuGaLZWxCWtab5Kw==","signatures":[{"sig":"MEUCIFZn6HozpqPUriyX6Da2Gp2t1xfdxOjRhnmNQ+UiVXZBAiEAuqfGN8sAprhqu+X4tdVkSWEfC4xF/kxxOiqqdpjJ7Aw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3673ef3144cd47c5faba873a239454e11e3d72eb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.1af7c1c4a.0_1635443515268_0.654463648222767","host":"s3://npm-registry-packages"}},"14.0.0-canary.4afd353cd.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.4afd353cd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.4afd353cd.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0358c2744197dad64c618bb206efe1b35445c220","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.4afd353cd.0.tgz","fileCount":12,"integrity":"sha512-PMfbyFB/pb4laShwddGzzmfdxFaPq9DTFnuby/R/2iWoRUQ7dm+Et3dq0mBzO3RswctED72Jri1TNV28Aa6q2Q==","signatures":[{"sig":"MEQCIEXcOZBXgtHsPjk6p/uMq/BlSsA29ZgiLpcvseuUM4gHAiB+/WSxhFur/uJ5JmscUetbk90rPqkGflW6Cw4IOjpS8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"491d940b4e97c65f274b1b4d42b3842e9bd3a4f9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.4afd353cd.0_1635519642057_0.38440784903292613","host":"s3://npm-registry-packages"}},"14.0.0-canary.a986df922.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.a986df922.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.a986df922.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65d26da275b783f2be7499d61b25761f11d96c03","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.a986df922.0.tgz","fileCount":12,"integrity":"sha512-RBbxtZPFgW/5ifGs4zhgiegrJ4j/LvdtaU/3KtU9iWanhsCWvCmptJwmIVZlSpf8EF+kvaL4SUAwdO2jxeWUnw==","signatures":[{"sig":"MEUCIQCoy0jcN/vMdkIsToxGs8cUt29FYwsTNTYTau9VsTNI+AIgbKTNFWy6OImd6Z0Z33FGIyCrorNV+OUnslWFyV3VfaY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6fd5c666012fea37f8a5a820b4979cc66e59fe9f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.a986df922.0_1635543251991_0.950587889017469","host":"s3://npm-registry-packages"}},"14.0.0-canary.c3cdff07b.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.c3cdff07b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.c3cdff07b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a40118d13cb477894d63ea7e28e33bd55b8f2d34","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.c3cdff07b.0.tgz","fileCount":12,"integrity":"sha512-eImeCFxmCbTWc9nl4K64tPqiCY9OcnxlLWs+OlIvN8If3cQsq68tgypMRhIE6+l/epxnXcXbT4rVbCYA+0kygA==","signatures":[{"sig":"MEYCIQD75xzK9pCGZdSSXWxtGHqKP9aKEPh2z1Bko5dWHOjJ0gIhANYeenRWNbktRpiJTtvnC/P/mrRaTZEUFKgRIxLnoqbG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"078c19c333e3161ad6b51a3fdc993d883bdc19c8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.c3cdff07b.0_1636484704418_0.25722468852428815","host":"s3://npm-registry-packages"}},"14.0.0-canary.468392606.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.468392606.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.468392606.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08cf4265d3099bf26c545ec149e12adf77bb0398","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.468392606.0.tgz","fileCount":12,"integrity":"sha512-ODkHyMP1V82zNuaUc3QJW+fIMQDMGDYc4pcDxFqTpZ7TYqBQi1xixQjNVSvvlOKgN7qhh4gCK7tZpm875cG5/A==","signatures":[{"sig":"MEUCIFKzmksZPLMAcNK1LFaEIwaoLgq8p0POmYPEAwWp1P6mAiEA/NkuNjgwVtNAgHeMqZiKdmaK0RSlHyO48U8hufdRYCU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ac451ce035a924184caaae0df5252896a7392e33","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.468392606.0_1636659555539_0.2542534848562392","host":"s3://npm-registry-packages"}},"14.0.0-canary.828f9803b.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.828f9803b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.828f9803b.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f37f3e4c675ac1410106194c473c59fa02a893a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.828f9803b.0.tgz","fileCount":12,"integrity":"sha512-juis3DGZ43TSuqhaDhrvqz2GA3xXzYW4EaY2ulM+0fvsxyHY2CVst5GnP23jFVlXQF6hi/gGf6IbbaVtJp15mg==","signatures":[{"sig":"MEUCICH9ECla5DQ+24zLtHybVGk06ex/NxhJOo3JXBbFQIxUAiEAuJ9SGxDDvFgqHA9g+1WfMcISnAJBa8HBq63vquPlV14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c64e9f941d45dc823621c068481be90a0eaa0f39","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.828f9803b.0_1636660200316_0.10230302007641101","host":"s3://npm-registry-packages"}},"14.0.0-canary.8795cba87.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.8795cba87.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.8795cba87.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9ac1ca4707d8b5d0ef304b401fcc7af2fe14f54","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.8795cba87.0.tgz","fileCount":12,"integrity":"sha512-TJpHwPijsDeqyMik5fBtpq6dmzrRzYvNu4MEJd1C2iBpJtbJlScAoUogshQ/iUxkY1bz8NUmOfhtaaHYkJIeHw==","signatures":[{"sig":"MEQCIEJ4p2bE0oNPmsPMcrO8s1zRr8d6NhcjoBq3ci9fRueaAiAa97/Rp+hwk9qVzXHiICg/TAhgLZuT2RQUGn4w6UAWUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"12c2e8ee797434819828bade998610af66a528ac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.8795cba87.0_1636660556460_0.8697941128190907","host":"s3://npm-registry-packages"}},"14.0.0-canary.cd7f8cace.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.cd7f8cace.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.cd7f8cace.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76fab232935d01321a6097f04e2afa7c8da5f6ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.cd7f8cace.0.tgz","fileCount":12,"integrity":"sha512-DTo/p40xnWnn/oBP0T7jbeBpjBFEWuLoxYqGWAkEuUtvS2f3sgMsk6iK8XM8PyIfRnNINHNAtoWEBfMJAhjGWA==","signatures":[{"sig":"MEUCIQCsLcS2vlW/BjyJ5Q9hs5HVrFfVkX55Xw0JtgKdEDuSFgIgf2HVJ+JeG/gLkKLjlxdtmUijSBcjugP2Zhv7Kl5LYog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f1e9f39fe9a43e01e67b849cc2a96a5a31be67c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.cd7f8cace.0_1636660653740_0.8865126399415824","host":"s3://npm-registry-packages"}},"14.0.0-canary.207230eb8.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.207230eb8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.207230eb8.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edde4496cdb1c5ed7f49da984ed371b423b6052a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.207230eb8.0.tgz","fileCount":12,"integrity":"sha512-zOi74N2iqOFj6ZY6NUgAgD+DSMPpw2B1wtjyJRcK7xQ80VQRU9Twr0kyxX8DDTyw9o/yWKKNm+hvG4/gxzZ70A==","signatures":[{"sig":"MEUCIGBfKIk75i3/M0rFNLmP4ehUV17gqrm5VrQvXXwGeKuSAiEA8vif7FpyQquAx5f5jdGQmChm1kIpRxmDZUwavmufM7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"de1b12d24234ecfbfbf5a665f46c26b71016be2e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.207230eb8.0_1636669408782_0.47061890295124065","host":"s3://npm-registry-packages"}},"14.0.0-canary.991fb99f7.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.991fb99f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.991fb99f7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f77b09f9988ee2a97fe5b4579d39b013d2e56e3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.991fb99f7.0.tgz","fileCount":12,"integrity":"sha512-4NB/2m2JmXSz6YXy6ByrrODUeOuf7IpzJ+b2bUCSr6rkgo29o8YW0ZlVBd1JKZLMnz+0gwyyf4BnFKjZrCbJWA==","signatures":[{"sig":"MEUCIQCXWwZjhkbiQatpm+0xm4qIs6DK+O6F5n4b6Bo0KCZ7pAIgFxADZkj/cziLybdvB2dcY/TLzhHn1Cf4AYSGjazMJAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d13dee60c11cfef5bdcac33da4fff6f13626c05b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.991fb99f7.0_1636670133906_0.19317290301792722","host":"s3://npm-registry-packages"}},"14.0.0-canary.15db4f164.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.15db4f164.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.15db4f164.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ba4b5828aba4e0bb4f4433de55d024981430010","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.15db4f164.0.tgz","fileCount":12,"integrity":"sha512-XYTMI0PDSO48k46ASGOR/9rSeLcqXSpiKwF7pag+PrwruKn008Q8rijHfCNk4bISTOArQmxXcwJqN2cIuLH0LA==","signatures":[{"sig":"MEUCIHkJxA1//5BohCSG/4NEK6QR12Uf6Oy2uLokKzErK7/SAiEA7SpEYd4cEhMCnMWDvQWQYt84X/1uXsqoqJ+OsUROVLo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"562e11bb445a0e51783e848adc61b690a7a1ba3a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.15db4f164.0_1636738137572_0.1730927192506604","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fcad5a3c.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.8fcad5a3c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.8fcad5a3c.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a28aa0e5f847c21e67b94f5fc3a7811b4e238c34","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.8fcad5a3c.0.tgz","fileCount":12,"integrity":"sha512-RWleKKojwZU94MKIOCndsILnkd4dXYo8Gk9tvdo6GMr3MYmke2D4TKrOIOV10GOkFZbqjgZNkkpzRqIdFlVTVg==","signatures":[{"sig":"MEUCIQDGUwR/VLXlmTJP3lyOxi+iq/rSQ29VQ/x42sNmiSSU7AIgbb33nAQhLGDej9rGW56enqsSPY10Hn4SCMTR+jM2gHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"14b654013dacdda833d34b73c1a94811202298d0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.8fcad5a3c.0_1636744378020_0.8177487353150226","host":"s3://npm-registry-packages"}},"14.0.0-canary.f81fb1d23.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.f81fb1d23.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.f81fb1d23.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c2d1dff6acdfdcd6f0dd1d24098b2bd85cb67f4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.f81fb1d23.0.tgz","fileCount":12,"integrity":"sha512-xrIairzyLvZXnHw/Ll8V/u9vvl1JP5S6XeDhDzy9DmiBncYviwbNKwIprjojAaLHYFjb69iyTMHkhXnmvGsWNQ==","signatures":[{"sig":"MEYCIQDouaPL/4AdV3f/I+xloFE3YwZBzBrJTVUVyDhX10KWKgIhAI9dfDzW6/ZIws5aXIsae+Ft7GLZO9I3eY5VworLLMrs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"60600a1b8cf651dddedd6881a54b20db7b75cdc6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.f81fb1d23.0_1636756764037_0.3868265151833672","host":"s3://npm-registry-packages"}},"14.0.0-canary.783f6fd5a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.783f6fd5a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.783f6fd5a.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"552447f91668cf2bc13f671f1323ad5afdb5719a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.783f6fd5a.0.tgz","fileCount":12,"integrity":"sha512-GGPDlrjQJlg4mpo3a09Nqk6IW6usqzXiokYzhKaiYQU0Od2rALFoXpiFlhaT3b53B4iH+mwToUdV3fTjXWlEew==","signatures":[{"sig":"MEQCIGu9yzhOJzDgc7mK/ua0nKclj/9PVr0ruPOnvag5qTqiAiBgdfZjr7kHOSnhYXlLvULCfpN5HhZRGKiNVBnA9sxpvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk0ZECRA9TVsSAnZWagAAniMQAJhJlfXzg9Ygk6f59vQt\nxQHLIqVRoddBjDJLu+xzDk4Lz4hZan5SdQgDREpRmsfoEvOKPH5ZS1KSujlv\nJ14Vv4vJGl1DnhfESVm/UhA53KzI98InER7X+mypKYqU8jmheTTYvNkSk0z6\nn6RFgd6WzDG/NJ3pQT681k3KE6yUONIi1fNSYeHlDD8CB139JccWExcrMAzP\nUh/6gWhnI3xgzARyegXW18tt650ZYJ227IJGxkxZU4QyXcElQwZ96C1HfsfW\nYt00eJGtaDuWDXFnHCVmBg7vWaQmoLTQwYuBMmcSe50GSj0y7NShXdaXC2z5\n8DkItCkTsLdgZvmwvzQTkyDDI5Kdiq3XRnUJx2cbylT4l2PTcvRSSvRPwSxu\nLuPlGrqnE1pJWoqRkQNTU2tVficl0zDBCbWl5Z938YCbdJvIRRyeTlRlFfsz\nA4cJazQlayNunhEPSiOhXHCPUvRLsjpgXTQr+7Aj1poKLApOzWEF0p50D4Hl\nHmO9r7TQ5WrjjdHOT5hSLA1ZYLdWvC7XvxTgtJfAS451VdeJ7bRMzSfghrcP\nRh/Bb4rrcK6O5q1Ueod8aYoRNM7tRGnPgMdVtMLSr4wJo/LHaJNw4IbprQd1\nY9by756CGZ/lszWpIJP/43Mm7XU6LiAPhuh53AMnbG9LP0PuRxxfGPWTSpym\nBEKc\r\n=VZsQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"29ba9297d5424f35d235c8ff87e393874c1b0a25","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.783f6fd5a.0_1637041732330_0.6467060917587206","host":"s3://npm-registry-packages"}},"14.0.0-canary.d57ec74c7.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.d57ec74c7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.d57ec74c7.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3a8a239095fb761e9afa949d1f74af6167501c1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.d57ec74c7.0.tgz","fileCount":12,"integrity":"sha512-JZqeISWDLhLXBcT5SY7ysO7dea9qtHwycROYKUBrg2wAprzZ+VPUDtZpqxQtFlnrRpuwz4CV6VsYS7h2+5uZhg==","signatures":[{"sig":"MEUCIQDs5C29aWlVuXL+sJfiBdFUa7NRKUX8W4UqRc8hSSIEOQIgfb77FyH1K4CtwgfrN95mMy1C29vXbOFaHw5FDU8DovU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9kQCRA9TVsSAnZWagAAD0YP/Reh78pAtCLCVXEsuK7F\nslkYKPfKavui13RXXo0wgznJq/3EZ7A42ZPJ5fGqWd8SEwD32EnBBJyUAmb6\n8l+Fjpw68q5xFacgp6ygyau/uJ2N2fD+NudzqNiQc6GO5z97B94LTSSEeLxo\neeRMTtdVwN4GS+svYUmo1hYPIYi24GzPZb9qfo4BCXGEbD7sNEOwp6rlpDLW\n7tJkMci693/4GfrJRt0b1MDXNQeEtWbWEii5lzo7WxYojhDunoPrJn+toKdf\nXkIK4iht6cCl/4p4y6HKb45l202p9U1HXkU5I6bB0re/n7WGOvMuNAW8hj4f\nRio27pZEL2Gu24ye4C3HErel62zdgXT6FPNSoMuzVgChMXsjyWB8imdbRWZt\n4iirwie7AigVckdux8HZNSRDqK90oQMTOgi9PsBshAjWo4OighdHtlpLNASe\ndCo2wz8wBnL3a1yS+ywYTqMH2ettE890O5IP/IL6GvIrNNeVb01W1qbvCT69\nqDJmsjS8ub4KwJG+RkNNc7caFgYjTw1hxehgSAOy2cmN/malgyeqQycl+X1z\nhlUSFTWJoRHvGTt/gfPasXy9gD4Us+fm+t7c3gluDcswM94vkJFqfcZJY1go\nHr+jQrNqpliGl3s0c+CtEfgFYAv8WIKH3fbxWzsjt7ezaMREpqOID0IiHxYM\nfmmE\r\n=4GYD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dbbd8db21de66e88b3e713faa99419e6b2f53c68","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.d57ec74c7.0_1637079312771_0.771389183451539","host":"s3://npm-registry-packages"}},"14.0.0-canary.554c71829.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.554c71829.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.554c71829.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"810518b5be5f0a93c433c32bc2f2e759c58d484c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.554c71829.0.tgz","fileCount":12,"integrity":"sha512-oX2biZF96gjSfX+kpPlWNiMRxgjgwUFMBZqSNQHoNXW11wOhHvmCQrrFtDjoS06wCNVRXv+SNqPxJUwPJVPphQ==","signatures":[{"sig":"MEUCIQCRPvsJsGeg9QU1zNvqDwkKy16m4jusr7zqRY9rHYeNyQIgRs76CcWna+XzZNztxPt1fJfxLdXKSKqXnQFmhm+YvIA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9m3CRA9TVsSAnZWagAAdh4P/jb/SzlACxRWI1vtnGfs\nXwHO15wOi+WCh9RJhkmvfFSq8BO82ca6slZf/buHzUlfOI+KanuZvjGE75KC\nlSTlJ+6+h3qz5TEJW1ovgAw0oUL8BJWxAdlyw/zPOFMqtsn1LbGy+KK5nRH5\ndrWbllVDEJ8xCea6AHaSznI/U9QKxvf52d26NiTh+3nYxX0LAFbfP+va/Fng\nbGsTYNmxkumxn1vbOThl9NolxsEJXe4Jj3LZliTbXV+Cf4+H3vpx2S8DNOU7\n7Wj9g9Auj5rZgDUvD/d0nvwiQ0tkjYnZBbOloueahqOWa9ufpMoNvkDMblIC\nZSo5lN3ZRSYL4ouiyy882vO9NlyXxASzhPOx636+2pPDcZurbiBbiL7GRaLG\n8k1fBfpMCO5UMLe+VAFvEzR8QcGG/qsHUnG8P9nvA+tL2Zknm+dD1IbUX+HE\nqmWicNJp3KJ4ypdWjyg5DAvaEG/Bz1CZA22M+HqBfYTDIAAOY08PE92rMm08\n+b4V9RiXRZaT7a8aXBJyxTwVGGzadnEAkv4884rlKvFj6k2nDV7qbkabpANq\nIcqOyc9bYom10Y8VaGiMt/tMMML5Pm8TGuXr5A0xQ6nobtBzlFFKTtnmjg8L\n+qNgV9KISzLdm7WcKfcXFG1RtnoClR51zkommP0+22UDBpjdzi0rEZ/52H7b\nOkKr\r\n=v6hV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"be0799ddf10fc34b46ab20d754f7ef73d9efbefa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.554c71829.0_1637079479613_0.5546417046612699","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ef470efe.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3ef470efe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3ef470efe.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1909fdbba0cedad615011e21660aba2b4576ab39","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3ef470efe.0.tgz","fileCount":12,"integrity":"sha512-r8z6yudUAOD3RqfN+/LZbgLZv4dgcxBoLOzoMRaVlUmZxJJKbzyiKPgVICKIaZRefRw5IaQcLsf2d7OZ6adbLw==","signatures":[{"sig":"MEQCICzCv0jGe9qmVa+kRwJ4IwuOinYAeY/W9Semu7M/ofw4AiAZkjmcHnL6q8DeWXjHfBdhk9Mh0g7fawA2G003hucA9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9rkCRA9TVsSAnZWagAAsG8P/1f9DZ8K1d5PQADMJtgf\nVTEFRI7u+g1uL4U3eXL7/HSCVHnTmhK83LEojM3fir1DWW9Eu6o6goKBQ3uP\nY9YtO8Xv9HHF4OExQeS2wd/goNw4jJK1jzyPyWefJJZGIF+FfqKhHtsalUK2\nyzmk6llo8abYT9Cyypp6QTC0nual38qT/GFLUQ1g9hJ8YFjZApSubpVZwGGt\nAeRoxJUvZDQGByKnBrTuYPBnzMKApl+6PHWDZv982oPoeKJ7JVwz/IAEd568\nniNijfhnev+lYR6ctvUtju/pBDoq0SlhDR3uxEO9AF+4wsXYyGTEdqD7DrPI\nk7l1v4q6KMDPwD+elTEdnGo3hvxpKDzfk2aNN0+RkNZ3C4N72ofaa5+hko6E\n3i1kawvX4qhPiIHNw0FPj8YDmQQcnftcyJKzja9vqw8ENJRVU5wzrtAlFYbA\nDhYYcGfy+Qg1bHFTHzFrWEr9G47W9/E8b6b7l5t+klQpoGQVbZMe4oeIm3Hi\nWA0KaxDv5Ee+JhRtaQOMlQzohH/XDP/57i9EIbnrLCK0ehooc16UD2/LYTtF\neSWDzqRyfJClsOL2RnSxsyMMC8GY41Kd8QNKZLTbCYTO5Rea7ECB5lkuviQW\nFnULGnq2fWCcjQAyZvTY05s9LUWR/k9fXTicEEtQ7YjiSC9/oafg7Ttns5FX\npfLf\r\n=SNeU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"49429a109e0c13bb4f9d8fce0142cc5f142a6afd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3ef470efe.0_1637079779961_0.5199742797590969","host":"s3://npm-registry-packages"}},"14.0.0-canary.61a28b2b5.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.61a28b2b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.61a28b2b5.0","maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c66ec1cd473db78224993c0bcf10d6ead55e712","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.61a28b2b5.0.tgz","fileCount":12,"integrity":"sha512-ITl4uR6lpV5naPR/APjf+R0qADt9wThP2kRai9d8QbcXMuf9ErFbgEzAgoGqdG/DHBZja21ASd4P6hu1YSLOCQ==","signatures":[{"sig":"MEUCIQD4omQjIv1H67NHiernBLZW9EZQSEUBn9dtCEGcrl4bcgIgDGAadjo8VzcYBSVzltN4NRQN123XPL/fn25z4Sh8lyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlVDBCRA9TVsSAnZWagAAmAsQAI45RajENHnuPeu+Nhtb\nilCIDxhOf7O6i/bD0mEula1ev3Uy5/RjQla2XovhB+fAxF0KbHFxGe3upslu\nIlP57pHKGg+fYI2gSsZmJ63DWFZoAs69ChNebW68Zxnfi3o561EU0At7BjIz\n6lM+W9pLCcK1HQ6CwE9rkpb9jV7uWLiKQh7YgFmT2Ax1pMPf0rY4Rz01Sm0A\njP6aP6OyOhpW6EGa/WAopJrtEK6r3ETvLtJ5Ph6Ipz9wbbuqxduWtTn3Xo4p\nnouZpYyBs8zbcYI25R1qJUa8lN1KMpZVD47rvqSE2BiT9wJCgnQG+AY9sCzu\nIzfnjxMTg0zmW3uPzbMHTU+f+D1LtNRsWQZgJkW3x9Mnf4uGVM6YeUaF7ler\nF1j/1CrnZHX8jQovkr9rQIJwurW6tcfPYi+zmJwT5nf5y5e3qU5aFeagWShC\nSMsoD/ipk7RJ26TBqpPvH08wteKFJQkGScpW4xLaUx26by9RCGnxjuVPbBht\nBwecEcwgoBxaT5cpkuI+7Cfd2XAGClcQSR7hbr0jZUbDUIRgqT37Cttsns0p\nMl3ml79PZ+13yPtUTWPA1VlTHqVaaGpqUrTrc9jSiNdOCXtXIM1vIUbwdoEZ\nyEm6FDy8K4D3ArRqf8QXl9IFQI9Gg47VjqD8+4KHKulHU5nSvbQpfRmC7EO8\nDEA9\r\n=XChp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"314b98aa8ec5a35ba8a45706765f4cd7496dd803","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.61a28b2b5.0_1637175489292_0.20836989101138426","host":"s3://npm-registry-packages"}},"14.0.0-canary.fae6c652d.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.fae6c652d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.fae6c652d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ddc832a061538df2d314262151d0614ab58c6b8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.fae6c652d.0.tgz","fileCount":12,"integrity":"sha512-3xIh4tvkHcSHJhqttEEpUjjtyRS+7btPx0/vZd+o5KdtKcjSvKtImfybG/N1FExVD4XzuqZ6te+aufn6gjS1vQ==","signatures":[{"sig":"MEQCIHMATOvKmqcYDezb5roYQeMQpsTk1ounuuHnHy4U0kH3AiAXnsOj8TI4uyeYEJi+Jub6S0n4xJZfLHXJrWhfTXtSvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhln4YCRA9TVsSAnZWagAAlEUQAKSML94Wvk4Tw8xvsl9n\n+bVDiJ/9XcYP1xu1QVmHhMEGPo07T8jp0T9fZvxODpjxSgMUh5xU8Q328GL+\n9zMUql8m3fY0clYg+HP9Pv+H0jyea+knn+diIPChErI+HAMDSEK9LRie2a+j\nwqbdP/h2Zuw9a85UUuUOfnpmRl6DVGr6V8FbBQN6CuuVtICWuDBIFnuZSQK5\nqG1SH34RiBn3SwaFRjhDEUJnoV5D4AHFQaV1pjKmUxWOmEAb2xz42xaWQczT\nJVcDv8w5QtsZ/NEDMceaqLT4DulQCf3hndUijt/Q9ynIzgiM/DANSeI1Pzx3\nfzjshHXuO5nZ1Db4tTCxd/bwTNNrv2drVNkGSkFutth3YVkoRUoptSsBJpOl\nNXfslTSKnc4KC4HXhyy4uWCZpexw4jnpOJ8S894iz3+w7bURuMmsw7uur8AV\nld8SDtMnGn5+xB2w8VO1E3I/YxE+t19MMzcPLF4yNNGnpXGp6Pi0Tsn2+pXE\nHRKnV7hm4xX4OupZyp7097LVFLfophn6anW2v5p5azsw3uG7PphXGdl17nfr\nh3qoIqHyD+VJBMoNMlOLM9PTzPmS1bARFcAhQPG2NVZ4bvSyPfUr9LlqfoOv\npdBGXvDp9I0VyY2pBb5EPD9gjtYrKOsMcCeJ6s1a8cBa1yeVf/V6BkOLs1b9\neNMl\r\n=CIuS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d27c4bc9db002b9009b70cb7437b393ce59b9992","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.fae6c652d.0_1637252631985_0.18685004489042956","host":"s3://npm-registry-packages"}},"14.0.0-canary.978a3b5bb.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.978a3b5bb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.978a3b5bb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"57b9032eddf3ecadf8ae616a370b5a1289443d43","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.978a3b5bb.0.tgz","fileCount":12,"integrity":"sha512-cHTvxZdXRF9V/ILhN3tuRZ9R4TBuayTL8tZg1IgetXTPtfl6nFWTeWTRt4NepvNBErrYnaMHAxM+zB3HL3As+w==","signatures":[{"sig":"MEUCIQDT0CqF2rV9K+G31vmSkVermx6ecg2DdQbnYPcSHIn3YgIgLOGHEoxoX9BVmA5ocFN6mwmRFjkQmG0Xtzy8P/eg+C0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl/0SCRA9TVsSAnZWagAA/7MP/2sO/HZuK2VkWd0CYa/D\nmXliEZquJeiSC0Q1E+tyxc6ixjNE/1zFdsxAcAU9PFkYsCVeHXyYtdF0ODAD\nZNhaqSqJbK4oJvNPl4y9V0AoLbNJRGMzL+jZYOcKQXtXNgroMPFgJVmlNvcN\nrpzyYrSYTANE34RgmXI4RFG+7GDTD81brg9roCQjCliJZ7g75UbPznxy04gi\nHYRasOGNeM33QoLYc94Nq78wL515rM83rl23TQLz2Xdmmgfcgx8btWQ71xR5\nD7DgTkrBY47pJgjNQ+fkw+9ESA3rUg+DCo0DsLuXZSVzySie18VNWtTss4ZK\nXWWYc4LQHdfrztjAjmlfdI28CD4azXW4p5op+TCEixmVyrBs9PBTzEOXZWQX\nXWPlZXIfudUqUwMFSi8QR1Z6Gy8PWIYSTGiNHO57hL60Gfve5XJ44xdxc5CX\nvwdPsajA0QJZfrC0CkqumQJC3L2As/3zMf4GavsS8yRS5xB1oBggZkt96tcC\nYEFd42nSSsi/t/wBKTXsARL11oX8EFondpB7gOJ3ygoPTBKiwO9qir3qL6fl\nntjy02griAlPKfFIh+JGH/RD5e0dcudCrV/JtJr0M8xUS4SaPtHbBvcoEx62\nr6/YtVA2b1jZfSRdJE1mm05FPcTi8ZtRqz0XAD44Sec2B5QPa2MyH167mQ7O\nCxQw\r\n=4Kp4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0d21a3472967f5ff791662e03961fb034a9227d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.978a3b5bb.0_1637350674565_0.022790385373330224","host":"s3://npm-registry-packages"}},"14.0.0-canary.e6f43cf44.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e6f43cf44.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e6f43cf44.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9912dda35e37523b47055fba1efa9ca987b8ade8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e6f43cf44.0.tgz","fileCount":12,"integrity":"sha512-ayxjCds4raOA+FZ6rfrtHKvIzuxuHWgpYq+leq5gmWQUgXvZm31899/Kc7u/ucux9r89sSQNuLhv9ctLaBflXw==","signatures":[{"sig":"MEUCIQDUstWZJYsn0rmbF4mGvkcCuYMsRmpyujeBM61tFNT6kAIgEp+vuL4zd8Z/bLtGMKFYQFm5rDUykl/aJ+rg55HvxnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm9SICRA9TVsSAnZWagAAiesP+weZDrtKVmYeRbpuLhG6\nEAfyKP7Id/nn0s8pN8knjbqurWd9RkyyJNl5m0mRDpiOCZ5G3IqdwdW8Ko3Y\nTt4r0jpQZynHRitj75nBMNHYrhJoo9PcKLCunxKv02TbCoJxYYiELPQLZDhf\nEi6lp+xYVdoT/+vHsMox9fslEH8sMWIV/0EHsFl9Xvzn0fZNeZr04tF16odb\nUITn56ZagLxqaOWBx7DQRYe5S9hEgdCi1XVg7BYTP4VSdpisbOm8OWAhhj5W\neypSLv/yN94ALDABk1dvvq+9Y88O+XTCV6RtscfUPVdE2Moo62iiLAJigQt+\n5ZKa9InmwSwtVt/iLbP7+HQWnDnkXrKPSD14VDPRaUebMHG80neQtnjYwY6k\nFgTq3eX1yJeneyrxj5y3xyIWkGCI0IG+g1UwIfa81wjYHjuzO+ZNpjLBnAGN\nE1oos0BFuoUe/FV6ZHrZAGMTFeRgGdNN/I2VSzOviLuG8TR7//1rulOVLve3\nn900ucpVZcoVU7lwie8V7nrOwRGaEJHDpM8kWI+Yr8P3Sw2F3jRNhDbVBZFg\n0mp1FvGumpGQ/YDo5A+MBdOVQ+ieGlKj0WMmDKB+EeAJ8XQBF4+p/k7OqpoG\nIdLrMj5uFoWdbRpxyAHrjAVJB0yadnE1ochRutrrilOWddcAgFDkTvnTIxId\nAYu/\r\n=6xz8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36200e7acad50905888cd5fbe17075663a96ef91","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e6f43cf44.0_1637602440089_0.3198835234124757","host":"s3://npm-registry-packages"}},"14.0.0-canary.39cf14bc3.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.39cf14bc3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.39cf14bc3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1d39a4e6756e41008339a61579f6b907fda17aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.39cf14bc3.0.tgz","fileCount":12,"integrity":"sha512-XdJONMqOxAIBUAYyYLGbx1X515fj6dcOpGRgbDyfGArV7i/OJKaIrNWgIe8+/wzQWKTHzRWJWg28JwA+phADWQ==","signatures":[{"sig":"MEUCIQD5Wb4X0tMShRvGuEk+LxSFo4K0uSFWW95Uwfam4oNLmwIgLGHZEt4dmdgeJRUx/xe4B7LVUCo+rWegsYVoWNCAerc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnCG4CRA9TVsSAnZWagAAgkwP/j7Z3o47AP3g8cr8V+an\n5VNKeCQKkNMpGlduWOy3u+0kQhl0LSXz6FsAu5FR5RqyOxLLi0fQ9jiqWMp3\nDQq4ivddTs5hS3P5J83Y3UN9bGQnVZbCSZBwLyBa3Q23xpOQuqI1Q3GJC0mx\nqQIpwXJjVfSkgAy3YqYegv1DNvsY1XWWgRZhHClKCWZzag80wotFSs3oP4sB\nEKuH83NgQPDvwOo3/RCn2WQ9CrMpBFhhjdLIs1AG3c54EEG9C/eqUOO4mjTZ\niZENBTsHAt8kbXh+HNwP1iELVd/IZYJsG9Y6ufCQCs2SrAdk1G/uywlC6Qj0\n7825LqGUHANAw0uFYFpJd6vkptC1tWtpKY04ekmjQfdVAXcYEIHtuiFBSdsF\nT6yHGo22s0w95Fc22XAuyaTOSUeOqLUEOglF4hN5Lbzcu4alYytOQWFfPAhj\n46ckxPGpdt6XBPxkate6UeuR+cdNqUbdHJV9RGnc3udaAixlwFMpJ0o0hv8N\n8/ztutf7IriCtXAeaH9+BLsTOhnS5p1ZjVjwIPWrjHl0gVFczk8kBfAL+rmI\n+mynIMBh6Ua+1b0URontalGdvq93Eq+1+xapdBNk1NGgmDo73Pxct+arrFxA\nS5/oy28bixZsElnXbeKFY7VeT9B5rG8Xw2zZrxUwLWDQR64hgGFnoXb5r/pa\nMLxX\r\n=h1mi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a4dadfef1095fc344517a394b0286ecb59751dc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.39cf14bc3.0_1637622199829_0.05570389654341934","host":"s3://npm-registry-packages"}},"14.0.0-canary.93134d453.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.93134d453.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.93134d453.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee5c44e4ef23bf06c5278c395c9b86a3bf98b991","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.93134d453.0.tgz","fileCount":12,"integrity":"sha512-UVCgE3Kq2lL/XbhfSkGCvF2edCw1UFnUsH+MF6xAnNLhJSfHk3seWsieO4yULSKx5bkEoaFyt3JWe5g6aOy/QQ==","signatures":[{"sig":"MEUCIFtBFfHayR3YvU4cqdZhVv7ehrXKnf1T8iVr5VDXblViAiEAgUSU9MJiRRF5Wx9ANpzXIqIK+R/iIrVFG1U9L/F2fOk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQq9CRA9TVsSAnZWagAAbboP/jNWkYlbCBpWNVaWwJw4\nbsOllRukkiFBN6K3jW3dIFrDWexRhkPUSkpdXjPIXFbuGjLVitnUDzCUxlpB\nu6w1umrPuoLV48/ziyOjPxYS+8s0XCxRBYWJYLmW9FfGlY4Jd/s/VB560r+T\n+PjNJNKHkiM4YYeHbdFEjzFX51WKToayeDWohmWMMjZ2BzmC9xfT3evqK2yb\nQ4lB6HOdUHjJ5yTBslhx1WdYBDovshVrU/JZO2pmgNkQVJUP03u+Mp6Shknf\nOjiztpVMC2wIh3PeEIHgtoy8SYDRtMMbFWmRBeEFQBvI8tEKgkhqvUYyqOEZ\nN02dMnLLNsTdmWY8T0J/d+iu/sL3qaj14dBrHT0bENz5UnL+t8rYoyANtK0B\nMnlJd/LKtUL1TG82R4vAHJjX6xp0cm+BJMSzJCbhUaccyprTNwvRvDCvb9Wk\nt4xCq2deUKmFM30QSvyO/ITQoOkY9ga9HgaaVKdk4VBuJYYDUvxrpvKjBhIy\nQ4w1KnYYyp8HCLFaAbbG4qD0JWoGVaGi3PU0X05n8oLc9cewbQn1BqybKZs6\nBZyJbir54p4/gq0rJBB+cdoa0sZYLgkK7uXB29U4NkYnCiKyE2DcEcNa/zl8\n3rMEgt544S9d8J2cJ3eAZk9vmm9fRKPGKr/okFKYTmdVJjx24Gw5IIZQ3v4F\nU5V/\r\n=OJVK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f37d4e46e027a3258621f6950e12796013661afc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.93134d453.0_1637681853094_0.05307413064828359","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd11268f.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.bbd11268f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.bbd11268f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0bfa0e00d47517ddac085679da93df1f3db5cee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.bbd11268f.0.tgz","fileCount":12,"integrity":"sha512-ZV7Mo4EIU6RC+71s2TRYg1VAiCjO+K9rEDrfJm+/YPfH95TNuQ9hLPzazAbqAK7X8N+gZnweks0N1aAJMWkuEA==","signatures":[{"sig":"MEUCIB9sybqDdmYyIlpzFGj0BOKsaqu3Q0Be2tskTgFD0J5AAiEA3OUJ1O5s8a7cCPAzqXcXFvf7t/vR5HKKnDkcfIXedO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnWupCRA9TVsSAnZWagAA47oP/Rma55vDDTec5mFyDo6h\nnZ2/ZTDeUD27QMVcfCI36sEdQCUKS+5hJVqPCmnXBzgGVp5P6sgUX5c2sX4k\nMp7shxk+33q8uzp9GbeUHvoVhDes69AorBT6qWZzuHrPJ5rrwc5/becRyLd6\nY2v/TBgPTCXBjko7TvoEhj75gY/XOu4PSzk75OiJIJRGumU/D3ozm/kFYM89\nI5lzKcebh4lScA68bHHFeviurjFn1FbBYpvxxFghfWbWHAC6xEQmOdaSC0kg\nILjFsVMUih0qY1Rb01Gk3fRszVUjt1HSuDms0nzLccH7gUrMMWEF8LU8eIe4\n9yF0/YDjcxrxPM6uoEIhRdqLVZ0DKRhhcXRGAM1VXvjUvJp1zMI7aiU56leO\n5+TC2gXQl0ILCQg6vryns6O6DOfKthiaGcMKRJVKlA6HgPRxzpoD2KgKF/A1\npHi15DWuUUK8NXCEDagA727WyZEQs3pA+Txk2KLj6Gsh+aKYEYrnpmHHTyoW\nvh8aA0qe9dV1hmWgidDSEg4aK/X/ojzmXQIInOBm/5QOU86Te28XHLIKXoDA\n0w6xZuu/bPB+Mg9JxAinJExnoALfr35MxE4mnhxhQW3ulgAHwTO35M5YDchp\nMIrgPGqGwRQPSVSrkFpCwS2L/YufWGWtIk60NRVCYEpnjJ3ffioTwXDdTOTW\nA2zt\r\n=7BGb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"46484a77ecd0c6d7b548301f4e92325ffc4f8010","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.bbd11268f.0_1637706664919_0.7632815222123888","host":"s3://npm-registry-packages"}},"14.0.0-canary.3db9c4d3d.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3db9c4d3d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3db9c4d3d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"393ead4ffecbb21fa17d2e32befca1cacd40dc8d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3db9c4d3d.0.tgz","fileCount":12,"integrity":"sha512-qi0UyBmDnL86wfra795EU1wlb5xHaOenumfW1WjoQW+yVHJoldbxrOiyOBm3k0hIha/Wu23HMTFAgvX39UDWVQ==","signatures":[{"sig":"MEYCIQCJhOO5EeOanJ3o4d9SPiw/T2GJObrVAfqOSv87juW3ngIhAJE28iYCNJH+Eax0N5HsSRKcN8Mbn/p+fFLTB6hL2Uqx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnlvrCRA9TVsSAnZWagAAWlgP/jyYR4RhBUfRXtrTXVOp\nzbVUGldPqKL4KBTC41ioSFq01dz7CnZEPxHMWgZW4KEAkUijMwUHo9oH9ut8\nuqHKAN3oTggfVIFjBkkj2ZykP5PHJlCFy4fMY2cx/7wCC6G91vLwTXgLpYKj\nvNnlgpAbEKyY/vWEZ1vwGU2470I6gRE+VczWNywAkh2AjZTNaWlOqzEVF6ix\nm6dwirVLD60djr8lh1iYa8GucKIC9pHzEMRrYoUjLRSF/ZhjVQHCfLNBL9BW\nyqOjbpgsAiIicSklVITIX/NnEPa4Mr93rpX1IgvY5MEOb3RrT1JSEVflrrrP\nSqSmVJmJd8i3m9NPw22WNtogOn1NleGYnfgTM2seXtKz0E9yYHOoaxxVuLkM\nHFOZ5ZNmcv2dpi+TPliEKwKo1dVNyAlmen7Eb/kAgmzUrp7Yi/r1mydeeo4L\n4Vept9eoCekHaWjNkaESOB87defdVVXmj3c5kgs1BLNvtYPd+Z0Gfe9Hz+DF\n7NOAU8xLhxcSKwrRf/vT+ybpsdSu+tgs0GgHl8X6adJar8M4RDWKSGk4QUWt\nFL33XZNHbWx4Rr4xnPLmpL2BY/ActxA5KExOSSo5ZAa+m8zQ+YpTNvDgOyVG\nL8CUxxO6uMM3rY/ONjfMMvaL7SVEybm0+07n/vjp5hBdz9/dVx50J+Nnrkei\n6sWI\r\n=u+Oz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61e9de8c9bd6ef83a5f0949cf53ce4a8b689f158","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3db9c4d3d.0_1637768171220_0.8052089144449464","host":"s3://npm-registry-packages"}},"14.0.0-canary.78305b6d5.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.78305b6d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.78305b6d5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"307dd0dbac4c8e28da6abad677e2fe472091d566","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.78305b6d5.0.tgz","fileCount":12,"integrity":"sha512-0uh/klpecYOJVF6jxkVG5VEK60wy4mf9dPAKL3QoP8w2nv/qESWOyjx4m5cu2H65xxHKiXs0RE8o/F9wwg5kZQ==","signatures":[{"sig":"MEUCIEv7cGxYCU/eSBi0jZheLdXWiF9sM5Pqob/3JEh1C9SVAiEApg02DFiNOkoHjU4+lYxw5zD81G77PK0/o4EEoE95Uio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnpdLCRA9TVsSAnZWagAAMpUP+wQr0uN8VOO1OV6QuXaf\njW2edNLa5f62utAfW5kXVbOkzhgptdk0PMQuYuPmzgqahYROa7vtqAzIJAfe\nGLUUf6l5P6j4ZoAQou1yUGeksy8+vHBprkCoZfWJityQxbXoeSwy2a9hdaVd\nw+XLuSsKEj0MjsYBNGuVbKcaEfPoWRsi0HQL2a29260r+PPrxhQAl4wWE0as\neX8bODKKtj1BFmoNi6VLv4zQMto9sgH1HxonaDWC1G1Sds27qFd+opuaux66\nfzX0qHxOn7BW2VV1/4dqHIBWVCTjXkeJhBNnNd+7lfHOw7ImyhaQDKazbyMg\nRdaMoiSU3Eq62FmulN5Dey1rCb8dVCH2c8mUwM0xGX+o84oWMyZN1vWdBtCI\n9XdeodHFvawY2yN1DsCxt/NcXuqoJI3s7Uyh+6atHo6ciiZmLkmGu6RFMvG3\nQ1W+5iwRtPB5sVuRtgyvHGtFNRPuZIeOWklzy/iDeSFoZfyRCTexVkPc9tdP\nsMNtnojJ5aGNeGZNUAIwJFRereflA+dfhPUwE0ZWMGNS2WbiqbNyneK5xpFn\ndAuxO+UElVCg/qdzucM5bRdKdovOc/LhBtXo5n3Q0dhJkvXKVtvriBRae1sB\nsaRLu/2r1jyjDehhbn/nQOGbl4bbgF3qiJ4hJeeTYyehvaY7Iy2Qj2wiMpe1\nuwi1\r\n=VPDa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2885de69eab36903fec52b85e7001eb561624eff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.78305b6d5.0_1637783371542_0.48225267861843624","host":"s3://npm-registry-packages"}},"14.0.0-canary.43d08ba77.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.43d08ba77.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.43d08ba77.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7a22e1f1e03fc0a847a064872938e8dd79a1b7d8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.43d08ba77.0.tgz","fileCount":12,"integrity":"sha512-j5y4RBAS0Gsy+oYmcpupR8SQjDVajmM9apsMmtWNSFD59OTlKubKOMpjYOqcQ/GmnZb9AkPCc8Zq5BG0Tm0tQw==","signatures":[{"sig":"MEUCIEyALFObCnQdy9FsqruXFeB10N0zqCB9KNNDWimAt5JBAiEAzvyZTac5KCCpg0adZMY+2229GEAyo+EVc/Kzceybx4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpqvACRA9TVsSAnZWagAAAfIP/RdjJsjVovSBgyAdE8Fl\nHndZxN+YiFUOzEqzRxNqEvMQigsO4PTPvc7EqQIkmdceya/+QESSc+j0sY5I\nJbFhh9XKgvl4jmdIpQgiyL80173prhaOLQvZqSh59IsgqyeO+gftZhbvg4iy\n3+H0U4jedoYTOkpXUP+ank/zIH/kn33gmrlvdxjtc/lwZIGwkL2F4cMcyWjq\nSKGUrZMfh/51X9x6Nchzs3ioFZcndvYVlbaTsFI41GApjNW/hShcM3WWCu0a\nf03TCD1f5pI1zzapJAdib3DvjfAnfl6SfgcbqnBDjJXaDVNF9ZuDjIvoxIfo\ntddXx66yVExw4JqqP+eW7E5IHtyM7LD8NXldTJTdeUJkZRbrlJlI7eQZWNZR\nwCWCvtvlIhqmxmdug5KzJIBSQlP46B7ByZ9yQBBi89fvJRCsJIjZooeFS6P4\nBfsiITFgzwWZxa/piju3odt90hZy31ibTCQgcc6ApxB4nHlEIQ/bYW5p5mUI\nc2jLO9Tnf8kn0vsMneyxWo/bE0Lgg80ZxuF9fks1rgJZsh0Hbh1MyGH4Ulg6\n+ticrGlRB2kuxMPCQwS/yYDmsTdbLvHSzO/5CobkA4cuB3aZzdNiGjvaFW3z\n/25lLRrZ9LZrb5rXPGzgyEih4bCe6pQHimK/W449whuFPHpEaNAMaT8qbcVH\nhCub\r\n=5mHH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d1929fe60ad2c7ba249562f1c1702898df8f04d2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.43d08ba77.0_1638312896278_0.8127582500488908","host":"s3://npm-registry-packages"}},"14.0.0-canary.17a072535.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.17a072535.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.17a072535.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5df0730fd964f646530edc0fbbe38657994ec2b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.17a072535.0.tgz","fileCount":12,"integrity":"sha512-zu0zZZn+vbi/5fsuyEgGN7kgizbrccTKHfCTxzwHfcEltrmKPwx2B/fNx1YeTdJkdrQiQL/rKCNKtcVH/StqiA==","signatures":[{"sig":"MEUCIF2iqJ1MFAllgQTzOVIZOYEPcXep9mKJwNunlCVm70r7AiEAq54BmeUNpBmtzr02sD5/T7c2yROC8AR0mhAJQcfroBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQqWCRA9TVsSAnZWagAAKJkP/0+fkwEt0Ud/rt7TeE8j\nuJLGIVOmy4NVM/sSKgUhkHBNJdCS0kx+1a3JtKIMH8JCMw1A8rtYjuBNQZRj\nOJf4emUz53IVj63+NC/pjA5e2myEjgamDJvct5gFt5b2CcZbHK8fbcTyt+Uy\nsc3/hk6OO8lgqAuzR/Mv0P+aH8+nLt/rA6u18e5x+PbOo+DBZa4xr+Vu/2Tn\nYHXbPI0QSMkswnVn44IBeknssXvE1G69d9D2eQoRB4baCHhBMgizZGGRtz+W\nLOKGs9GppHXoGAUYYk/OQQFXV4zKxtiWV5txKeX3yllrvfqtNrds025CQ01j\nQcxVjbzet9qFdrNV8XGTX341vxSZOeRv7HI/GhURfbwjWoKE0M3fue4B4xhp\nRCM8usFjyKQKsPGoefiCB+0cy8BY5zKNdEbjcWCD+taITbxco1GyNqsSoWsg\nqpYxlWz7yvVHBDeXrbtU69b+i6iPQzFv6SNSSiW3Do79GQ+hVtQWcYj7oHv7\n4oDvFkGgNEbfmtSJ4XFt5TSH0juQrnQ0Co9R9CZzQAriWQWQMgUqEpXpi4eg\nttgKDaxXyIc+FIDPMPzVB6HXC7QyYHXe0g7ch7rOQannyrQ+ptfYN55ld9u/\nwUeMwaVYlBQysljoHnv3nihoaQ7y8N2qhbIt1xud4VFjQT3lfSEIV/ZHyI8O\n25W7\r\n=2qwp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"317cda93b55159038a12575fec5c35e9ff5460a6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.17a072535.0_1638468246085_0.5630919412654709","host":"s3://npm-registry-packages"}},"14.0.0-canary.5d809696c.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.5d809696c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.5d809696c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f710a7c1fa511452b5b9ff9e2f1b27908596bd3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.5d809696c.0.tgz","fileCount":12,"integrity":"sha512-2TAkICsZZnvBWWGD466niN1NrOgeabO4xcRK1/5zEegsxWKP81DZ57bMUQLD6EY7++qWPHDSF4RK+KhUJB1RlQ==","signatures":[{"sig":"MEMCIAHJzB0PmhcdyJozG8lJv8RU+/unjbgzniRYTyq7p288Ah9JhiDQji8vvIaFjMRqWw1/mE+CFMKnl1ItxsGUhA0p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsO6uCRA9TVsSAnZWagAAWoEP/2G/DMAQfpJwyD8bG8j9\nmrJBQdzdU6Oub12OshD1QOf2fNm8qkCMP+cIynNVOuXgsKIKXWfeia9Yaytu\nUbtEvq+Tw4Vku+G/IqmrqAmBvDQnBKu4p0i4Hb0bd37AGnogLKnZbu6FBI77\n8MVIYvYhzbrAejxz7pwg+1FJQVJMpJlPEjt3lNXp5DKRUFHOFtM/2RdN3/Na\n8Ofs09yZbqX2pSOQm+sh9Vt97PiOXvxy9lR4v12RAXLaXyCFuaVr+tH+HIlH\n1n627vPhlyMYe+G/iIdgQAXSGskfrZhI0Mrv0NgKfrbbIEFiDbosdVe75xol\n15Al1xR2OENGXzsrJaTSnpz1hGwO9dtuEcMP/gf3+3sZVa35wqURNFbkCaPJ\nlUDxJEwBO13ftmWhfWWRP3/4If+9nMXUCMj7U59pKOozEwSJM//MB25tw121\np7UhB+hZc0wN/j6BZMy8XwhXXPX2ITIp3b6gJB3WLrN9/eP3z4sOkfAbzEia\nN3HDaCpXql+HS1xB/eQsKuN7X3yPxfGFrra/+5w80pF3yFIvezm7ewnFW4WF\nwgMbUm/bjqLgjbDxpjoc7a3fZTakRjvcg4WVbN6dm7SJuh2t2z5XJClXSqir\nwwosUzpErTyG+2I7N5z4OlsRvbp+eE4hR68IEzhMSxFbdEsWQn1avk2nn8iR\nWuUf\r\n=D90r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"955aa3e4252f722f096ceef387b285a197760b82","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.5d809696c.0_1638985389867_0.34631642100736326","host":"s3://npm-registry-packages"}},"14.0.0-canary.b6510c8c1.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.b6510c8c1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.b6510c8c1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4057c97eecd5243574924ea10bedec14207aafee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.b6510c8c1.0.tgz","fileCount":12,"integrity":"sha512-5lqoR1zobKuFKmNE0xRx7azli3BJJe6VbThbSbqj/Yb9Y8M/Q894+i48u3dwDZLHr1WplVyfzAZ0l4nmMptoqg==","signatures":[{"sig":"MEUCIDatdeoGDndWZuAyZt1HZlni5HziS0K5GM3qrcYu1XQZAiEA5Ib45mSrWPjSXrO35SDaO/6MclMTYA6yB3fxXcMn9iA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsPPVCRA9TVsSAnZWagAANJYP/2ujXN82YSptO7u8guJ8\ngJRx4JGfKaMjDgys4MaXv6s0PUjm2Am7LA3ZKIDjP4Emq8FveEvEDMY21FW5\nzGfhuo9/6r4+Fm8nKLMxRbyEwdbWqAwBwu9a8/BTRNrwEbmNZTcblL+sHWj3\no3PUCAaMVsnS6qdY4i/nv+QfTCxg51DtMF5K/b48LsSw2MmUfpYtgUqBRqbi\n9BxzY7TpQHQkhsBTJeqolOFSSlFZIl/mr1CyxJXGoL70uuyjAwWqwm51iK0Z\n8+widQSWyrUolEbVgFjupm8RVkJ/qoF8lCfcboQdRtT8cU1N0HRKijrA3sjl\nZwEaj0nMhjcvGWES2FAtjQ3RDNgOlgFAoDcyd9LP+wxcLuj+eQgYbS1KjmQH\nYuUppbWUKHJyBGDLixcV9iLdLX7wXP+YRFGcw/CrzRKLoGQ6cCSacjaYpNK7\n07pZAtNrNJUegvif+BMvMMsrellg6/QrJvTilOlwccx6v8ZeRYXTJNwX59ZN\nr9mxGYmVTQKdIswCQ7I4MixoiovNtStOaIz4ddFZfHp8g3SqPeiaIMGKyVc4\nr+r6NWahj5J2at8H8LcIwY0DmbHm4OCneqI+zp7LM7zhNSioccDb+UixYyWx\ngQ16w1EWu+byIlShBjLwFcVvu8uOVlkWk7ifLztBFXERGlcGQUiVH1TrP/55\n40RE\r\n=O7rM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7b9b6695d55be857206c67de94ea9741aa48bb38","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.b6510c8c1.0_1638986709338_0.4206599421426429","host":"s3://npm-registry-packages"}},"14.0.0-canary.f460e23da.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.f460e23da.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.f460e23da.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44aeb13c938feacbb1b734bf70b2750306ac21f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.f460e23da.0.tgz","fileCount":12,"integrity":"sha512-RX1wCrsZKi61Tfrd4i/mimXS0DPtcu80hG1zSQ3vQA1/jH2N98itH4lhhqjjIh6DSFFrYhd83WcH6GQ0d+wq7Q==","signatures":[{"sig":"MEYCIQCdTd9PRrofWtCLwVjK/1rncVDgdpCYoxMBi5QOnObomQIhAOSjDHWHxF5s/Tg9bgloR4NVGMJzgLC2tbugV501qKUL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs3EaCRA9TVsSAnZWagAAebQP/0R/eu6w90eESZXT17I8\nvzLzYAPh1Lc3gRUBxWj0jBWPyeJsj9yqmiAWQPmZ/ccHaqGwcfX8nZTjc443\nFre+2+qG7+BVGUh14hymIgGAKkeNItAYooQXy7Iq6dxvn+sBFzqUY47Z5ShE\nDesn3+TH8uCIsNVvUeNtVuOpGnLc2a0JovD5ZUnjg7UIRMzcH6Zeb/61J9Od\nqHm8Encp6K7G20rxwS5x4vceM53O39UuBCsd0lod/ilwCrHUG5E2fdR1S1lS\nQ1mFYI4WS0k+OPhiO+FZIcOEVFsEwl3/JbMhMvhhvlIdAAxWC2TXLUQuPGUo\nRiOfHCGl9ECWyyAyijCe6NF8E0G6nKaaHXyi/FoPyvYvfIiMUJKY1/3pFADG\n7XThY5Iiejp5RVG0g/MEZ2gYhrlCQPQzKAwYirU6jW29oO6WZKj3liH0Wi/L\nb8NNHihn9KemIpjUjwIOgovj+CGDlMa9sHOr6qF9bNr+Kr2yto+qhjqcYEKS\n4/ZAdvzUGTqYiVnqG+g+cL89RDImxL7vUrRi5+t5Kf2/0oMj53TJdovrSd+c\nppToCaobstpn3KMfh+wybAeJTcMQZnfahG8+cmpZ/Q77CKtLApMZmnVsNB4Z\nYzlaWgpez+p279CfbNOOl8vH5t/FFQ5NN54g8d4wB2w9aLnaAX5s+0I77AhQ\n/T2l\r\n=WaKv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6d994090cf732fc4f1fb93f91d64e265cada1b1c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.f460e23da.0_1639149849996_0.682760784550541","host":"s3://npm-registry-packages"}},"14.0.0-canary.7d8ea4624.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.7d8ea4624.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.7d8ea4624.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac50368b7804c069483788cea63a4f85c3486ffe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.7d8ea4624.0.tgz","fileCount":12,"integrity":"sha512-G3y4rUHMExf3nrMSiUvvxce8tUSOSmhoMG+sBYIY6L8GAa+GHbmv7rhjvd7uU33KVKWc2A1PjHL7xk9vZdf87g==","signatures":[{"sig":"MEYCIQCNr8/kkhLnVbJSBd55JoWgML3jmT1DJySu4fy9gqWMXQIhALweQ9GZXS4bjfD+W77+xTRdRNVRVA8dRdv+0POk2N/F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6pECRA9TVsSAnZWagAArK4P/1xFBkBgpkuXaSdhpzr0\nPOp7P7ULUixD55j095bVA6jMWIfc/NmkbzUprYG2e95B7NvjkhL+BMuzmC6C\n7b+bjksJuc6EmsjDr+/C2OL4J5M6jypuZjpjgqFsZoUNhr93wQyFn7Lc2JQy\nELRrWQh2K7hVvJDIiHkHXDhGM/eVQ0jlzstkVYmkyNPa8J4qtrLYp70m7WZ+\nfMYMUxgLN5MIGjieunffnGhmBobG2igjCRDdFL2oE4DUz/hQmqgCerJYVDhx\n0SFpDpVDXG8WVbCMj03qbPq23rUDfsRzp7UpC8f+UJZQlp8BH4A+tS7PWpLM\n2xjh77HiOV4rAb3FAmoUtnc8cP7J8Ulq/RFUUFEWaL9lqz1e/sYmlK28uEXy\nm3epQK6bULkFICdwu/cpMUD/2Drs1iolpWOGpQFQFd/X7Zy1JFJjz+KkV9xI\nHEGuEX4XCnR84XDF3atW0LwMDezpvfgbjZKMzfVBUByyg1bVrzTiisjjsxEn\nsO4ZeANhk6YKvovQz1ub7+LjwSfIe8HGxscqCx1sh9cxVGIBLIFIJOmEObci\nBPEpZZT2qeR8UB52NQdP7yxB7ye+GwBdMU3rEcjPy0BJw6LKxv4Qi4gD7+KQ\nwkDJ/fi0YBFtdSLrU2TVawDcj4skB/jVYvdObRlSySfvikgcs8wSdzkSnTaV\nhmjJ\r\n=jpmf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c5733baaefa11aaca3bd6f32fb2ac29c20894738","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.7d8ea4624.0_1639164484352_0.7752832004066188","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fffcb5dd.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.8fffcb5dd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.8fffcb5dd.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7386c65289062b81b9dc03c687847afe23e0cc0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.8fffcb5dd.0.tgz","fileCount":12,"integrity":"sha512-r2hEJtd36ILA23euCIJStaP0KVqMk81cfcxGI07x99ij3N6c+AQF48vznAZqweYlwSVMLLmV2grlUYsgKKPAMA==","signatures":[{"sig":"MEQCIBszvg2LZ8UgVBbXOiDgW/tz/rMwkrNNGaH49YWT0YoXAiBFwUsdKf5volvP1sFXyNWsag7UTPd4xv/P2j3np7pUJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuFuYCRA9TVsSAnZWagAAQG8P/ijYg0v/TcKhPZycJq5d\nZl36OktpIner7CKsZUQfWZD2P3jP1jFIj+8QYLke6TKn+PdDxulKsbY39OEn\njzXFHKvKz6Gl2AUyeVhXO3DPoxn3yLNYSyl8uPo+lHiYAXDNZuLHFwng1Gi1\nwwZpSpZbWmokNp22PaLhSP+U9uWJpQc5VZYb29tGcvQ+AABEwoqYKEOg80NS\n93XzPgWIMfv3ELQlza6oNMk48B2j3XgFpqzBCX0fPSxS0s6b5VVHz+9Vz/wK\nmOzMIvVKdSpHhBwcWpdFyT3C4ZiRjDWSVAzNxZO9Dsy8MSkAzK4AvIjADRDt\njDIg3FU3hL3LVf9hDgsbj8lEF61tf5QFBg36ZpawDXW+bsxuVdoV3q4D0Vwf\nFqJxYzJlnNZzgqtXoHprR+/YaGyMu9LYzjAGKmoJetFIcrszFInp94HGAQpx\nma6HHjt+FObRGxO4NbdhQrkJNyq8pV4J3XeK/r15zG1Iks/WKjWhSFGrx3Gg\nJRgWAbHzZob5JXeaQ5Ir/AlP8GBT8wJ+XhP5dXej6L176TZP184QPijuvWFR\nm8NDPiT/0e1n9hT/Os8MxBUpfwdhoDf5SSXpDAFxEZ4VrHSNSNhVL8Dv4+lD\nbDdYdG/bf9P6LRP/NQfSiu9dA+stErz7kA8XUoF2+5jsqxPD1Ty4vLQ0ClRC\n8py2\r\n=Cp5J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed22e4daefd7bb5e95668ab484a3a4a65793437f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.8fffcb5dd.0_1639472024524_0.5282601419729667","host":"s3://npm-registry-packages"}},"14.0.0-canary.21e1cb9be.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.21e1cb9be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.21e1cb9be.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0040b1a50eebeb07ec35f52fab9012fe5a9f103d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.21e1cb9be.0.tgz","fileCount":12,"integrity":"sha512-dwSUWL+FXWvg/C9PZnEq2lN7O5u735/a8XWU986MuUIC6L5a0u/basjW41AAXSHp2GHsHqhzrCWrpJFlW9ca4A==","signatures":[{"sig":"MEYCIQDHKlH8pQ6fZsGtuKAaMrZE1MI3plKbjmOO/rvpwi/TDgIhAMPRF2AzRKa6QJHa9VpOw3rRSrx/cT5Q6Jww/LQ1eVKe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuPLBCRA9TVsSAnZWagAAzcsP/if1gbb+NObuRGwYsU63\ngg365QqH9ztqfYxSWxM0WwhPlL6bhr6kKXhHgkOkBC+KuSppbKQPqH9hbwn2\nbHeOb5/dwBShxKZXUfeuMhHJQoo0aLpfYfOic9fNCBEhncOZ7MtZNIIYI2QD\nv5F2G44fonxUW/8dLri5Md+T3Zfc3r2HfB34sV9Cn0+la4bXl7rOlsI2Tw1b\niLH1YE/O0XhP0uhNF2cTRH9eyGtrWCJ55UDZJTv3j3hOb7Pzz+x/yqqnFTPp\n4MI/CoxXpncWTVqw2XWnToplq0Rk9EF4P8JzP4bdnscLdWZFCwh6OMwZ6uDp\n7mguNtu/3Y3eYh9ok/VtZ8hcydN+fDaeN+RnDxPOqxM8hNYUb6CPixBwiMaJ\nhN3qZP+qrq346VpmnXnGWSKynkaJaby7rIBRiXN6NA7JJSHRt9FbedNej76x\nKa+2IhcqZI6vM0JOVdpWiFJcmx+cdA06D3NGEhKSnPz6uBcpGUPfn8RLhC2l\nZAOl6RzZZqWp2wYLvNijrz5VkCs6DijgpnZZJk6XjFSAAy/qZoPJXSv6BNAC\nsdq19KHURRZToPI/rVo290tnAZPwscAQSe9NZJI431h0iM3ksG/zfAGwONWv\nXEIK3rJFyvtvcyBTRvO7unIPuDjt7d8HlWaMd857hI1WyFRTf/KF/lWEK1Bj\n9kzc\r\n=vqAv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"091bafb203d13305d394af0cb6817b1bf05c64af","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.21e1cb9be.0_1639510721542_0.630826012568606","host":"s3://npm-registry-packages"}},"14.0.0-canary.ba78e8724.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.ba78e8724.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.ba78e8724.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb1f793c073bacf2bb9313b45c1d4a05008e2332","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.ba78e8724.0.tgz","fileCount":12,"integrity":"sha512-4iuXVPGiiZqQY5N1fO6mDKHVUH/omKBSelL6PdtNtshhVLHsnQDCmxT7W6C2BthtCDDgYS1g4ho15EFWYgukvg==","signatures":[{"sig":"MEQCIGvdntSoPdNMofRvCWtwZS7BQlTtJNVC04u3j/ZGkDf/AiA1Ou2WdsVYdijcGQ3uu+Fa40/OGbXAsr2+Xc6QKW4A7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhumgiCRA9TVsSAnZWagAAligP/iKD1aw8iciAczq8Hdfw\nhN/DOU3eA7ccuKQsLGauXiapS3q6w690XzBh5y0HfW+gAmP5ulYGxw0eaiz+\nJK9w2gH0o0fgezPm9c3lASGAeLP+t0ZbaheIAQG+Pb28yrru7+0YayZcylFp\n1+pXHFhRwaFRTr8tCpxUDuqJpWl1ttS63YzdcID5DmxmQzdF7qM8N59ZA4DA\nFc9pCoLzOF/25H/8OV6B1turpEi4ozt9dolA2g+juLdGGafN0eAonFHEnorB\nwkXFCRhK9o9lJ0dRXN2WwqiiDtxj32cnIHr9369pHmYXMkz0ECxILZ+KRGbx\n1NcGd190R6waLQiiiTak0bb67tl6BfBtOTJTfZtSF7pWcFNSgRQYdT/NjO3w\nUj6ZnTNbopngWg6bIColBHWq4xdxtb4zIUx2bdZxYS8zGAvwoZZfryGDDwDo\nZc+bg2gFZ0EwmE6WPeN2XvwfhH1VpvvVIQ+q3/CdEuhpZmz2ZRHhj3vMevu4\nWKVJfKsXqcdEEkL9WUvcgXZ8tOXZ/dnZxaaZzhwT00hR/GMC9PMSOJxAJTr/\nPDozqXp03VcT0/GDvzSoNCt1m686WPfPf380T0ls74fTo3P6zIiOo8uXneD2\n9BEQrOV3PweT87G+C/yED7csdqgV4yJKIAUhwCTfH/lG13H1zkYwacvN5LxM\nfxjo\r\n=eWXB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"396b66ccff73478ac662f95bc36087e71ae8d980","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.ba78e8724.0_1639606306297_0.6862646625541138","host":"s3://npm-registry-packages"}},"14.0.0-canary.e3e073c00.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e3e073c00.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e3e073c00.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"29734681b7876eec9a456f52b7f77304bef96909","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e3e073c00.0.tgz","fileCount":12,"integrity":"sha512-UYHjGqFpRzjOMjA5LIFcyo5jzkAAfNh1uxVmcr9e3hVmFWbYovbcsTT6Ko0YEcMsTbN8CpHMPa+WijczKk5U0A==","signatures":[{"sig":"MEQCICm4UCm3kAeruGXB67szZE1KTK/GIPD7zi/XTqjy2xJHAiAqMSVuIyldyP8+AYnrUNtjB1MIXwjU/cUiIjC6hn7qBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPDUCRA9TVsSAnZWagAAr5wP/RyyF2hf9kyzMlvo/pJq\nttNH14KIfqABlGB+NyyTnAoLh/5YJGZuFfJODEPkFGq4T7yheO98S4fpu+Ec\nX92L9/TYULGoi3comltiJOBsh8JrU4/Atv62VUWo1lMvN6z5auoW9g/p+fFA\nRBOyd0mbOBPnzEdC8IBBQbC5rUoY0gIK51DrISxWOz3UFm0LEccPkrnFwq6+\nkpmQJTMzvF4pUphjlyIY/ObWVmHr6QWWs++IKU6tOYrG+s/9/2h7OZz6S49a\nJ3HrNQx5q9w8Wtq6Idr67XtOHHBlP+INLvW23nR42IngKf0FfwV156DFQFVY\nMxGaeaZD1B7vsgX5v3dytTtmeUsWKD+F2y4Ln0YJLflbdNGu06X7if+ydZui\n3xbOTU6KiTmEPV2986xk+s5ge60i3jgh/EJaSkJDEdccZO/Pf6Xv9yshxDMe\nAH3dOBZmVkIUnXgmSTB35LAxxw69n/WPY5GyTLhcj/WiZbw4XnRcUm0Q9gso\nJaZiRstJpOiyr6uUGoxJ7Mb+81NdRRy8Opm2fJ0RlqoD4QigLg/SWEMiv4FO\nlfjeZxw7hYanYJtPLt22CDIWLVBDURIoCRljt8rumPwn8lCkSOzFukjkBBlk\n6VtWdvAyjszofGt9KRcsiTc+11EmvnIPjy6gAuTh0FBzqltfze1WLGhgeAeT\nkcl4\r\n=JDxV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6ed0d4833cc10e9b5406989bcd66b072aaa259d3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e3e073c00.0_1640034516072_0.5467434166324492","host":"s3://npm-registry-packages"}},"14.0.0-canary.3366a71d7.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3366a71d7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3366a71d7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bccfea6ae821074f325970abba036e1deb17e0d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3366a71d7.0.tgz","fileCount":12,"integrity":"sha512-oW2PcW75fucYcvptQqIUfBgeyoQEFugqLXwimG7zMl3xpLkgF4VBHTlswfkFwhWOGM5avq/f/hmSApV3gpy1Jw==","signatures":[{"sig":"MEUCIQC1vnesaNXyNTTECbi+p0IhB6gcu1y47rI1uaYPBOMlzwIgBbfw+EW1ZR0i6FBzGidrtKCrX4GyHQZxCn1SQ0cdZJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwxqSCRA9TVsSAnZWagAAFwwP/0NRdlWzsM8kjL1vYZ/a\naAnzD1EkDy3gaB3IHNo2+0iN4GeCs0KaL+zKE+3EZ2WmeQiriiiCL0AvtaRm\n7icAyq3D+Bs9hRp/h5hyeqWebPej4aRNpPEUfUaAqjPQWT4T1jf7uLclWbVt\nhFABo2scgf8UxmPnYZPOtaYr0AukKiGemRhkKcQctYR17mZw+N6gj4+pLrpz\nUcPc+CJ+Umwi2rqwW7ZN+3LmWrvKLENMK+mOnw2asTkUf446hsvESV6b6a7b\nmp15bptcxsQSuFplPDLzlKLxoQ6gNSVG3KIjdPB+zPrDODFyxQwpZKqR+0cY\n406AH3XMHKd+i5LTrFXlZqHMTddvCkRFsrPv7utpVIRlZcNiosgxR7fAAp6z\ngpAFYQuLsfKn+1U9NI0O0vUjHFwI8O7aCxtQC7k+Xb9nzPaJoTGrXwL3hyrf\nU4lIhzRPAVDNrDSxg0dLMFWbOcOxwpwZ39uCSN02/aT0MgoaNOFsTaq6v5WX\ndt7fQy3hVyTAeq1BQQCTHlZWV2x9CSJlYONG+haHWyb9WG7CA010q9Xm0+HR\nXT9XuEOA/F5yXAdQqo/Kyknx1eXRSwjtHpnbgUj3vkQiiKNHvd6RCdvDrHrM\n98dqV3xw662SeZ8q0IY0eKCc7WwmIv/kYExHjWfkko+MXFk2nIM7H84yYWMT\n/tNZ\r\n=CdvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36f8040c2829cecee06f5c8f52e08e9cabc9004c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3366a71d7.0_1640176274414_0.9039323197578915","host":"s3://npm-registry-packages"}},"14.0.0-canary.c047f7c19.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.c047f7c19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.c047f7c19.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e6835143a4f419cee00d998f671ab0f4a2cfcc5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.c047f7c19.0.tgz","fileCount":12,"integrity":"sha512-b69UuDXKtnb6Hx6pRTWEhSSo6U66DLkOBRSRMJDwJ9BROU7kgwbDRgD+ajLHkyr06g2JYXbp5fzRZnbdeIVt6Q==","signatures":[{"sig":"MEQCIGW+sAzK0bRmR9DNO3rJcbsXMaQ1s/Gg0/2hZgY7En8dAiAJ6aavbF2dpIKpGwiFF+Fg7Jbypw5XjJThn59fgCVkgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1crzCRA9TVsSAnZWagAAiLYP/3563emnx5zmDoQz4aHG\nm4B+3r77xdjphPlBCyrat4FKYGsGLVPKkLP5T3Wi+6wnQ9fk39z9DQatVC6K\nO0nugV3+rb0Y4DFYTabnl23DKnq/wnafe3ze8DcdZn/C7xH2gj4Mw2B48/0K\n80MghGev26nxItC1oh97hl51ZUI9YCiuhm8TrdL9G4ZgRjr76wSsefjyi/hP\nX9i9leF1K5OO5EyOh7nM8K2LHxJ8h5aWaQXz7Lktk4szO5I9ptAh+5AFAb7E\nPPwdjP6db8V52b/f4EmvVndUOIyEkcLnj3jinr/opUGXdcgPTIJm1wF7mjiG\nQ1hawTFXYJCjyyEPCoVJyRXb0mjAL5mjn75rBtHzB51Ou6OpBLTskt9MUjLH\nPQivpmuUoHaMcH84BLnn8Yr7wQsIEVZ4Wjv4tZNZP8f2DUdegO4wjwSeArnn\n87EjmlCvj5Yb0I0pce5F3VoHZj2fN5og3X+exL6PXb7W6KlOxgvGrBmFsWWt\niYygcdfo0hFIYbzy1uGUCNQ9BLeqHVAzUwL4sPbawsKOzFNq8LaqH6HO1x9w\nGPfvrFjtHZ3kUXaHNF4TON1A23DxDn7Ru303Uul6wc6oazM+2qFqSSYbysQX\nR+sv8wpa9zlAyHIhecSdkCFs4vrhEAhPV3/lSKnZ5Vxmy48VIyNivttkBPnl\newvo\r\n=O0KO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f89c0e152ba1bb64d7b262b279d38cf5d93dd788","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.c047f7c19.0_1641401075432_0.03654569271578478","host":"s3://npm-registry-packages"}},"14.0.0-canary.05db65ec0.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.05db65ec0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.05db65ec0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9078c0f58e1118df807177296e4dd90d29e703b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.05db65ec0.0.tgz","fileCount":12,"integrity":"sha512-cU56OEtGycKpmnpPdma6MpWO+/1hUdYCmCaLb1HkYZhoUsnStnjnNIpJ6qpDlBhl2Iafl0/XA1QD2au4BjhW8Q==","signatures":[{"sig":"MEQCIGkQk5aog83+tbGvklbVi8h1rEEhgLvBu+7fm/XVp9WQAiBPBzDQReH4xQKUK7Jk2CfA/mhEXLo8KnVPPRo8fsFZUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yMcCRA9TVsSAnZWagAAuMwP/AxC0Pm838zUgZTweWXM\nSCKH2LoS9ThUvy1+QT4hn0HBJ+exod90suulJR+RpSEYuuyLUUh7715QeUms\nb1JwuTUdivJFmdSXAzqXSxh6EI9d4/9u/30XGXdKok/d1thqMHRqfCNhZigE\n3vpYCSgx7KaBnsbTROIW/0fp2nBC7arHSy5wEqQzgEmpObWMZ/fpjBXvRsnX\na6YaD/+1O6HHCo/+GBD9n7uYZnTr8399fDOnwzdZucAaHcTBwRRmKGIifvRj\nEKH9qha5MzYTVx1kGuy3BXUuvNqpzRrCzcNiQvWO+zXjUyI5YPlbuTumkIZo\nSPctvazYwEiBzWViPOeqVKqXvokQJ6p5Pxzdtc1w5+gbnsn+E5IQskIJzFJB\nP5Vly+XRDfkC/qgcLKnvSRg5H/niY0+882Zp3FbRplWnlZjjHd04niKsswg8\nNdyCVqoUoHpaxZvZHKVxAePRgrSFqGbgzPJZxZx1rXTGQaJ6I/YT1HVIC9ry\nxXAb4MZR8w5JvCZ73olLW8q09uO3+N391+Nzh+yoq4ZHQtUFIbyeq0CxsEO5\n9r/5QR6r2DeFjk4Rd9GhJW9ixsIUWpc9OOkKNAnUHDPAfjxOad5siVIQAWaW\nC5Uzh5mvQdBnEEed1KoLCHnOaC1EUG+54QIWYxkWd2EuB10/GS1fEqkngPU4\nSRlY\r\n=zbzo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4ee3c4fadb795ccabc127e2a968744c5bed23d38","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.05db65ec0.0_1641489180080_0.5617617460875959","host":"s3://npm-registry-packages"}},"14.0.0-canary.6ca8b8f85.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.6ca8b8f85.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.6ca8b8f85.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"381a980ade2362d3bcda2b579a5344aa8b955ea4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.6ca8b8f85.0.tgz","fileCount":12,"integrity":"sha512-oyvM7O1VOl09XDxeNhE0BrWUG+Cvdfl5s/V1A20qVRdFuLE9jNywi4Q4jkr3rjY47bopLOOYZ/Abiy7cPn96HA==","signatures":[{"sig":"MEUCIQC5JB2J02HQi04fqMDqcTZLe5RpzRFHsrNvCfUDTpCjpAIgDXdZuE5CYj1a1SGt49ZSvnAD4Vp1UgEHZKlL3dVWv3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2GNqCRA9TVsSAnZWagAAPsYQAITYgk1fiqWo+UxrOIJA\nY4/xN0QL+cZJSiYjgnAKijmHKKJr0+u17p/B5jl090qwkjST5KB7qHsrLL/w\nb6tLMcfkI8ccXUWM5qWRbthzuUi+dDAd0hwPr0alh3aAEt7gTHdtr56CsT4v\nxE0GjQSjEFb0fWdJ8s/qY+yzNIu4+vRTYFKVgro35tokDDAu3Tqf/i3eyg6Y\nymG0sOrl4cPgj85jzGdh+KMryy47ut5dDBuh8iNUC/pIrLDvGUQ19TuCsDhL\nQ6JLPwaEFkJTaANAXgwNI++PWDjNrSTuHdnW0LkJ3hv57FJazUlNsR3h+Sxh\nyL+x3D1AUvotv1OJdv/DcaNeUz46OSiPkm9yHzL66AfwOUtnJVlRWNyguDGs\nm6BgiYHgrubsryr6KJzxucsA7E1JQeEgY3ngJbQy1pybW/MtTpM/87IwaTno\nSWkjWShIodKKgSjQNzSBjYRbzD5lFH1B80AmHL7Y/I+CMl0OXw66kGhnYYJY\nu8E1j+O7D+7rd6+qL3SyslgWZLX1yX31cgh+6DIU20MJJwW3oUnNlCHLJh19\n/0hVrveZgmBJkfACFO7Dx8/XYXAQpVuBrDk1sBS8X9ZiY4KuXIP5CZdPdQEl\no/XQB/j7j8pokuZOauvNzfaM5ys51+gotQSwn1QczMu97jXsl9+g/gb/lELE\nZxWJ\r\n=hBIy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b3237bcea052016fff824f201904a358e2cbeeaa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.6ca8b8f85.0_1641571178627_0.529141486888338","host":"s3://npm-registry-packages"}},"14.0.0-canary.173ee7a7a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.173ee7a7a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.173ee7a7a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44b8253a266d9c80676246de587ac59f40825cca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.173ee7a7a.0.tgz","fileCount":12,"integrity":"sha512-2HF3e37/MzjHJuMVZUQsmrUvFpl9ZofurFgi2nHQf5hbx1FoFdMbmF3tt/H5HCRjPHF67ww6DBtjCYEPPe9acQ==","signatures":[{"sig":"MEQCIAYFaHjsQgl4l/DpEQRmK01KazieBSGz5yunybJ18vsQAiBdkcEOZNASMxdx5NSTbOuLL4cccrglxaZsFOlgChSJ3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3GRrCRA9TVsSAnZWagAApJgP/0rjZ2+wfylN0587e0tO\n4L1l/k9nb2ql97GLR6IAR1SkP3ncx4c8OoIqvp9ziEhXOm2QbJbGKxN2tAYX\ndSNJ6oaEW2VpA38h381ovu2RsZDcvBhK6GAFFATLrNN2UvDPeJxApfioR0Ua\nderzQHQ62OE9eOJcFXiQLEfw16YMfU6TLR23InIoyE8gnK9QSQeYJv0P4UWz\nQv6qtc26n6TFIhDAlmx8KcAJVr3BhXInuLsrhWjKdgvY/hY4ifF0n4URgub4\n701pP0l18EpXDnwMVU61j6UE7lAoqy+bEHgVgrHVopmHswicizU6N26xStLB\nQEX6Svu20hYr9EwsoZ25aeux2bCgJ4ZcRg3M3tUTT10QTzl/uTauAmd9ZH69\nofavSrnuMvmlQCf64325dmwVKPVBYeF0n45RuvmzPYwMdETKoUMg8G4qJ+0E\nUgWLTHcHBDfoMgxT4WXeMOyh0tXWd6uHx5Q4Sdwq7gJx1QXeYJxm7ZcUyqhN\nvJ4DqanVEWdRVIpPmSbZ1B5EE2P2tXa0JsslHb6XrkLmehCKpNvWORQFM6DH\nHnv81I2GQLLRysLjZgzauXSSpiGRtGEpM4Q3xjwUF3R8tkDHYF2Fv9sVJ827\nco9MuldFze8qmF5nK++L8yYPNYLZ+B3YL66nBW+FKQHDnFnUR/BdpZ9ioXvn\nZ6no\r\n=rTzq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f034f9d63d29784b9608c7c25ea586070efbd27a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.173ee7a7a.0_1641833579526_0.8081023252586768","host":"s3://npm-registry-packages"}},"14.0.0-canary.b704e4dfc.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.b704e4dfc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.b704e4dfc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e27544e2c731c7920cec4a4711d211d97b6b49f0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.b704e4dfc.0.tgz","fileCount":12,"integrity":"sha512-xdPHDXEX8UIoA4MLkPxTby+lPyel1EELWvP8yvuFb6Qpuf9fd0Of4Da9q9aTGiReioKevFq+rCH2C/hFrNLU1Q==","signatures":[{"sig":"MEUCIQCAshw62BWVM2EiehaiGyzjghXHzuiPYJ9BztyPbNX/RgIgNzJQLstynS3OqPnneNPY8eFBrbg8JHWL5/IgDKO2e1Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3HuOCRA9TVsSAnZWagAAdlYP/0/jKvatotYbARVXv0HM\nal10wiMmKkqrjBD7zDEohq9Uz44/c5xr39is/YMII1yqhb/UGDeL3kTzyp6B\n5vuRfm+g1FxOeZinz3RO1Nng0XyCnr7/9DkrqVZnMcMXgdbMvPTXUTiFY4qY\nORhsh7VLXCQers6C8YZgaRSIC0795HtTAd54hZGlvknX+bTgcVlPDQuaiHgS\npSpoBxyyK+mQrfqanb46n+mzjiAwCyd4oqgxAVGmUdeJD2dDxOZQsccVuooA\nrDOlOi+R3id9SninpDynABCMCROu2nSAZjVUhDoAnnD0lrO3t5U7zQ6/7rf0\nsJJuQWnMqVyvdFFXiH30Nlk70xNIYoW+XOUNxfMUKNMYF3t2+vX1yNNA7spN\n4ZextLtWdfCbezdEVd+r3MXStcy9wylypjlE+LHD9jdbys3IPQr8/jKwFDST\nomN6+IuB+DmONnYv72p90X1BEwPtcNEiNFMJ9bcimA+SegieACw7DHoZCcyc\nXlnKk7uVjtNf61g4yf5ixkBAsWU43gV+KrWNFRKit5VLgJfuH9cdbRD69y6u\nq+Tx3BLY0iKuc/RCnsLnc9W77O5nrBrw9YoZVRXNGE3wgRU0bDUrtPFzZ3J9\nXo6l3H6WKXq4IzNErLgLDnnUk/ndQk4hXKAOZHtQ3Tb7H2yPQINV0/HirXTR\nEUwX\r\n=MNCO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7aa8626c10b7e0fe9826c55e7f08c4ab0aa493bd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.b704e4dfc.0_1641839502529_0.49095191846052155","host":"s3://npm-registry-packages"}},"14.0.0-canary.c14e977ee.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.c14e977ee.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.c14e977ee.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4015d0f4df68270ca63e92a9219beabd83a14a5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.c14e977ee.0.tgz","fileCount":12,"integrity":"sha512-UGE/u6SKXPNplm3OS/2A+lsa6jDOf9s8gHG3TF7P6T6RSXrxKkwlmMZroCSKJbIoaVKEvqzwg9nVssvPRR0YyQ==","signatures":[{"sig":"MEMCIBoqy73H/x6s/RP4ZlTg02nDxTt/Eip0GqKtm/4nxTQdAh8Uagkk29Wg6NbioN1jouMr7x05U2R2AOLOOKr3cB9b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3aa2CRA9TVsSAnZWagAAKZ0P/3h23RoKOKBLGeOAqtYj\nAoY0eTHuZLVsDbKDqm1emtxtlG3MzWyFjd4gykLuQTV7x1xPFspUvrtSJyjA\nWlPeeSIMbkDvY6FoCUasgKUD8hL2hXt1rQfMAnXephTrKsLGYTlxpYAMruka\nDB2dyCQEk5H9Ytq4VU0cCmHR/Q4T6P3426t+mEXwGgyNJi9hNdoN/3i14Geg\n/moHMvezkL72ymi2rBwxDQkejG9KP4ZDiJC9axDldNVFL2SPy9x3FAe67AG/\nb9EqI5A2kvpKMoy+D6cSL3pUFNh8wrAVheMpXCKggbpCfvMfT8BFIxeGzKgT\n7sPBcKjjdhUVmKUFefMK5FVwZ67XF5RMwalvs/qVclcxXQTpKWwWmdml2klZ\n01zs0v2z0dCLoefMjUm7oiZCjVkVr2+pKLmgNDcyTniunLUSOFNFsiaigZnG\nHKYVp4wPPEd5JpYN63Gihlc78qJBq1qDoG0f6qdZc5r+nrr4mgekZJyJ3Uvf\n75DAPy28/IJDxAl5B3ogqCJp9vUfJjQbsqDzkHIgEo/RE3eP/qKW0cowcOGL\nq9J1coTVhF+GCZK44bJwRgHgkHXqBnueEON+Qt2kMHTjqPeIKfI0/BhbsMrN\ngJH3i3QOviYK6OBi53w2b5XFmPzFPdXYGNllD5extqSsKVbJl4lyCVTItf21\nLNo8\r\n=k8eT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f7e1b7371c604a5d4692bdbe25aecc578fb16f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.c14e977ee.0_1641916086268_0.6800283276933801","host":"s3://npm-registry-packages"}},"14.0.0-canary.b094eaa4e.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.b094eaa4e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.b094eaa4e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd54fe858a6d68094389272bd80aee08dbfe66bc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.b094eaa4e.0.tgz","fileCount":12,"integrity":"sha512-Lxc8dhv0XYbPhOew6prucIxBrYwcGSocN2f2NolXdy79mRNIfkQsjuvW/eDllQkTSo5iGqdUKZVhKFKpX8uBUg==","signatures":[{"sig":"MEUCIQC8dYOdGhkHP8+jGTTveyRXB0UbcxPOqaCph+WwTXGm8QIgRxaQEGZWnO8eIVDFOXfKT2ulrOfZBJtcCoxw2W/9y4s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cPGCRA9TVsSAnZWagAAea4P/1t49nY2n5E/I2Eq5ssb\nt1/H3q1+njwDXdeE9ghzXn1KXwrSpJNK6hALRk8/+FGgENjoAxruppGCJFHp\nHCAPnC4VQJz4cHegLLhxmVnGqVOjaN6fNWi+eJgklv9SGEyuxMEnNAVkbhQU\nzuHLvM8asuYvSIvcP9HA6olrrtM5HYvvTfSxUBdrG5xLmo2nrKDbpdijFWE/\ntG+TQYvUsriAXel0RGB2B6okOHeXSbrPY4Spw1RLlXWmRrVpVj7KdxG7o19u\nhtdSSFjXGNogNQddn1vGtsrVYem9a5btfk72yf4saVtgx5j6bOk8uTYXBxWh\ndCPE5YgG0Pb+lXyRYZeE4tMEU5RpsTeuU79d7IxMAYu/WLfyTdD8uLCW1/Vw\nTxshH0bqYM5ca7lUD2aSqNUhYTfgBoVXC1XAUS/84zI/l+ZWI8guD/ouHRgO\nnBbMuUM0SEXJ/vGeACBefU9zrE9GncvUq2tlhJC3aoqiEBILDTch5On6TRz2\nK8DXSzSxuK5sinyTHNdBrlqztS0iM32Ohiquy9KNJcP0hswrRV6lc7p8NUBa\niZgQX+23sWN2yRkBclGYwzjYcgSRAI4+tAZ3b7RDdKp/GElOvx3thpBh0p8F\nJLwiMbdIDYPHVyPN+dqqCbAr/ZQadxXpMgnp63+VhRd8YXNaDMwtDWpMtwai\nlxkL\r\n=6i+t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6b11b48b933746de14be90d79974d10e1fd48289","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.b094eaa4e.0_1642185669944_0.8810145735521075","host":"s3://npm-registry-packages"}},"14.0.0-canary.390220e42.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.390220e42.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.390220e42.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24ab564ebc58c970c48798ea727790b6f1dad8be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.390220e42.0.tgz","fileCount":12,"integrity":"sha512-5ZcGaiLlaAbWFg8d8ydUpJEEPxBuTYmkVxT/eoPlXQZzbPt/J9cM5/7KJOzOTe6Z9SWpXIEgLknaSWozDY4Iwg==","signatures":[{"sig":"MEQCIDcKZT9sLeOxNIAHqnUApz7AwLikV97V05cZTGLablIAAiBe1JXg0r9g3wpcQ15CxG/ZWsrOwJYBT3qNdB19XgsjYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5Z0ACRA9TVsSAnZWagAAzpAP/RjtmJ0YI1OCHyyQpTzw\nyMin7B/np0ySeUJD5orV6TLsHzti0HNlXIEgxQo1ePHYN+owBhqYZY/0Cn2Y\nNr9zw/V05gSPS9Ce+kXTlBq8444JlpCkl+a5OkUefkOBk1hcYwTYz7LucgD+\nfC6CHxPaqCDIFQlkbvZOK7LQGt6pVutQIyAaPkyO3/IiXNr8paWdD74znXHq\nngTkTrN4J7HxCuRl1MbCXtqKmAAapZmP/q6DT0W3bGV4EdhgWTkVQjARydBa\nCCltiSRd+GmC8csgU6JhrtyBk8iHkhTr/LoB+7oSLnQ3j5tCbHco8RDxYdU3\npsDzBgRac5G3rbYGEIzebwCT+2iOLa6ANf4ThTKc0MFnMtMH9ozhXnMFnia6\nrAkGHTKzV5J3y+ePTKtm4EZV88mX09mAzJNjOP2LpRaT2oiH9pmXJZOCv9R9\nMdIR6hK3VEBKjoGtZvxmY9SBf4tqt5/yAgyP9iQJS7vIreV+KuQ+EsP0c6Zf\nu5Xned+vD0bF7uqyPfix/I+OvwS2Zct5JiABHhFSGFA8wEpPH2ZUOiVUcvS5\nbDELr51zq2Q2FA4xw074xiHvbrZ7IKO4Pn393GMwbf/fWB+z9viXG6GNOkhQ\n8JMZNPx49TipuROnG3+bZtKs6WlrTNdNDU3lrTqvkO7COSn2CXXPIi0hxTwK\nyY/W\r\n=t6ff\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dd9f4e499bf257838f40df3957ee3c321500fe37","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.390220e42.0_1642437888717_0.962249955502775","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b5391f8b.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.4b5391f8b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.4b5391f8b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b689bf55f82fc6bfb57b90c4a51724b387122aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.4b5391f8b.0.tgz","fileCount":12,"integrity":"sha512-ITUFr8bysewtKTomipyt+1boz2HtCzmkMzMZjDg6eX9xDhQG7yjdDNTpTcTvh9NvRfynG5Orh2ukASWh2mZ4Mg==","signatures":[{"sig":"MEUCIQCLlZvJtN5IO+Zw1eMSuhM9G0rmTLuXqFAA7YMAX+MLbgIgUwMIJJI1Y2vBv7ydPQ6qlKgh4+Dbj5unnWR5tnHJmxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KQKCRA9TVsSAnZWagAAaDEP/3Wl1yqVlGjHqOCZmTYb\nxX95s3S74POjzvCfD6vIYLNfkp8TOdGq38JHjUw3PUl8Pl9yiGw7emKF8t4W\noGGJgpYSdkF9YsmyE/z1gYWTbAP6dabS7iOsj99HPZChxtEufR1HFYDSocGp\nvNaZtyMO5bXKBPFTnMq9ogfNcy6QvR9vYWxtv5UCAfbW02RXZmqBO8p7IPsX\nC1wd8J1oSu0FMHYPY9o9Ji7pf6M2coKPwWHTT+9kgaYHVFXxGUOjQDcTc8q/\n2SNdQtL9VnrN7KkzmiZe4VUblqYXF2c+rAmQAHwZ3a2gyFf+95rQO+NER2el\nFi6uHt6g0uf8/6wRiBiNItzbM1jqT2IFs8Ta2/X7nCS5mvpYGFs1MbCYdsZC\n19BP4O8V1ppXTpI3oxvJCac9db4rlZjYRTVvOMgqUWlRH3ToWaLq79ALPsvC\nsW1IiZvvONG6OiLbdjm/LJDVCnidEy0xUks4sNi2CodQPVSKgXN9Vr8WhqAS\nwl9seU0KEuqofZXarjBHileQNsjzghXowqOshEFRX3DeCWQ6wT9FE9sGEsN0\nD7P7JhAaUuQN0t4t4C8Xzx7b5pqsUSKDEz4jHUobY2yJf3MNtnP0mR/0v9UA\nk4s5FZgM4gT5W3FJySZWRYfFO2PZVuJMhejjRnM9k2SoMHfHPd9t7Gm3vwBJ\n7GKR\r\n=ZgwO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"09410b4524a4005be30dd18c47d4214d6eeffca0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.4b5391f8b.0_1642636298117_0.041843057887313684","host":"s3://npm-registry-packages"}},"14.0.0-canary.cef6bc623.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.cef6bc623.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.cef6bc623.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb43ab31f9830ec5490d85aae31555f3682c5681","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.cef6bc623.0.tgz","fileCount":12,"integrity":"sha512-MvFCN70S2oPHUmGDZVYAn1FgRtvLfeKj6wadBwRPWjmdTo23vSC3fgmu9BSUn/1gEb0KZYer/mfPzA4cAFnpnQ==","signatures":[{"sig":"MEYCIQCaewIFEa0gHjFeu0vhb1Y9CjYVHCY7A3hmxjCfTg/IuAIhAJQu31Zm2BTriUD0D3/Nja7+EYs7/YY3t1dkZndM9ESx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KnNCRA9TVsSAnZWagAA+7QP/RQSr8gotI1n9Tc5tCfQ\nwwGhYD2ymAFyxGY6iUHk+C2PW311z4RP7YA5M8FMSM5oC9XqkaMSwhK345Ew\nF6SefbNaCbuNvHaW4JdmftGRXquxRMqqus9o5K5rSD03twC0Du6OoU0+tRSV\ndnxYEmFbwdAAmRsndkKx0W1QPQeYwpJLWWxJxziw6Xj8Bp4myBgM0h5UO5L7\nwgXBNErpOLiEyme8u1xLosWRSgDoLdZ45vFwlytKJs4t01xlqstPwFISQ6Ie\nC6NhWMUmLUvzWsWOpH9fyDPQl+w0Op6//lzyVu9H12qa6jSn6rrEdkpErvnz\nNAXCX0CmdKc03eJAlc6ud4HZ+LfFofA5fL0vmCM0eCQMn/WFM8sUahudyrZE\nPqWB1dZXtaX/B20GGYkO4MiCX4fq6/hXk11OrnkDvi/awVl19jirbhe/qGiR\ncsre4mLQBOHXiC2bYXm4to6DDalXYPLcIiIUeuEdLUGFRcntu+NZcctYd6lU\nJW/IGzQKlqMXXPP1Eeuppvr3vVYT+13B7RPZP9AdfjVu+OYnSftDUHg6Lpo7\nRRt4lWAiBAE0G/xU7TeuvO1fvpUs6VDd4SZAthMmlgqDiRsg3lS/XrcbFE1C\nEQFUyVIKYkyZ9Pri9I4qxYSc0dSsCfm539g+6R6Cu7dOGMjACZFPVt+7NczP\nIV4N\r\n=oJLL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6bfb214d1f6768cd968026313c7de32009b2da1c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.cef6bc623.0_1642637773660_0.0846535754531954","host":"s3://npm-registry-packages"}},"14.0.0-canary.0379179c4.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.0379179c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.0379179c4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22da2d45eddc9606375a446ffe7912b789ccd236","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.0379179c4.0.tgz","fileCount":12,"integrity":"sha512-Jux4cgmBSIDFKOVnp7lDNgFn+ZFijSKWcrM+hf0NvfC+KY/thONkoNvy4DDcY89QtQtxE9LsRjTdm4rX9HmBFw==","signatures":[{"sig":"MEQCIDvL3LPNEK3YejHUjNBRSuzPo1MPUS0bcAm+wjCgub5IAiBXT7xxtmRF4PcsMVJtxJJDeMUDbP91elP7hELfCIi4Bg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6a+aCRA9TVsSAnZWagAAYyYP/2k8gHK4mn0DORL/rf6O\n2sS7DneHbFScIoEPw1j/AKPJCb0SXFltCs/mPI6r15NjGiN4gcPn2yUJQo/B\nKmO1Chjq6n4BdSFNo+4UOMYjohOdtNbX4P4pB1LmEfMtW9Byergxc0tOKEER\nvxeSjRqk3g8NU2Rv/CFX7/FksbHPlLnZm1XCtHOJ+xz4oHJcwPQVNKesRPFI\n+RR2sAQQmX5pQ19UJ+O2pNFe3L6trwiYmyDG0apZ3o4CliL/hsomhK5an8rf\neNNC8SN3W2XnXqr5HcM9JEnFsKBm7tAQg/RDMJ6I7VjQu445M1LdAhM1e92D\nhur1QiglbUTz7a+modnmggzwowYlZjv936dMf8Gk3xqklKfy0PKlmmV9O7WX\nV7jwx41ikxXHKpTiLMA1+xyC3mTCJ7DRRnCkOQLU8dygyNJ3eRQ5my8jMYqG\nlWyWeH/OnaD7AbVjfPgtcy6Q8psS3LIuNc+UkezqKCcDYcoGUyMTr/8ozoId\nf9l9nMPoDa2mm1wm2gDFRdWkwcphK6ofJGBytN1Gst522/qIW5qHTSFADRQs\nnkfXsonJDOaD0jmCIQ/FalLoaJMcfeEHmAABJSGKPxpgXYieMzmZMH8jjL/1\nKfqbY7GTcKNuANqFJQ/Yjr2yevh2KuV01HQ4DfeR9ip90zaP/mU8K4YZ0NLa\ngL8N\r\n=LXuc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fd62b4e352900f807c8308b282906b51227baeac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.0379179c4.0_1642704794511_0.06413445930696104","host":"s3://npm-registry-packages"}},"14.0.0-canary.e62f3dabf.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e62f3dabf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e62f3dabf.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f2dcf8ad9dfafb0cd24c0f17b905ade13d9d21e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e62f3dabf.0.tgz","fileCount":12,"integrity":"sha512-NCHqjluwLYcmGivmJnNwacdMxAnySP8gRjA8TZhpG4SKBzBArpq0RD5STX55x/0kM4h5iaxmfhx3XbSGLeWXhw==","signatures":[{"sig":"MEYCIQD1nOMzt54ka2znVJQ2AwRhD9BBeyuMaTgJi7egbiP6ugIhAK7+zLtx5JaiNpTcppdHGN1GHCKv16ZkuRcpPd9ZuInz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6zt1CRA9TVsSAnZWagAAHeQQAJ5y/WTrZJD1kTpmInEH\nC/NYHvFdvPIJHNpO2l3j+Q6zA7pvWggXAy4hO7/YyXBCgIxMYA8pHfvubUY/\nWoKOeSAu306dsQ5RYv0te651yKimoeuHEb1yyyaHwSV7vViFV7OCiSvApJTb\nNx0ES72H5eX0UmVx4fVhfDbI1nkIDD7sYrc2kbO8trK3UjFiAfMhsKzQaaSo\nbLKprBqSbOp58o1vTzVtO+nqt+taSTpVKz4Ls7vT0p07y99ZfQDMZ7argv8f\n3OwcXgIFSTK1i4WcdSnJUcnuRemxE77Z8/RWujIaJqILPPGKSLZZymaZ8+hc\n4rWpM/oqJSc/D4DDx7R2drSb4yl6NBsW7wca4Rqbk1z8TWq40t64BjLaZZ5I\nIh5mwTt2maSx+CxQTe5SaRgem+MeIgN8hz1VEQs95HNq6lo7zsLImj3Y9SjZ\nz67CBcektFANmnnOMnxGsixEXoc+adc5YTqC8JTbmaFbCWYB3JTgimoP98sw\nGShMfYOS4RnMREy/P6eW4XanB+huL/Y7HgwjZZAuragcjv/IeEQOh34jL/Dq\nr7dYWtTO4PlVuAAfQ0rPwBYXCidvxH4CvKoUSA2t+8wrsYe8pO9xVa7Wf8g6\n34L50X99Da/yUp0GrrJEs+ChFFy8Q+XaavFInPuVVH+uQr8s1IJOgR8KxRSJ\nIeZL\r\n=pWMZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7f7d12458af5eaac6bd913db605b5afc3753906d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e62f3dabf.0_1642806132788_0.78679131045547","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e20c1de8.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3e20c1de8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3e20c1de8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41c835993c9e2d09dffdb37b7cf0565751170cf8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3e20c1de8.0.tgz","fileCount":12,"integrity":"sha512-jDN/Ynr1uWrRdI5NQB1QXOlDOaVpC/2AneeIiM7efRRBThXMOlG722+UeATwDcQLZhewGD1ZY6JUvaE4J6NUIg==","signatures":[{"sig":"MEUCIQCcWAUrsAn8C6e40AY1zWSDrqP7QAPdk9VCd8CGGWCAPQIgGqkzDRwMOxyamB1iItiJsqvW3Me7bFw+uv3sdUqA/yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8BePCRA9TVsSAnZWagAA+YEQAINBEhxzoLVCyoj068IX\nQYFwnaODiK2JV15Pbe3BF//aaxdOsB4QPHpEEns2puJrdDbGy3BMJiOgeuA3\nytk/RHZ+D0dg//7FT0hK4kMygJCVyKmfHvuxeDF+tiTc7AQC/oNR4hjAWfXq\n8A2MdKpouK2sBfMIDZDmlKIzNDR7/54IaNWX7QtXL+jbhvsTPxPzmg3GN8nx\n+s3UxG9A9rC+DxZEqq4gaFBkNJ7STDN5vOYnAAxrt5X7puX+iCTTEhzzpg8H\nlmbVassyghtuf3kMQVsfJPWC7WL80w/7f+DF7UTiUna3ycNlw+wWf9xOW37a\n2uxphSq6tAgyDHu0Rl2a95gjjSQdWFUgjg9K13znSlGKji22ZkO+aSJOAKcj\niuu8WCYIkO5hbsruZ+oHRe05pU+/u+3w/TdbdTvHHcnGf7W3MiDKBiuFw2KC\n7Uv85t57k659aTXoaEoZMJefvsxmHYsOmICAVCNPpDgHLkBvVTN2qjEFdtUH\nhlI7msue5ezaU88MDF09K/Yva+WN/eckkHuuuskK1Pp9KEkX9SmnoOZ6feUJ\nTX7CJE4/HZiDcVQ4jiSZmWlvRDL24HrVR0S6mrhHZdjgdxq9msga+RhesI+w\nVhNIEEtZkNrlJ/o8sQV5pExkLH3MnNZr6eTENXBW7Lrjir3uOhhYQOUsAVdG\nU2Lg\r\n=0THy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"29fe61f3aef5a85c7a462638b6c2b809a3be57c3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3e20c1de8.0_1643124623416_0.6505784595955815","host":"s3://npm-registry-packages"}},"14.0.0-canary.9f9d928b2.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.9f9d928b2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.9f9d928b2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"132590fbacf337261fe5e08e79d162f2f9896836","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.9f9d928b2.0.tgz","fileCount":12,"integrity":"sha512-10DnFTUu1C7CFdaaagasIV8gng+90OdgtqTt9bJ56Ejc8DvQmFi3yCaIMQ40OuVS805soJtMCIxz6v4k1aCV1A==","signatures":[{"sig":"MEUCIBNlyQfIR5jdqtMA0MHG0KHOO2swRp9ph2hKqrYEkP8ZAiEAyKYCuDg/0qKjREfC89mt1K7usi+1NymZXO3Usnnm9U8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8uBuCRA9TVsSAnZWagAAqvEP/1KZNXml0TVr6XllHWCU\n5WbwfbIjOvn0Bx7Z3Z72/mrlqdLytgK+13X3t8KbMASdV4bF22/2GBsH3cNv\ntlSjgeuaW6/Yb4fpmXZWN/QTYZPGV0X0pWHL7DoOXzXgYosauEpEo8eGwsf8\nfH+vCQHjCVBanrFKo7GSWupJbe03rpNRdr7fZ/CiOxLi5WHuF5rcfeQtA9LQ\nC0FN+H0a0wfkHUgwz9+yH7vJS1bgv5Gkc4Jl6c1crEndsIiNt6qkrrsa28r/\nB3GsjRHNfhsGbft7rocuzRnoBeLIgAogHsfUgYSECNEWDxWtu99ikQJ2sBti\nA2BcPO+d0+SQmS/aqd9kn6dPqG+eUlfJ0nuNxXek5+8y0uCQfuKo2AxghpaE\nJtRW8RNCmux26AUve2Htguj6Jr86uurlL06PYXP5BWHjxQHIvBpy8pWkTXhb\nY5vhziCt/9+X1jDoo9AwbfoOfbu9JNWdbzCqGB0ZqOcXxdHi2Hk9h/H2ARCp\nh7yeDymW10kXz0YgShfsgC3jsEDzNEnRO+Kqcx94MsUBVLEaoKhgk+zCBOBw\nxoJzRW/mWW81j9AfHMvYxCB1uZhic4ZYfmbnU8x79zqY5OZjrHgTOSyBNVyx\nM42yznLDdAprARf4OJHZ06utjT7DRgX00QJs17NwoUrNsw5/52jMwJV9mPgk\ngqyb\r\n=BmC6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2983c7f2f01e1912809d6004e47ff0c7c27de38b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.9f9d928b2.0_1643307118103_0.4269379928383421","host":"s3://npm-registry-packages"}},"14.0.0-canary.a2bcb065c.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.a2bcb065c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.a2bcb065c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36a3bf324cecd73faf73429231c28d6adc22a11d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.a2bcb065c.0.tgz","fileCount":12,"integrity":"sha512-iFqfU+KlZsHZp3hfD550DDTCK6capOW5i7WR7vaCUyKMLDzTzjZZHITLSiz/oKXGYHVdBzvGixWQS3BcPhtH6w==","signatures":[{"sig":"MEUCIAWf0TDwwA168/GFYw/jstgfAqkW5rvbiiooCCDLPX7KAiEAx+/czry7g1RNgM4tfxBIWe7bYG2dU4tgUeo410CctGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EWaCRA9TVsSAnZWagAAuxEQAIEPYJY6g/q2dQD0Ppcp\njyW7VPhDqofTB6JDQdNktp1pEEllSmXoV3Tf5mLyHydO8C0BBGXeUuEDLXfE\njyga3QsKTWf6QW4iq0xTj0H4ZfZSrJJt7rxSdHrEMZr6MkNQY+pBHPF3/YX2\nUFaa/SB+HtW8l55IYHmtS1XR6V71oUcLqEvhri7U4P2PDR0S2rPciS2atym/\nEkcBlyAsWBs7MGIVhHB27m9qT6U39fag3AxNfmaXeWmWfVNpA0bU82MkTrlY\nbKlOPXeI4/onS2mplx9Iw5vrEIXS7MtywntlGjs/tb7rGVnxb5ufBJ9YW1E2\nbj7eRQpsUB+IVdLQ8JWOyqweqJbsPNFouQTkFTyFMm/aj6ya6LDroyMnT8h3\nnuqDu0zfgRB67o9A9LA1DbPaBaemDbwZ2MUa4w9HSmbU1XrtdTWJ+X5IFL8M\nVUwxL+6NP1n4KbYtxDSzDtuDXl0SzDDh6EeRoxtZHaBIYCosDDG2Ag+RJc/B\nXPynBbqOZrmXZAOLZd7lRYfw6LbcTbjm4h2pXlWDLTKd9uRMcgJNiU9sQ6gC\nEPlyxXfdVNfc/eVHZpK2K7dOaoAutlC2goqy96YbB4rXMZuyGaOn7C/IXM0F\nS6NGjFc7CeSc80OivxIKWeEnIIjy3nuyMkE8FEwpc28jBKCLdTe1I4lYesZl\nno8d\r\n=hPJP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7f175ca37545bf0bacc2b94f7a18a2a3fbd5eec5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.a2bcb065c.0_1643398554700_0.9006755117337928","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e66fb2e1.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.4e66fb2e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.4e66fb2e1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ec1aabe3974401b6bfecb0271cc0b01dc05cb83","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.4e66fb2e1.0.tgz","fileCount":12,"integrity":"sha512-f/HXMqF2mkgKfezxKXhSt6uj8ekr49cdDjeyWtrVJviuvXL1YKCgQvRmf/Aay5cTO+4lR9ast1pqpK7jkxzNRA==","signatures":[{"sig":"MEQCIEiz5RC0xfNK7URjM+2PDp9A/j+zc/ybxGpY0NR6CXWRAiADBaWXJ+VIE3vl3xks4KOt0U3i+d5Y5df7CGG6t9qtbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EafCRA9TVsSAnZWagAAtPcP/iUxetJIDLCChg63z6EI\ndnRqVcAYca8tDoRUT0eenMkYmRlCYthvbou105ysFf+X3yKfAg57TVew2Wy2\n8cJsSbWLAAmDyTYuXxxr/OY9tP1O1/DeijKQXpDnMjwpzYeMxVU42JCqa2MP\nso6JB6JenPMLGtawyVkeOSjQ9TE0fw8CFTfKRRvVvkVKluYzfqliDTuYKAvL\nZmu+YFSG6d7+DrPLRjefqCNORjJAFW1iNIMZYip9I8FKhpF+WEKlZbUb+RdZ\nXpP/tLNqDdyXBK0K7WeSpjyWsQTRiweRlShI4P5UkgvBiH952QTztj5xa70h\nsec8ZgeXfs1WPVfJiVfoFJC0JP7yzafBVJJtmI8JW1tVowUb7VqmXYEojZKS\nYdhwoRYUxOjipoDdYgr9e7p8uWbrRKk/y4xdEigfH6krNbdaKvrUJ9OZPDz4\n9w/V02WU/uuMH0zMpXPgpzfkPAjYKeafT5gB+Sp159FR6pclXIaG98Iqm6d1\nDmDA9hC+o/Zp0lIhRal+j1GtVb7NrPgeeaSTklOj/6z/i7hFfHyFG2Yy7TzJ\nYzPzSOCZqAQvEhegpfo6iqcrFOckUIKU1pBLq9LcrYQO8d9OqO5mriZTVXEs\njvRjOGvsflFtcTRvmV05zn5BNUFw2vAJm0EtjjU/0f5/A5Q1hnUN/2zacUt8\nDxB2\r\n=rlCc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"edee6a64c210815507bd8460fea3df2591cf0d65","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.4e66fb2e1.0_1643398815519_0.2858265470401713","host":"s3://npm-registry-packages"}},"14.0.0-canary.9736ddce9.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.9736ddce9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.9736ddce9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2573985cb4203c128e6146055e8467a0ca5f6781","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.9736ddce9.0.tgz","fileCount":12,"integrity":"sha512-9Cr0uYdw3UelWMvE0W6uGf5OF2uQDRaafogGKCAshUyA3Mc7TisRsLtq98z7hQ3J88CCLmzjk7zPQT+xd0+JmQ==","signatures":[{"sig":"MEUCIQDzzgZnilDS0zjeugaxh0GlLdmPLgcSOphDb7GoIRElKgIgT7PldmW48+Wh+2FnM9Xl8TwQe6tJFB3MyY8M00rRLOY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9Q19CRA9TVsSAnZWagAASXgP/11Ua9CfC634dm1Tjttl\n7zzLgiN/8Q8eFskEVETs+92OXP47hilLzqnPmz5BzNwFiCEVfaFnDAG5TEl/\njLeDKz1rffx1OdsvBhCt+Wgfoi3G5QR7ORBVY0qcFoidKeB2b/HeBU+/+LcL\nMDAThwJYqHc5uLB3ngFGc3ydvctC+SYqUCRsJR2NdX5b19d6KtBuGmzHx+yn\nDV1WiyXYC6Krxoh8eUmSKbBpdzu4duBSRz+63D0X7Sj1K6CUN3742cKbIPoO\nGjKngoCje/1HZcE1+jMDvDk0Bp6tBPMZAx4iuKKwZfFN6Kheo722RA1o1BEd\nn7mjFGqU2cPwaMZ+El3vIafIKYxWRFBD27OEs0VVgl4BssQrcRnrIRr1h5Cq\nUy31McksMIP+jY6C8UAG3HhatT5ArPc2lXwe79R5zTqM+G4I5/Bf7T+xwiOH\nDvkuiQQayHt7KEPhHatdITDdOnKRBe+gbjrclVjw+Yp2wP11rnY/tk/NRCb/\nvSf0+8u75BgIo11LZ9HGBcsACXx1+FJSaxrvK8M1nO1ouk2YlFTRGatR1dqj\n+F+YlTZtVjPjbfNnxYDUh2MupZOU7Kha9k4Xg8U+UXyWTM7lFED/SB2EkgcS\ngjdA3yPo1pCIdHMLiJU4WcCVsq9nx2/eSsaPkbJe3fRbrgNPA41lSmPpIjm0\n8kMb\r\n=U04v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d76de36ce796a981bf5e48388104bdb581d17529","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.9736ddce9.0_1643449725388_0.8531811135438498","host":"s3://npm-registry-packages"}},"14.0.0-canary.cc4ed13cc.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.cc4ed13cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.cc4ed13cc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"935bb089d42fdeb3fb00ef454f7cc1f93a102a35","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.cc4ed13cc.0.tgz","fileCount":12,"integrity":"sha512-mbqMFqOYgIyB+NS5/b75N9gotZA9enREpB5cyFSIhAQrvDYKm1fzKl2u5Now4ZsyYtUZAvIiHNcbmshK7Ysw7A==","signatures":[{"sig":"MEQCIH9iIp/tv0ZUE3DdRGgq9Vpgodas3et971Oh4cBrQsB9AiA9RqSbT7RgguUAUUP1cfrfQePjQfVpGyiUM4YWOhcs8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/W6qCRA9TVsSAnZWagAAhyAP/j2Pte5m6JF9DrQw/Zfx\nogIl+7gxwbe1xjqzdAT/rB3jYeZ6JQ0uVYq5RlIUgpiFHSKbNduSxcwhpE6P\nk00tT0gUbLXs7U6Tcec+hiEbwFouGhtVq2fLn5AkS+rIIDqwJPrijad8y+pd\n0mnbHiPN6U6XwXz63Yydtl04pduT1Du20qZAlfM4WjYIOUy/XY47mqY8kKwq\neKYlMvnZ1GtB6MU4AFWd8BwJKyh0U2rcAV5KlLl+sUh+AHqceRa/JWDuiKv9\ncfjPVRVebkjQGL8rY3DTK8W/SaXxnL4az2PAY2rQ60oXR7r1qQIdXks4q5ql\nCt9yh61GRXJhom3VwG52HPQOMvbieX5h3ySiobTBzjfCfdk6gIO+Xu2GaRYL\nHcnKMPC33Ni/9bjBA4rWMMIT51+bFZ/4zcbQy8wZXbcBusb30mTY4aHitvmn\nvbERUyyM/Srgw2LG2q1SS45Bl4nhHoFnDWka6F3vyi0fmZVYJMrIe0qvZhah\nGMoHH2qwfX7bdp5IOsaubzVwJJKpDeXYTv+tn1G6zfJV5wJpIxCJTU5EUsoh\nWHTxEEL8Q+R486TpRUnPjAPFohnxF3Z1w6q9Xf7pXz7P7LPp36NXVgg9vTe9\nd6WfW5ZfqggTV6XGY92tjWqfOYWG/eYpCRhNSTrw0VO42pt0Pm7pgW7n4zPV\nFTfh\r\n=ApIt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"15c769412cb0230363c372a7d45bc6bc10eff8e7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.cc4ed13cc.0_1643998890744_0.9090659780184074","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcba26fe1.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.dcba26fe1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.dcba26fe1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7f950d306657e54031487f897d26d2e81dc474f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.dcba26fe1.0.tgz","fileCount":12,"integrity":"sha512-HBLT7aU92N9Jm0XkGAl6byi1PV5bFyk02L6me93AUTamV/oqC7fCrnFPoZhfbpI0xSTF9CeJFaqMsuTsYuE8BA==","signatures":[{"sig":"MEUCIHDwiafdBr9cWS7Ri3IFak/MoY+Vg5Z93Wq+ii765gvUAiEAueC/Pe7T4pN7H5cElJVpgylKNFaagXfz9Fd3UAKEvS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/aDsCRA9TVsSAnZWagAAK9cP/iU0bNa73uN6/+ETIm4E\nVxfwoANql8wWuS/2w3Ld2fAfsYPYYwraxGSZVufA6XinuyGMUr5kopaDTy29\nph0ggHBKpTgrVdhfm8r++RSt0JYhPfSWSU+LkbqZHvFqlwPfZasptIDugZ5F\neTc21aQJ9CON/q1abAsX3cyL37VXPeHjeb1KaGqa4HIbY+iZzNqXWImVlDHy\na4PeBxmg7QDlIuEHyhknMcP4ReKpQiPm0shY3kFkVS5gCAmHqYdL4QgnHYce\nOwVyepU6R1y5Z6mKQAh71hurrrm+7ncDXQmOUyI/Oj6hPAT50ahgmX73puuK\nJCST9Tjhg/NoFjTt6piEd+ZQHba7qMGh05EbnN7+nsK8h/6DwwhyU8NlW33x\nyUqLkhN+a23PVn6G9jnRq8xEVxMihIt94T220WhIYJSEYhUz0T6K+jZj8uvS\n73WrEq3WrR8h9QSmgXgvdpkYMqfS/o72faX9wmCZsyWaEAEiFabnwcIolN3i\nccGwdh9jhedtHwnab6WKaas8Xg/t4tMqb8D+hdTW32spkR5CgT67s5GTsbWZ\nNnQ8MjC8fi/uDdcMKRkCe9vAUYXZ90fIHRnbhh38IigkmaEf/r+Pvv+zbe2B\ns2+RCxCeKM4XLmkLQLyOvZiDGZAjoNiEZwoYCI9ptbPpX9NXsjvz4BwccAUd\n+FmI\r\n=4aQY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ced7dd56d5d3b017288f0575d6e773c03f01d0ef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.dcba26fe1.0_1644011756590_0.17200568426541252","host":"s3://npm-registry-packages"}},"14.0.0-canary.ec54d9046.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.ec54d9046.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.ec54d9046.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8abf51ab05d62cdc993ba7ffaa6a0e1fc762ef23","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.ec54d9046.0.tgz","fileCount":12,"integrity":"sha512-00aiDG8VJMuIwpSd3XqP5TzPLwjIzexNR11HKG3UlfA1/miXyxRnuEtv3tMtFrueBEORPnIvOgbp+svLrvQaog==","signatures":[{"sig":"MEUCIGjYg60V9g4jhsnVFnPjDDvhRPIUgr+pcXPGVo5NJ9YoAiEAqyK9o9hGLNfMOSPVlsOtCnnnkvHqE0ssRrumCPPYbSQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAT6HCRA9TVsSAnZWagAAas0QAIYarybcHJyMeLLu+VzP\nJYhOrKLe2nQhMzEDFZ99oz15y5z+A5srdQTUiM5CwJaWQChiHnR8PulJ6Hol\nuOd2shX8zpizhepTl69ENqxlFE4U67+RPlY5t/AvxyJlJpSD8F390trh8VuU\nSBzq+0fk/+aWXSQQ6qx+lEbB9GJ2E5dZSmKNph4VCTijjBd+7aH/PnYVBopn\nA+lXRl4+XcOCgCOa1sy7BAP+KfVdhpkRbPjjxt8CnzpF3ZGefsC0gc/1E7FW\n2fofRM9CFNQUfcX5+CYJSur5SjbYcFf5g5rZwp3W8SI23yCApUqPG1zh/o9H\nmWesW1CzPlmer5hPVX7DfcjHzUl69/dHYwdvlb9llk5bRTFJw9qEuK9taXMu\n8fGwShEjqlpqumzQtPjk/Ac5afacc1jH+TxqFk/hPtifYych8u4CqAVQumUy\ne6gTMLZaMDkmw6xvGUak7RE3ra3RMSZcI4DJMmHcnKuWAHAcPdpWjVBGYime\nmubQYdxo+djUnNOlTioJHeEoDoVvH4gQ0h/spyKrl30og9dOJo9socyIVK6O\nZCFMc2MHaX1aLomb9yzULYOJb/ZayiP+wDThggVVYoKrocXAr8GdHTGbF/g7\n1/W+JXapvHTlm0WLnkgCFFHhg8uhdapkoIf9XC81qVCKKKV9ku37r6fIkfJ0\n2l6k\r\n=Oz/p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"68f6bb151595e8790d7092842d6c137ef93ed770","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.ec54d9046.0_1644248711072_0.03134017356988639","host":"s3://npm-registry-packages"}},"14.0.0-canary.ea9b5b463.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.ea9b5b463.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.ea9b5b463.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7d0508ce68f160816177a367eeea12b7af7f7c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.ea9b5b463.0.tgz","fileCount":12,"integrity":"sha512-D0YrHgSI+TFFlNCMgDgMLRDH6sbA8tCES5GaJoe9Bc/yNd4QfQAI0EfOhEig4ZG9CK3Bg6j+IXMsaeFGWQ6JIg==","signatures":[{"sig":"MEUCIHJA139SRWoU5hGAJBCsFAJiOHPzEl/c2BgS9lAIhrYOAiEAlNQtnz8PBfT+ypMfUtuUO+jad6Pzit65LGqY8CSvi+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA/9WCRA9TVsSAnZWagAA6moP/0ECYgigVOG9gnd63HtW\nwZfsOoVBCsnNcHfJIZeYbeXsSKigHAOB8bHOfnUDFG8weemSebFgu3Q9gskG\n123dWJff3EHO7UcvBgx1r2mURBJj9EWT6haWvA6vuEcGjK/sNCWJ7ejXz8yH\ny/Ktz8OKvmOe2kCiHu1dePRD/cUf7s+WkLU1i/DKlCbS9AAU6HR7IAloA4PN\nD0yVHndoM+TP1MeMrbdzPWlCQ4u/8hF2coili6mPC31K7gJSaD/fdj/rUFXB\n9vP6RIWQ/Tf6UpgfpNryL8fDitFIUU8nLxwZ/rXiZMtPtO+6UjXYjMP788bz\n369WYU/81KwN3/vASE7w8ci8FEC4WFKy84x/ZI/nTv/rJGzvvxXxht3GRZQr\nXhFGF/MCVyHBsYk6rnJb9rszuL7CsacF8QmWyOqk419yRITovP17CYLlCgs7\n9Rv46nJmFkz2df6DIgClGpeqTPt/k/drbeVrao1iiHPXdFHw2bdwRuWShmPn\nWlnDaMz4HkMjKBgG5VNF2fE0N3D34w6D3pLLdwDxSb67XstcZREXfOFDELl4\nsE+K0AqrI4AslOJljn7nUo9taWrl+gwS8C864uWdz7+UHC/RUnQRLnLt4yKM\nvyJXeymiHM+zSfT8Sy9VnWiJPp48kBYbwO2G/OpjXlhPt5kvkrVxc6wtzMWp\nS91l\r\n=OLST\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ee827dceb9fd1c47516461b8ddc28b66702f2c04","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.ea9b5b463.0_1644429141846_0.7117873584960834","host":"s3://npm-registry-packages"}},"14.0.0-canary.96ea061c1.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.96ea061c1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.96ea061c1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"952512c46a79f3923c3dd67d7a6fc943c78bade3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.96ea061c1.0.tgz","fileCount":12,"integrity":"sha512-IuyMy1MgUoFSASl65LIxKGIwNAXEJiG0Ev4XR62hI5OyspVc0Dq7MPIJxWBUkdbmddt09q1gTVu7+rNukKC8BA==","signatures":[{"sig":"MEYCIQDCDdME3BAckUi0m0W+HalwIH0SRcjmqIPfyASGkJTHxQIhALroGHA2jxrZo6108+x3PQnh1qvI5o/19XN4HlmQpjva","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBA6/CRA9TVsSAnZWagAAarsP/0vOHFnc9K/Z9ff88QTC\nXy9BiCTwBkyCtaeMBHgBBNiNLI1iJ7hcnIR5PHfqGBYk5E3MokljxdFsuKg2\ne/c10+H1narzYjN3xiRTNo7SmzORqZHBASo5WxSXA01CsV/kNkZWOlRgPsHE\nptmK6fYG2V3Lh2JhYTi96Q7L61uLM0hhONg0BeSmj6h6282/l+GpYMDpgZkq\nfr7ZG6sKYumR5ZzxUE26P6e+C7zP9AJzi9lNR/CJBLySRVkvMo054aDih94S\nVljr8Bzr5UX6bSdNPL7MSgXO6tKuY03W0Kz3D4wbjikSZ0kxT3xgjbSG/Tbw\nV0eihHHy8Rdv89NkvoIg0Bls4ntIAYR71fHzdHUgJ4glwRKLlGXGkg5pOU1P\nDaRZ+p4TbMYii9kTQtL4rU5Z+RwdybJ7BpTiziIfZF0/nlm6kQ8Zx8kMILIg\nezn1vzN041Fyrmv/DkWxBMC1HNFlRdltXNLRfthQojQt40nAIaaJ/czk9Y+G\n3fS2YpLE62PF7idub5APYOh8TboZxGAYpFFQxLf4K9WZiB5aXtNZ+n5ZKkCa\nEci7dpC35RwlwMu7JYGaMRCZsiRKez/h/p0nnjLdFpYdyTOb3gowCuFSH1w5\n35JBWOv8IcljVq0pSWc1xYXsYcD+qe0smMgdHMBGHxT2s5aVseAxDMjJdydi\n/3f2\r\n=77gW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1a410c21f8ac6405b364e437b5af7eec06a2020","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.96ea061c1.0_1644433087043_0.5903502869807333","host":"s3://npm-registry-packages"}},"14.0.0-canary.e00181e59.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e00181e59.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e00181e59.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bde4fd69bf3d5ddec5fa9d691f7567f0964ef17a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e00181e59.0.tgz","fileCount":12,"integrity":"sha512-V5Anjjk/2aIpcchtJfUax3EXNvQMIenYpgITcKcSEIJnzIAJLSe1SL50Y0mOAVKrNz0zoQ+0G98488r5yNQtIQ==","signatures":[{"sig":"MEUCIQDpMqEmKH4f9HINdiZlXYoX7trUsQHZjYYIMvyyKW/euQIgert1Vvkpe94bzbnHLrBCPQiZb3gXiXlXQoObRkvr0+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBXAECRA9TVsSAnZWagAAKI0P/1eKSj/DIssGrmRWwj6c\n5JjciloC5sWQ2TUJQJi6DJFmnKepGUjYie71b4ycRTRx0QeFCbkTiHS2OJRJ\n+EgSywmvO0wOzINQdalBP6ou2GTzyS8IxaAI0EQOErIgxho1R8mj7uV8rbA5\nDy7lHbh5Kkvi60Xkkw6mwOIMKFMiHbQ8wF6yitv5QZKbEUM6Y9XBDjGTgMHQ\niZS/VEL5oEfujiqUIjEIRnknbDdEUsvufqQi9M9dWvsnwHAJfP35AqdswItk\nhhItO85ROZ0o3wTzWnFeE508ZF+JHBId6PZf1BCRcT09IS3RXpslTyAVTZkh\nJuy0E6NBu9L/JNhjpcj3h8QJQ+BiQfRGmPzJWYh7eVEgaoadlGysvuAqgiLD\nvky9EXB8ptDilu3nemhAmySewCEKtlEz45Uoh4X1XCzBqTRJUA5hiyuvLL1E\nneafgBfatAbw3QgI94hgBApHkveaKdDKw7AhkTWJ53lsZ17SdDfrGiA80mYF\nKNPACkjLp6SZtUgTPCMF0Hix78AjSGMldX+exyGrAFT+vxoxr2X/etSaZIfk\nMJpr2o9RmQbdGtr4GhMEPej9vRATNCHN1xgSeZ1+jUCQ2eaNpL2uQ1++m0J2\napopsD7cDiev0UT2vbQyOmwcklsemaBLPsScOMiPhV5jZKa87MrhrfXOIZH7\nQvOM\r\n=9Qjc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7e9ce072e9ec1ce5820d347b59d99209542a2bfa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e00181e59.0_1644523524062_0.1369041872230583","host":"s3://npm-registry-packages"}},"14.0.0-canary.037285f9b.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.037285f9b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.037285f9b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48f688de35176a8302612b649ab5feca64c599af","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.037285f9b.0.tgz","fileCount":12,"integrity":"sha512-LOO+W+W6IG18hBt//eUcxmviK43NqUkMTJTncdmVVkEY60m+L2waAmQHSjsIcPvt5HQ4bn5LrolTUQqsj08SnA==","signatures":[{"sig":"MEUCIQDthlrR57pVfgUaBwtk4rDCUKGbEYMQRfXOFMzLZMussQIgbMXBhrdUgZlkZu1PhjtN9LjclF8s3LXBuLIFG0eqeKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBqq/CRA9TVsSAnZWagAAE/MP/0Ih84gZYwbGGfG5rQtW\nIn+KsEw4ToIygbME9cOT13dfvte2IClJdXXT+D0AxoJbbaDP8DTZAHm38fHP\nfMipNozJ7zucJJ4MkA7U4KUH5WV5GlgCQmflJt9hHbN3bR62hWTPgFS9Wk5B\nZ1M2elE05ZJ9Wbb2YJgSS4gYJs5+nA+S/4y8m3gBDYH+QPuK+IDUPSCf9+cg\n6/RZrpdtwqBgHpF6+eWHpP7XRTMcoJdtxupsYYGtCcLrq+5E8OZJ5uub1abS\n3uw8HjnSSaeB/kzRdMKSjvoeySXdbSX9bNgVZDAx3CMX/ac1Ew2kxeNiciUa\n77dRPYSXkRa7BS0x84ZFT4aHdqlaxbe1jANaxm/hWrijIwsjCxc9CeYWJt+C\nMt9NRVjmLZcmtJg+DrzMKUiaB92FWf53Nz64BviJsznw6YTuacUHjLoxGyl/\nvLVqGQV8Ty/VsBiIeqpPxkv3fUZRXoE8BeJu96ShBgG83r9V0m9F4flvpgWV\nvyCYdQaY72Ese+hyJ9hq2VjKtR+x/tk6wvwTbgTQfDln5V3t/S0RHdOc4E3V\nwnJPkZULGNIAUkVwTHljuYPOY3q0dOGp+WxvKzXBNrscnyT+JrkkMKsRPkF2\nxHg8uqw01+nwBc9uIB9K8JOkrgD3yeJ/88IFAEgaruLgX6RRvv1xcVELZ/uq\nBc4n\r\n=Me/N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a9bca201560da3f96e435e6e070baee148bcabe2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.037285f9b.0_1644604095660_0.3985224595105321","host":"s3://npm-registry-packages"}},"14.0.0-canary.1aaa68dda.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.1aaa68dda.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.1aaa68dda.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c497b89645acedd13e3a40178865239f78df7ea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.1aaa68dda.0.tgz","fileCount":12,"integrity":"sha512-K4jWecW6ATY7aj8Tm82hYzmlAjyXT+otQjczfh5XEgJAgjWIMUXQNG6Vdn5nbc0Sld3BDww3g1DvAkkTbyJ5xg==","signatures":[{"sig":"MEUCIQDMJLFjuSeii+kIDc/UONSluyNeVeNS+4DZjTpakbkzxAIgcBG4Ndq/Q5OwhQYCNzdqfyMI46sZvb+8G+5Lhkbidi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDVTjCRA9TVsSAnZWagAAL3sP+QDm6b494+uT8KO1SRmT\nyFGrEZrDmkMJ+H+7r/YXBZfK/uMsYWZJPUohz2+cuyEiVdrtS1Vx4FtXhfDN\nxJzeQAVjcgEKxAK3vjcYGp+UZrbM3LLdRp2tCQdWHQz4BBE0rq58sNYe35mx\nU0mq0CZEkBHa4L3+LNIvjeVhFHh6waKDt5Bb/RIqmI1Dj6VKN0Exu8Bd7MW9\niK/MaNPqSx/Tb3PkslVaJ3XiiTqg2B268gb137briu7ZYSpAM+JpjjPaVqSG\nLrONACpOaeQGTqatR3Zq5U1Xz9x+W54VY1X5SSqMLDXzwqhCsLpc6pD8kkUr\n1ZsdsjFwi7g8/3FZlURC2vOWw63lOWJK8ud+RpAAFrZAheL7+S7rORHgmPVj\nRNBegdTzVgsfotX6pA5BkBGtptIi75AQE1IueWkhy+55QFLIQ6UxRzJduLw0\ng2gAvSnex/O4mgJW9WDV9rNepwvpF/K03aR4w7AXRvs7y7X40iu2h1gIWSbJ\n4rGxfIXqofhiDiMM+wWXnaUk80Jc497Q7k9C3tROJOuftHUskvDOSLy66olf\nPSzu6fB5RiXKwjeQ0vUw64PNVZKmmrs/DqIwjsDob3ZuaR/v81V0Ehgz7N1u\ncMTeiD9PUo2BSlQhvo6p9Zsf7zK9FJJn28euzCEMqtdCYqUawRuMGX0WtAQY\nJEVV\r\n=WKER\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"49eaedc3ce6f1f8db6a6929143c077e8f65694f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.1aaa68dda.0_1645040867444_0.6972449585773144","host":"s3://npm-registry-packages"}},"14.0.0-canary.ab4aba1af.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.ab4aba1af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.ab4aba1af.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5f8e2066af894a0563c2f43233e97e0db56fd91","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.ab4aba1af.0.tgz","fileCount":12,"integrity":"sha512-VzSxFXVC07GWcZKDFiaXP8cp3LXjNRL9LJeLcBvAjspV5V6C+KuMGpXWd95sbAotq0BTN5qvGFB6G6FfZWQoyA==","signatures":[{"sig":"MEUCIDVV9crDQoFKDv1hi49gl7FOQ++YfjP3cqbkUnr7Z7/0AiEAtpjXix+WSo1YpnPYK+e6RPG0axg5lgZAQls7Tv3AMsU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDpC9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3fA/9GPDQKEeYgDgEpFZjkUuwNrOcGt07NunZhsKeaib+EYJ5MMvX\r\nOQgZ7N1AwP5WPwjFZZPMXO+XsLETenBGUpMTLhj4jlUpCotjyjPcnbcvxjJ4\r\nSU9V/4QlE1U5sq2Q73XZeVge6LwHes9qmmqtNNTwGX1GZIDlIf/rJWMaUcoF\r\nfeTEPuwc9p7UCb8sjA0oL+jRss/kL9SjzMYo7P2lpDpslS+Rp2SkRiJ3Ryq4\r\nPkQWuEFW00F9u4Ng5s+uIlnod9dlTeTSXPEMz6GUA35MOtkphoOLjaCPpB0E\r\nxs1Ro5OZcHpHEN5gQUE4VApYFZtDLcADM9iMKd24ZXzSV+6rSh2HKZ6Pxwgv\r\ns3yWhtFWdBvwAR7orli4m3eH4PwqPuj6MuXfEZeiBK+WSpGT/PUmfk3jQvmD\r\nBssztvC5GQR7FkasasbUrkbvzFJ8ntj9nG3Vv7aCGoTCE45JU+nrZlLxXSTG\r\nMabeSdxxUNrKUTC/q+ZXFpUqLIXq8unFp6mawDBJgqoVwFmKAhBWYhIYU3uf\r\nC+LXt1L48nZxL9WmIhWlgy5RqzJ7GYYsQCmj2qUQKllafprfw3Nnv6DFAmyc\r\nlb1eTFnZoxwlxIeM2mC6288zFJhiQPX7JLoWc6/bnftF+1vXqTFGlN1du2lY\r\ngF9FNt1P4XPOpISNnDUH/vrHTvygnAj7i50=\r\n=Kj0d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"89aa095a35d4a006012f1de893cf181c5725f676","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.ab4aba1af.0_1645121724759_0.005256339124115161","host":"s3://npm-registry-packages"}},"14.0.0-canary.e58552c6e.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e58552c6e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e58552c6e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1be9c5dafa6ac9b0b98bcf180d8e544122a7e883","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e58552c6e.0.tgz","fileCount":12,"integrity":"sha512-7BK5Y+eEmqnhNlrGKiUFtFkDrMpHLIskCfcLiPvKmr5jWTKRjJRWnKv8a7+TYZwbdxcNLiCY78fnd72AwOttzg==","signatures":[{"sig":"MEQCIHghCi35dXsa8i0ypVc44a13ikajsaDENwunOUC9Y1r6AiAzTc9KsoJ2vZhK8mkP1+Xo6aYTxJAZhpzxKgAXlc9QJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD99jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCSw//VxPCfcQbfUhjssrFk3MUHjzTvFizjHCw0FLsYHUVFbpRyut8\r\nNDfCktYVJqlqrqbsFZquvLIPLhccuuBneJvRY5J5DtHpe8pRgGLodHbRsn3B\r\nBykvcWPIPWeAs2eYIMAbbER9fmJaOB7Rnr4yqJmjOAz5Gox+8dGG+R1l8z16\r\noEYKRjjXqUmAGdtjS4ELD/bl+qTBuHEuV7D8j981K6ZAp1BoMNWkfP+7YpbD\r\nnC1JdNXRjAOLqVnyKiG4lwKSCjyHCWvpLoLMoXMa/XrkunkX/cklXoggdXI3\r\njHhkYvi905PVY7SXYxNslk7S306cqkIXbVMuaj/9gre0JmptfFyugPndTWAv\r\nHF6B/eWzBWbybrEFP6/qlzuAugXXq/Xm+97Amzy1T0icxIeXep8Pg8Aigx/4\r\nSOiJDZacF7Y+rAmGs8hmXUoC2/3rIb1wMUFkqQVXZbeuh1w1JZTQdyVEu7ND\r\nvy8FB0JcftM/73RMb/7KUBa26HqOCLFh/mjHDjj4N8Vg1YXxHzyadJ0wdsyF\r\niTnIuo03ZYLYE4SOc/iPCvV1aQT+nGxYsD5B/8ZJmEXSruCsoOdTLh8Tma6F\r\n+y9fj8vUXdFcjwK7RPlNtwDHqwVjZRWiIVUyLGxo9JDAL1juefKwO1ITYnqk\r\nB6RstZjgBO/ksOdMpCScMcBjP0UjMZuJMHE=\r\n=WTmE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6d5c1a026de93c3896f05529594e5b025f79a060","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e58552c6e.0_1645207395100_0.7796969847628952","host":"s3://npm-registry-packages"}},"14.0.0-canary.868793776.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.868793776.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.868793776.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"783b00b40ab1b48a741f05cdf9a9b5e980c20262","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.868793776.0.tgz","fileCount":12,"integrity":"sha512-vzYHvaqk1aLbRwmXWakq0PVIuEcg+dabD1oYN3DQmsw+REu+QeNdvqVpBglO2SgxL7TirZ/XpU4bl4dpdEkHQA==","signatures":[{"sig":"MEUCIDaNPz7aDLqsAyWRMfLVIJspNV09nyp/+ubbBeDeSPnjAiEA6RxOANGXJtoukyA1OXXmhSphtBR/w2o3b49avhSqfEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTq9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmodag//aVhF7gqR2SLGoctNgeY3bHSCqw53G72UsRDPOpYNtlEUWR8t\r\nWj8cNWs+4q4Kpq2fJDaQFpIqjBq79AkreOoETGzzkt5N6RIpHv+MBUvYvVYD\r\nd8nEtkOSrpTlxIMPf+w/DK7dBx4dfasGPMrFnijR6BLAc1mDNhYb3CWicfRA\r\n3w+H9Ww7ND5nxEfajQip6UiurOxxzfnb5Yn6jbiYuTOK5wBul+GACep5QQ+I\r\nfJ7XM+2/l5Qw8vpvgbEJfU2UNhGDORYGn9mVX5t+O+lWmzJ+ytGkR1Y2eM/8\r\nfbUXj9yKA2tgU0gxV2zpBAqPa5KPp5GGPcA6cyoUf3o5buo7bjHFXPMK3xk4\r\n2T6p6ZIR1r0FbKhexJFiq1VvscmNinW062KOYVLYyOyOvbUTkjIo0kyeG5aT\r\nzn/7+/qALATeNyQztom3b7ue563omc0gAbPhjrcEoFpPaBO0giJBEKPa9/j4\r\nvsyrLyFU5BIzOlz/up5lV35cmwqEr6m4uj6M4fV2TXdIbatwDNBco/KVgJi7\r\nsZmJb4hDeciLRPSjJadCDQ7ENeqTaPOW8IDU+YYrJQHQwR8xhKLC82ite3nk\r\nFEIxAjKm/5HeWleMc/4tV2+B8R64GNsod0/YAe4lGT/syfjozD5XMUBQS4gI\r\nXp/RAJoHGgJXNF6PE6mBJsXh57jViWqKlmw=\r\n=aVK4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"78272b55e375cfc80b8f288ad4bcd4bba3d8493c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.868793776.0_1645558461086_0.9869699779598398","host":"s3://npm-registry-packages"}},"14.0.0-canary.fdc37a445.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.fdc37a445.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.fdc37a445.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a48bc8e0b1d73519143aa9e510e09799a0d0b2e4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.fdc37a445.0.tgz","fileCount":12,"integrity":"sha512-SjaV6UnwnS9zRBA41ZoovarE8WF879YRcfpTmw3SG22RrlcRTVySH6TEQnWUPhdkbdJ4tk5Stdb9W587xO7VVg==","signatures":[{"sig":"MEUCIQDDTFn967caRH4ypMG7vmtZitlELAZQ2iiH7jNfkGCrwQIgPMmt77U4GVPx8kSvGy0uyFXMh/vdf2XqZq5+cngyyvY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHRg4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwBxAAmkzWoKWvOSbK3u1efqDHXRCVA6UVhbLYC3TYGgL5xtpgMVZn\r\nxuuOqyhrjQLYYDwPD87cZW6+FYAcNhVQbgaGcJBu+k5iURdnJtzFzp8wMUOh\r\npJleJ+FuiJRBQ5gzBJsrpw4FgvwKxKU0EjLKwWCv8+lRVq4OJYxgK7G26IEQ\r\n+DZCmVyeK3n2mXfTludyZGS2GAe/FmS/9v0wVBaKyPhNDxEOqBvsuvmwmR74\r\n8/4dMecXxY3iLwXri5O34h3TTN6Y+eG4O05xiIeNJS1jMAMCKeQOs4jAQAJF\r\ntPI6vDieOBS0pettnTYFvAOiqcpEh7gLtkvOkzRY7J/JYf43ufJUhY3z7o1p\r\nyGjS9mOW16YCAcWPYVlHjtEOCuBcWRQCosJOWUFTIgJDtl0V1LJiTVijElEV\r\nugQxFtwIkevFWVmjjYQ3G1yN6qy0+2UnDqX/uQguwMOmknwTGMQUi4ddwHyC\r\nQYr+/cXUsng6uO/QlUnnIb9QTAnSe+fXIte0HCNIH25dKsvlqydc2fwk8LFl\r\nvunAzHcJjqGLhRxJbc0KNLIfPUprTIElK3qNEuClkCk0+9KB9SpzdSCQVgQT\r\ntfftbl7SE6/6KU3apK4BOwWs/vIiADlwNEVooOOiI/o+XmRGHmObK7FjVQwb\r\nbMhTn5SKKjYIg8MXBVdUGgJ6DPWyA7HL62U=\r\n=hYeh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5a8fd2fd927d036e44b0b22f48d858fb848e504d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.fdc37a445.0_1646073912606_0.7244010149243969","host":"s3://npm-registry-packages"}},"14.0.0-canary.43c7d87dc.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.43c7d87dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.43c7d87dc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c01361c1ab42ba6022d72203516afc8d1704663c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.43c7d87dc.0.tgz","fileCount":12,"integrity":"sha512-/Q5Pvz7s5d+LXXSo/pK5CURODHhgoTrUowAdE3L194UlkWeH7HQXZvhiE4DjMSJVR8eqtKq6fSjZQ7iGSzztnA==","signatures":[{"sig":"MEQCIDdqiIZge87ubjGYo5Ysfx723FMgXneQhBNwBPB60bBcAiAf111/3UyKADVsojg8MQnDQjqieysywSE7gIhyKEDxAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHjx/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozMRAAlcIO376ccywdovno+hqNYx20FzMQMqeAQYsSGguDWwEmPRwH\r\nriBHVvCDhE0Tl78QyHkmOBibTcK39UQGC1z9KvNcq3UXM3GsavBK34woPHpQ\r\nfybaTleheCSV2KoPaihsHkRYqZh8izmJmiaNAsmZcMVKSzIXi/Xk6Qa4moiL\r\n0d34Fkhtb7rgAo/NAsZt8cYR3hRiBxhN1pyx1hlY2LryMfQcMnK6UFqVz8GQ\r\nUWojxXSoJdOXtmfisp5clw+Wl0nKUWOXVhEyLCQ3/h0KN2mJvgNZtMV/vNxo\r\nVnviNawa5awjjbRIQSAp+EpzygkMFvebTee8jKYG53iBIP9zY5SZzGzcVGy7\r\nhsUcVBEf4RD3xJoBaC+qKeZ7Gip4MmeIvxRniliR2Ll7mYbdwM2s3XtvJo9T\r\nDvMkjp4sw02LeqffhbUN9ouJIJ1KuZ3ZGdvUDa7ox7L962ZFtfM9rv/47gjm\r\ndbLW+/NuXZwXxUWdEK/TXmB9NKS8cYXsol9i425CUVDlX9LUFOed4ob6eC0D\r\nr6bwPtQJOFy83ye/3crM641Z7qEEO1P6F2AgiQMbOf9lT2MUcZsUsecw+K+2\r\nSLPRDGcEvcjz1NhLgH+OcC44CeMuljM9lmplRmctg7cpLqsGIlf9TZ3zUirj\r\nZ6BX7lIpjVuTGlMNT/MJFnBovg9o2z8yzH0=\r\n=hqSv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c03dfa84e200bc6d570c73762d7ce507d0659e76","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.43c7d87dc.0_1646148734872_0.33148854074816847","host":"s3://npm-registry-packages"}},"14.0.0-canary.23043acd0.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.23043acd0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.23043acd0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25a4289c6b3c42794ec4704bb2cf782ae4e7885d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.23043acd0.0.tgz","fileCount":12,"integrity":"sha512-rlCaNlPBwb+ZvVSIpAjoYMeoy6gOgwu1Gh6OFSySTrnZQOCVGwsadG+FlPClrsqR+xtdyxxm6MR9s4zPXv843A==","signatures":[{"sig":"MEQCIAn7K9e4VeTZ8vcgp842atyRY3I2gnt310m5wA7/5tFAAiBci1whTKoTjhZ/OGueWclx3EBCoTYgft/X5ZWc3T5MbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH9L8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZ1Q/9FUMNZ88w72GFZwQhbfoASbgFBZmwr2Sqak1DtvbBB6yu6ScP\r\nGJ/o5m0agcXze9lZ01oRyARJST6oANGpQvapDjmpHuVxlCwHGwjNUXAc7lZ0\r\n/Iwp8lCCyfN4R98P/ZQtP2Hbhavdcp0/8NZVnjGIPB695kqcjnu/w6W9e/B8\r\nwUvhoh9AQXHk0jvR1yVfae2oLwYQs9ALl/SKgmi1m8CECnMZmAiRt2MV22c3\r\n39PiaW8Y+U8bqrUS9NTG9v/bvLKFv3Y3RcLTsTG8nBOa0ybSR4Zz5Kn2un1C\r\ntGgLbCDmLn8f4fzG8drbNfIFFEJ9jYbVtK2fxf8tx8U4o7KZD/U9mN5i3Cd9\r\n5nmUc0OJqV4jbBga8896fW0jHn3W/fk7HbJMjnevRzzDs5zGYsjevNayKL3u\r\nWM2Jz+FkFnOVfAWM9S6dBh2BYIVgFaJ9WzozkIakWewapIuKzdo+kW28YrsI\r\nW1bLMiKTkRmTB7GEpvt1p1Hz6eEFchqU7CBjrVOSd3tq2MilrBdLkiu3grLT\r\nFeIhK9cCFA6MCZAWoFl3pYM+38SXN7ywQTMcS8KQ8570h5Ca/KvFFCPvkKCR\r\n6joi0B7RYolq+FTTRhjsiCSIBi3ucQt9rAglTKVCRnF+YLc6M8z5mbHgY9Lo\r\nyMykSF0Ac+Qx9L/ilTDBeesXCtQCTYjWSy4=\r\n=UFjK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1cfc3908c111a04a69dbaa90966642093f79e86","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.23043acd0.0_1646252796240_0.2795085554575001","host":"s3://npm-registry-packages"}},"14.0.0-canary.6505e61c5.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.6505e61c5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.6505e61c5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f25a2e5d4a5a19802462edb2fde5c1028654e1b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.6505e61c5.0.tgz","fileCount":12,"integrity":"sha512-xoPe5OWFr32UCgMi0V88cwDExuYOYDTu47rr5LA26mJ0j6hubJ4i29eqMROjAovTjbAXRNA7iCKwLQdEvUwyDg==","signatures":[{"sig":"MEUCIDro3Mm1N3KKsdmU9IDHZY7wtJhW12p0AMmWVCkZriuuAiEA4yl4/Zi+nzt9H73AvIv6iAoNXhnQC5a9oen4ExKvFPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIR4XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroqhAAhLX1FpkbaCOOgBmrjPx7JRrCNFXxiqWk5RslcuN2YFhoLWRj\r\nqZ3y82X9b1pd6+LlO/eJ1w1lOo8GX8XEvLs3bzLFG56FGRHMOOQ5PCWyVo8s\r\ntQWDbVgYiigvrNhZIkPUcQl6H0fJpjfoUBgMEyF0VMqZ10ApRsWH9LxGr5AI\r\n4TqUxwYVE7TAKF94CHWovtlZSNgZdNKKUlE8FzoC4FXR0f+cJw7htmndHEOm\r\n3wl6i76EI2gTd78QZ/MAc453wDzH6wSF+8hGC/uA6AOeO7tPjNSx5uzItEMz\r\n6xEJ7TsQzrOhnvKUZUSqisH5e1UzwT3oC6P9ogGEtg7ezm9QNm8YfcXvZrwD\r\n+XYEZgkLRrsKuZeErY75C8G23/l5p/fVWB9OkiKeOxPMP6h4SjcR+9a86FsQ\r\nEWJkFXMzv0km6FOD8GgeYjVlao3C+YcnNvMUXqSI02Uwv2ijvm1CgdD41gAc\r\nWYrTV93LPTJlOHTeGIR7B3NF05aLJamNLJ9qoiofq5R6q4PvymJ/jq7C+Vz4\r\n8nCFLvsOOlmtDMX4QSiq/DVR7X/Qar15oeWfAGwN+VqKOCUdL1pou+kwUjN4\r\nkUdD1TxtLjwrALk3ugnUdI20AayU/I+Mo0r+hn9GBgUqFIRu/y0Zk0swvN/+\r\na8l7Vooe8/jHm0x/J6/iZfPUts9b3XNkcEE=\r\n=k59L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9070f0099aa35dc2460994d2d83a8330b996c5c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.6505e61c5.0_1646337559647_0.8704670677993203","host":"s3://npm-registry-packages"}},"14.0.0-canary.16c166154.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.16c166154.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.16c166154.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53fea889ebd4181979dbacca386f97908e0b41df","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.16c166154.0.tgz","fileCount":12,"integrity":"sha512-2S3R7DhhzgJFgxaU1fkdIYu9yXBwJt5GeomDu1j4wBZrNJ/msj9nCIO2z1b/3wQaLbvZ108P2yMKEzJ4BUDpwA==","signatures":[{"sig":"MEQCIHddaAMnc/pz0LqEDZrdgzaXSHG1xqeVm7Mbo6wLv2zqAiAk9uY3rN5FBr6SnhGtofJC9UUkH1TzVlgiqhZUMx+ctA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ+T4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnPxAAoGW0wGcO2FjH2k0CZqIu9URZocGD+bfq7dsVsOuboiNJK8AA\r\n6X7klL2/7YHKdiEhBIa7pVhw56WT3Gg1NTNV9ADNMjrdb73h/cxL1ZP8e0m7\r\nqmJ+KQEfoAca5ZkEj5VOkN4tAoHiAj2bjeyOWsQLYTHrugCPzblNLeKhkngm\r\nY06nMU3DtkdAj70np0+L0QMDQtPk14R9NbAfN0fyVP2UQKfjeUoAtFVdx6Hv\r\nBLCal7bpuQlZPTOoS/EgQAxazRQrCqu3HCCLmqNMeJpmi9to1OAWV4g0DtCB\r\nZOEIh6QjmYhALYnnvbdAXsT1H7wP0l+UGla+sJEoSKUzuulYrPm+k6CAEYEP\r\nktvSdpItC2I4VY5lxJAzu1hNZPuyrt47LH6+Os1Q5Fl6PEZ57cOhCq895ss3\r\n/pj4XG0zBkB5ECv4OWLTInrGQsewl5CZEIhgYQlqBQEyAXQgZjJEESlvxycv\r\nhKWaBk0FMzwvOaR+Ur3F8BUI+gxKEeApYLHAoQI2+qfeO+92dFT0ucMNkOkR\r\nxPbQ73fScys5ananQG0kGBcAW+Wervc6b1rKGLoUbgDfnYrwtfgHKfGRimOG\r\ncN/KaKq5++y5CymC+DsAvk98bB2JXq5L2f0ZjTA/z3J84WHnhJ3GXlOpJOUF\r\nbdmBH2BBKQ8ZQuR0KN+f2S6tTTWpJNVOCoY=\r\n=uhQz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dd1bb8b4a67220dc0120ba2dbdac900e51002949","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.16c166154.0_1646781688701_0.3272716082793574","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf1d3771.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.bdf1d3771.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.bdf1d3771.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"139618d04ac752f7241a638cc23b02fe50642253","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.bdf1d3771.0.tgz","fileCount":12,"integrity":"sha512-tXBwNKYRoC2A3OkBni36zjbcWdxtc39U+DoeBU4NvIeYvApCTm+JpTlqsx6HiJCxU+GdH4r8c5rtfdfVnQZKIw==","signatures":[{"sig":"MEYCIQC77mZ/qSe3XHAJSkvz6L7ELSQkyKe1mM1yp9+xMqBlrAIhAIWHcEREubtpUyRIm6ZiOzmdkGHI1ohhJeEWgym2PWN6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL1DRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/kA//QMoU5vvD4iDysDEg0PZQHGFo9OBpTQiy7UlQxWDX6/F0GCr9\r\nOBjHNewahokqe3661w9Tgw+zaYaEhQ2QdzyKECB5KEclE2dBgbrwhrAF/T41\r\n2dr8sq43mEFGq7wJlRByj7hMfL5DE4qwpXFlJcw2Qiu+7foclww3u35RaDD5\r\nJooUNvd1prEbg9aJ2qTDQ73ZQ4MafToYSlt1uEFXEfQHe78YGR/curXq2c+a\r\n0dVfowsIkmi4K2DMghzaRU9EIAJEajMvlhb2SytpY98jP201p19+2nSafQYB\r\nlbI8MzLeGxZ7r5pqt+o3eDOkOz3apwttJHpx5Bz7yyCvSiACVeA/XT5nxzPF\r\n66ddhr942J7EIJxyx2W8q/yBpNEFU71G3jACFb9c8Rv+VXRX63bFqZSeM8Ns\r\ngk/pELzz1G23fxNKClQuCu4zQDB7qFe/vvtThBaVM+r8zrjOxlHkIKnvLcUc\r\nE8Lv1Im/CFKJXJMuMtw6vMjvoI2BC10eTHctcooiLonWzwlWirfo2OqIJxXl\r\n9gVCocwSVwCIa1JlPUAhp50/I3rXR2lTip2feyT/pSTPg6nvcq9sAwvB3T36\r\nK/3lkaP4e9leBFBFcPTNtyli/MHp7rPnEWbmFw/06xGLOw+BZ63J10b22N9x\r\nQCwB/xDbIKyVIsv05nk3mWI6gk2bdfsGq14=\r\n=pX4i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bf598649c7389f49207c410e58144f75a67cc4f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.bdf1d3771.0_1647268048866_0.6517721672845549","host":"s3://npm-registry-packages"}},"14.0.0-canary.cf4292778.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.cf4292778.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.cf4292778.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a5187eaaebf1480a72e37f7f239e92d101f82d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.cf4292778.0.tgz","fileCount":12,"integrity":"sha512-HVKOnhtcuc0CE0zcsUXznebtmwYgJwth6ouQwsloi2RflNObq60CjCMDdz9KqWaKfzm2sL73+reKR6FTSLcoAw==","signatures":[{"sig":"MEUCIFHZlX2Fh4pcbdPkXRwTfVn3o63T1c8Yz/64+norLBDFAiEAxv8ZCHOsZaU9tfVuyzqiMOfmAIvtapnx3Hz5Bv2SyGs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL928ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMdxAAjswOUqzQoTyqtWCBii426KYgrlgPfVsEVPQVscY660NQT9GY\r\n0OhmrH1PjcLZaGTTslX+VmcpOIj0sqUuQhKb6334Jkf4DNx0o9ax1mjZoX8R\r\nTSPFRuHWXX52KzQeQO+2K7E54+K1rnXPG4dXZ/qsw/VKH4d/rpGyTtphm9Sj\r\nLuWGYZuxeqV5z0qDa3CkezdILNHcdI+3yFYhXun+rZjCSCf4Fx0Lg+08aY9n\r\ndusmW5jsQFkZ/XdWYMqUF3nWYSFMN3RxUXuvwh6jGDJNRyB87mqBu4/aEqBD\r\nI3dw4ofP1Y8TYfpFy3U2Gsy8kHp0rK5hwmshHUjuEy/1o6wLJZhLKiBZvgaa\r\ncreZden7aIEqSStftdLOm2FKqSYB9a0geA6KxSUIBBsuLsI5hLbASTO2mD8b\r\ntBkNeltyy0LM2iDOjq2jid6QSgFHRVBBm0SC1EyHAlfHlyvWRD4K9Pir9uC7\r\nSI/zbD4mqQw6V0LlyTa3B+2J7jqrP7THt4u6wGtVC0389szg8OMjl7hNNFbm\r\nfn5Smw9eo/OON0E5YSgKLCDLldFKD5gbFfvoPx644WihLTrioUDccXAFvKl2\r\nWPnR8r6bdcG2BztbWTkTlryFPUrkT0/xHhRzE3juw3Du/HpcAYFBANlzUwxr\r\n55k+h1JMOkABvKNf9EzMbwsLvamx/IilVKI=\r\n=q435\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85b1d5db9650586ff51d999fc12531d07489d13b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.cf4292778.0_1647304123921_0.0869919400439585","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd43e0e0.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.bbd43e0e0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.bbd43e0e0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1741a79f95e6dd597a8b5350781cec906acd667d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.bbd43e0e0.0.tgz","fileCount":12,"integrity":"sha512-aYjndlzA5sNRnuUtE+6G0dqq5zJrGCbxobXDa3CzIjH6tQ41d2a52VGgs7b6joZHlzOUJLsu6GnkDp6e1Df7TA==","signatures":[{"sig":"MEQCIDiI7CenZizlLiNBEJLiR7bP2b0cPofdfrwNiI6xaDR5AiBr8m9T6hdSKLZGpF0k3FBQW96UaHTecoA/1Kp3M4ag1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMk1JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOIQ//QA5h4tT3jIgqAypjWsvco9f//Qhn74g1t71eRwaqZvpKbksm\r\nwBIETZM6Hto8iKAvvA8yIsjMQKzFDYz4kX/lZGP+rNt6tEQunM60y7T9At3T\r\nwAqfGLtQmApOikdEetR/pAV2d01Gzqw6LgosoXzST4ujppEVdCnMklHFkfrK\r\njVMbtSklSgRvI8uYqgxKD4bq3+h5xUWP+jarr1sobUuUbamV4ozdM4aRsYU8\r\nkeJDXTqbbWFxfwLqe96XYKngf2chDc5vZNB9oK8eoYDDWKWANqC1kBMmfIBw\r\nOrtXJnx9+5oqbePnyT7o+kty62W7uUO9dN88VyGi60mmw3qwQqr955u4ACpe\r\n9PzS+eYc7uXh4QzytcqAAtWdRaiXi+VOQKJF/lFs5B7ATNe0KfEUI2pocjqj\r\n90CpameO0TLc8m7a842Z0HhsmWz0WTUkNhsuiE96iTHOPI1HKZLukoK5oki3\r\nrNqAKNz7McSNOjx7aOua0U4ZOI84ToAMZNL3gpoX5us1KGXFihN4kvmdmZzB\r\n8Kap5pLXUEG2LPtbHGu08jNk7eKEXARNZMd+EyZMj6g3OVVDbqbNMtsBht5T\r\nRq/5YOyQX4j+7My/XkSOQnbeBgqzgIqPBWzPM2GyGUUPkxplsyjCZUSsUKoy\r\ntJQMWhwRcXb/tBwHCizmHnj6YnYTZlLRPok=\r\n=xHpv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bd60ebc6c6267688058726d6f98421b0e815336d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.bbd43e0e0.0_1647463753292_0.663038125999116","host":"s3://npm-registry-packages"}},"14.0.0-canary.1b6afad86.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.1b6afad86.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.1b6afad86.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d47e6023eb1a0d13bea105a4b64b823979dce172","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.1b6afad86.0.tgz","fileCount":12,"integrity":"sha512-PIi89GqRqgObFXZzEDYoaG5gQnUGWZXMXFZWp4LNgD9781LGsO7y4/bEjCKGiVqSYMj5zyIFqXQo7tgmQAIpNA==","signatures":[{"sig":"MEYCIQC0f6C0J2JSL1XPxkDCnIuYPOXvrb7+yWEKbxx2vqhmVQIhAP/SWI6ZDmFQnJDNyX1Owom9zPYNuaUk/vng3Jxj5OEe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlB2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQXBAAjo3hudRNcdw34vMFQpYdO6XO4cRggMCwSIbXUxThowFnxkMR\r\nxWyCGEHVnTZgyZU3/xw/g3Dl42P1VRClXsZQZ6AijOO4G9c575gYIrQfCfs4\r\n8o0H5eD5LrmjQaVQN8JfYEVQz8Fkl/nfWyGp+Lt/M2ZBS8zdK9O3R6RsxLMK\r\nQ9VmQBerB8UWBSWBFmcvPadWahD3QneBOloC+QWehYWswKpc0DtG3tJuZjJA\r\ndQJwv4oYVAKMuK9FFEBKwj1CvQG1AsxUu79dVlj1Z7AoVY/2Z1nf2GGA4cxS\r\nh772l2ISi4kFFQ8LYkskh7Q7q1VEMjem6onbOxI+3sIaLr+nSRscjBY6Jyb4\r\nELspfZVra92nl6kYSoi9uYQ4eotJqcFHA4J/50u90TnjaT0ctN6LkZ62WVFI\r\nFhTU2LNbMb3yc9Mm8UyYeRjei2eGf2Tl7mHlCEtxjsI8tuqL63GNzc4fNKKQ\r\n1/HL7ik4ZOHK8y6ZdPAIKSrH781uoKID8dhGpo7Zg9EaX2Y57UBerfbJcHIl\r\njuQ0lTUm2w56qoabMuH4cpp/S6utFUKvOuU4+siPQwyTaajfBuD8Ylff2Ciy\r\nKShMwfZmNnWmISFGBkPEaAEbVtt3D8g8dbx7rxbpBrmfnBIbxopUU3o7JIWC\r\nJMmiH3HAXsPE5NQ/BpzFjhSEtV9uojiHVB0=\r\n=c4Oj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5e32cc72145fa47fd2155c83c81cfa7ba5e27db8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.1b6afad86.0_1647464566082_0.5868365560567264","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf9d4af9.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.bdf9d4af9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.bdf9d4af9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3534a740e396ba1234a2bce87fcd9f2cc3b55390","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.bdf9d4af9.0.tgz","fileCount":12,"integrity":"sha512-zBfzkrjEBUxCjfAjoUh0YvUwWhNqqDpjvgn8LTWn7gHBdoFH+ekSCUtjMhgBtHedaPOrjJ/Eua9Jl2huFbzSEQ==","signatures":[{"sig":"MEUCIQCFRrZ+l2QtHgvxKO31jtCAvMfODAy1spmMNjOF2qTrdQIgfM5SJCIO5oMQOh00O8PZhAqmCo6dR+sTd2IJk6geFIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlPNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM8Q/9GZJUe0O+pdlkKc51hcxG1Iyy8pKeeEl2iZ9vK1dlLbomUKl5\r\nZSNk3bhN9uxJpgTwovZjHkKdVnaEEGkc8paVmhr+LGc46e2PDY0YX7xJHmSD\r\necmICoLhc6EBk++IQ5/1oqX8BYeF5kezpg4/6G0HqkrTX6QsPS0pK4V/WDH5\r\nDFnR9ek+3brnDl4YXpu7/qeOOG8c+1YOE2qwZryMl4L2meYSBxY2Y9bS0IzV\r\n3h8GzYNx+eEhULM21FljVDjqtXRoZKfsf3VbehccpB2oj9ES5oyEGzg/Rf/j\r\no73rNK+L0TxH1zU4pl5nmpSOLFFniKek7yh5cuFgE0Gf/KhcNK1YeFS8OdPl\r\nOO1pWhLXYyo0yFFYie9rQbvipuoPXJg1ztswvkTuzAZwN9A/+zF/tQ3Lg4YS\r\nOGmL1rassjlsHtKfEKFUltsywnNjGisGeuAkwdMg7Q09D4TSbPSPVgiXObxF\r\n5Ub1CxMhPvE3AAGdG58CFHICFEc4f56xpN7HtQ3Ma0qWro28ntPLd4j8EDKq\r\nWtmaMi9BRo7NjAnJK/6j8CP3hEDp7/cNZetiOaMHlbN4eTXzGKpUIAvU2PmN\r\n7Lpu4SJgkh5rLhzcBw6UGNGh0D52nB2M3azu8tiM39MRT+KljGeY8XUCwJV3\r\nmg28RvjIx4kkis/2UcgczSczMiHoBSXggGI=\r\n=/onC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"413f4cd271111f1b118401821eb4bb38e7fcbad9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.bdf9d4af9.0_1647465421291_0.9465260139025133","host":"s3://npm-registry-packages"}},"14.0.0-canary.32b391398.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.32b391398.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.32b391398.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0573c8d1616babca721a2b0d453f907369aa1b71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.32b391398.0.tgz","fileCount":12,"integrity":"sha512-ZWd6oyJSfeGtK3lszSF6FdpFoWmQWSJpE6v6ypcFiXRwgwK9l2Jl3BZj2E55bZ3Jt3LQScQSDSM7XnAdkUAygA==","signatures":[{"sig":"MEQCIEK8C7EslPtR13tSm4fQCnHYr6Qf00DrK4f7v90ptrSTAiAp9wVTdAuGsclsjHabIjrerxPkZvxsqZsCaatdK447Qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM3a7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpahw//fryigxsvyry+Zq4t8q8PIEfSOxK/LAN0DQKJhmIon7IqEG+5\r\nH4t/kqnHYsWD4oYdbFlqbJoTcU7CfVwaIPKYhIyj5tKURBtWiIIxY8xR10Wn\r\nQhOi7pksu118vw9CGJupSdLnTTWghc7+Q5Zdm3sH8PK2Rh4TXZMpBMQE/KJF\r\nEjS+P1GHETuuxdsRLsPF9xIB4PBoix658YxEQ5BLtMJNYUAWupMNDM/HM1kn\r\nvC/afFhUohdWzZcKINuWhdWcRxQQU4lpI3HAWud/8+FdBZKu+3OKa7uox9hU\r\nNZ1O1MrFfDCFLK3j7ww/HhjeycgDSWhAFUd72RrQCYmck1EWH4fIOiZMgPiq\r\nlGaBJj2fGJsLc8SkyPkmwcZ9FGXf5bEIcTmSINBnevjM2Fp4e2K46GhdK1rP\r\nKn9+U+9cSrI+JBAIFAhGqmbIzsb1HyDCcr5mxChvBYmi9eDEMmhT3rLGhjwJ\r\nSsoMmLOxhEpu21nXJKgFZkud/nvn1BfAvtnYJVgTAOefggotluGvjjWJNBTR\r\nrRsdpG8tlWNo50H/1UB6jumNiUSnyTsMMepAU65zh56z215mOMQtDO5N0qw3\r\nOaJYnOnHLUPjV9dDlLwLxqIHFZy28KLOxGK4O/n9MQC6SXz3A/KquCFc1Lmb\r\npO9LxFFeha9zWTyCNioI9++6IkF89nuyAsE=\r\n=yLiH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a457bda7a5cedbfaee9da752ba2dbc093b45ac6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.32b391398.0_1647539899027_0.6023962649633088","host":"s3://npm-registry-packages"}},"14.0.0-canary.ae8a6a3a3.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.ae8a6a3a3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.ae8a6a3a3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"151111a4e956e29f4ce6343f8f4907489f887f2d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.ae8a6a3a3.0.tgz","fileCount":12,"integrity":"sha512-3HMqDE8WwCnZcnN9PMaHWg23c0Qfj+woVULnfAEVdOzie2QXyAIIxMZI6XC2TKeBzW8a3L9gZZn+WthO4EN4SQ==","signatures":[{"sig":"MEUCIQDc8fNDq0zRDQCZtomNn90RUrUDQv801L9c9FN/HJJZ0AIgXz3OzULJaFEksXEM+/XWNoDEQg0plf4P8KmW2bPFT54=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNLV9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjGw/8D/05YBcsS579XAypubnDfppNKkH5NJgRMnRMkbPzDo/Bl8zb\r\noaMCL7jF4uOHokxpDSKmv1jZf5ZTX/lnP0ERedEE3AXfQedwcv/MF9O5dxlr\r\nKg+p+UZ4VQHOWHjl88DmyJ+XS9Hn5MnOKagHP2Bu9qoMcDx/UL/s5Flx1qHw\r\nUk8r0gTNmlrlzKeO1MPWWFrL28TZhuBLAWd/y+yOPAzC+bVhEk80+cUV2Ddd\r\n4AQM/TyjXUDcK3Wflvy5bkaoZb9xU3ZV6n5tpgsKEkyImmtcHVWORITLOx8a\r\nNm+Hr6eEzKBy3v9DirBp7hRT9m2pmDWEZbf7L0x4VKAxptGA+zOHABLVWsgT\r\nuNOpeak8DgndWJiuo9vlkiSaMz3QZGJbOeIanb2KN7u/dlhslUdoVBWsNm4+\r\n47hwa2rJ/t2gRz7k1O2IoSm/mIqft+kxt0fXub9e1ocjejjCRaY7FXGliRSj\r\nCUGkaYKANoqS5s1PcqArBqEPzxIcgZhCWUs1mEoDLk6hI9YG06ByHj5OqE2L\r\nE9rP9c8gsI/fDhWiw+5wV6Ovk50sphKu1By8K1c9FEEY3Em5Z/ri7XskbRJS\r\n3M5eMTDQfEH8wSfrKw6b5StbCWiNmzecPpFTjhzj5gHJ1PzHv9km0dOBc0Qt\r\nKYX95n3K9a+WDG2eC+HYWOCdvHWAwoJxx1g=\r\n=zkdJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"783283a1304f941e05b3ef25b9a589158368c595","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.ae8a6a3a3.0_1647621501198_0.31260013370190975","host":"s3://npm-registry-packages"}},"14.0.0-canary.cbd9358a6.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.cbd9358a6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.cbd9358a6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4372b60b5f9a9fbe30a665793fd6a08c5b690bde","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.cbd9358a6.0.tgz","fileCount":12,"integrity":"sha512-o1pj90QlCXL1eqgWwHV4qxafRrNqh/KbioR1GLflP1hJLTK6sTg3wK9EIrOJIvCZ2Wrc2w19s2lwccSH1W4oVw==","signatures":[{"sig":"MEUCIQDXqMUtDw5e+OwPvlcDhJZSPY2UNgWN80Hw2SPaE7Hc2wIgXZPBDtpZVNm7JTs+OncC283/sZ1uLgevWfZfAjEtrKQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNQzdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpqjg//bmBeyypXeCE/fVDXtlQjX7QWDYI9TQ/+swP1LTr1ESqzFGHw\r\n5j9IBeMqeUm9uP3ggYQOPQUIitVV17g3AmcKSSbZgGb4xwjiNTs7U/xD5O6A\r\nYeLsUCNqrV6iS5p4VGy/0KphlucI+nt9qC5lWhhKozHU0eTQZZMZQUnvFexi\r\nfs5b3V2aA3Nxsl2TXslk2qGvCyetGrhp4v3kF+GRWmWSgzALThu4ZRUB44Z0\r\ncm1v396Ntkp6CIsEjfc354AX/rL4Nu4XsaHdZL3OoLkhA8lzhQnR+7MW9JaL\r\nV/7U6wVIHg4rOJlj2lEdRqIHSZDMEJm8uWNfn8LiPtGlHfiVPbbFvu+gWbhG\r\nzytATvGq8/xgeUAj7pSAnWRwATn8L7YrjIe5fX6Zjd6tWKIC06td1f3/zdrx\r\nIrM6G5n9dOdJQLTjZQYSF5G0B4mQ2xSLjQ26GDx9Vfi74Uy6HRxUuYYjPCGu\r\n4ayZUq2qoHPNmfdwzfmOmUPCbb+IDL2BAJ/0oMzqufxpAz34DS1hRgf2wUDy\r\n496IEUqr+F1FGFe6bI2muQck7+i83K3jkmlD8TX3HuiPkTc3SehtdDVvXxB/\r\nd12EYmzQP7EQARkM2p+YsAWbkkPTdUFqu6UNzJMzwnBdWRt/9tGQKrjGjlvy\r\n6U/4exbqjGJ02I9Q8YaY4Xm219B/gDYeLzI=\r\n=PSdY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4296a048e6aa0c1ab8e8d2cc6cb8321c24dab9f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.cbd9358a6.0_1647643869627_0.8976569143016688","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcfe49c98.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.dcfe49c98.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.dcfe49c98.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d94a3acc8f311bb1649b489f8d4202ec222de288","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.dcfe49c98.0.tgz","fileCount":12,"integrity":"sha512-aKXjtaPj7MNSVTNiXoz4JicY8d/Dmf06fnCAc5f4HTyplCT00S0YBlZxdT8TNlzkiMlGw0XDYy9/ZmzzsHfGZA==","signatures":[{"sig":"MEQCIHy6WEl92E7vTgYSG0Ph22x4ZKC1IFRJ7UTXv4dUO662AiAgW0X/o9J8gJJ4X4WXxHsrg9dMoyQnafsfuDXG7Svszg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOMdBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4xA/8D1eNQqDycNHm1ZK3jUGQdk6087hMphZs7JEblXSk/zqX9E+C\r\nEuIibV0DD9Xo0SRFn896iKk+NohUSzt5TG+8EGKDZgGdIce5Br8gL8SciX6c\r\n8lY/C/vpDwE7BEQ7tNDcBb8UST4+sqRalJ1pkApOHGr95ZS7fyPLmU8/RLyJ\r\nmt9fZEuFG0peIL0Sm2aOAMSK4IPAXpdhT8OdmitwTiaLvFJ0ufjIP8wM2Qsf\r\nRHSS82RZdEtW5Z1n9jbRNVSgd3p/ubQyUfD1d+QUhg5yGVwAWOaU+OzHXudI\r\n12+c5vvt3xAlckXwff3Y5mJb6KVGgEhM9THRkiO3GMWbapBKPNPIx+7NDn6I\r\nX3+e6HxjZRn4ry53DH/TUWvpDKmXokAVqUDWLFjanUkQmTGDLsFxvqusiOiB\r\n3JolKtRwUJcCE23lzzLIip5bAzJx17Y7ZYPkQ01qScVnxOQfOKBzjCim1Emv\r\nc6jk8BKuHD8UVL3lTfHQbjcau6v1rWtmAz/rcX8gb/o0Y8LCGAbL+8MVov0P\r\n7PKEG+RGLX6F0muUcEEDSbUEHlUwycOO7jjQg4hswI8PtDPeQ3XjVIgLtaZz\r\nr2LTNy3+W6Ox5TcPoG8KcpUO9agXbgnzaZKTUfX4nJFuU4UFvJmo8uTpA/wk\r\nLPsQb/4W1tnriPhziAxw295Q4cGqbAI+4/0=\r\n=ug+M\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5b68455eaf6aaf2f571eb64a1d8a5edaba58d37e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.dcfe49c98.0_1647888192921_0.3880020938394133","host":"s3://npm-registry-packages"}},"14.0.0-canary.f31a833fa.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.f31a833fa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.f31a833fa.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"380275104338e509288bdd547275051f8ab6ed0f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.f31a833fa.0.tgz","fileCount":12,"integrity":"sha512-PO6Zuw/N3ssZW9toEMy4VUCVdu4LYwSkm5bfIj4XpMXmksilpOTTS70PfWLMUtOi76repn6jmLQ+IE2+V4oCSA==","signatures":[{"sig":"MEYCIQCKXY2p2Nu/qfyYLbVYhQVj7aJTa15/CLARVvm3o0MvogIhANEPwQRl+BxTMTRVngX04OmkfmbAnsIe+clcsNlKIiaF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOm6sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSHQ//TIV8DHFvAEMbfGjF5DUdonFKJi2bxxLZ8Qa4b04SYQC+1yyl\r\npfuEoIOWVrDP60VauQC6iPw8FjRyuDbaRoGERgT4VEC30d6apM9r2wUArPKD\r\nTvmoQvcwuRMfO8h1K1SsZQZhI0dGmt61HMMgPmmbKlPdrT6iwg5iXL0OJ9a4\r\n0l/edMByjYcCrRxcwoOTtfATWSe3GNpFuRXrZp+ctjyOnXfVEFaNaHXnzDfO\r\n7mP3ftkvg/3SLnQ3Mcv+ld3I8VgEjKOqfvOBo94ptbqP+BJrs4+oTznPgyhE\r\nECNm0fNYdEX+IlTNm2FRYCCbnvG4zoSZmDhybG5zuA9zSZ2RqboGNl+oBdsH\r\nXottQKUAEbWxThhBCuuqe+qRyi1y+8mr9F8xx78eRUMNO5cfn+SenNJRGxjH\r\njusQxaLYCDAJgx12PYuqcqtEEHIKdRMXGIqNHBRnXfcc3OPH97tYnv9tk2lD\r\nJPNlECcRtI4v7mgCdJA1mFtTNCFxoR/KNPq6sA/A+haPedhlobXcrH9Paf8c\r\nbTWnJPGEyg++8HDWNAvP2TIG/qx35JQj0B6UBhMfjWwPtj/vkHM/PsY2cWa0\r\nRJLnzU7Zjdt+ELOufJ5cLDzo+4PLlOtpA/5lNb23FmGQj46PvpitS96OZX6a\r\npDgCQWLg4lbiiucIIdXf3oViaV6O28StADs=\r\n=2Lsy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"28572f217366c634964a133bbf0ee0b8e88b8126","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.f31a833fa.0_1647996587820_0.7374666481572567","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b92e210a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.4b92e210a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.4b92e210a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a3ccbc51cfabc30af4af0cf43b923cb114de538","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.4b92e210a.0.tgz","fileCount":12,"integrity":"sha512-cbhchlTRxCa9extdTv0f2yWaCx/5NFuG6nbhzcvZr5cz4DYsAVHDk3X72BLMowR/G+mLkHtPyGoUnNHvFMrhjw==","signatures":[{"sig":"MEUCIQDYN8I3ETjUGv9sPX6byw7cAhnh2wF0S7yNll+VbUm1OAIgEo5+7btrsuj+qhcOyqwr7BAZluFdWEGzEDWAIyGWIFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNHlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoyyg/9GZabRFaUrAxBh0zvsIG6Uq8xxke00ZE57kymp4UXLImgAFGM\r\nA42DDOFbCCQV5GTvG9NjYOIpDG7OwfvjFP6eqVm233kkW95irKZyTkzJVg/E\r\nZin2irb35oh4yFKOWfUyubj09lEir/P5s3rBnK16NiSD3dzegj7n21PrH6st\r\nY9WMEcnCGixxgDE/XGiR4Ol/5BRHhp5+MVo4YKi0y1GytUuz3pSS2O8QiDe4\r\nKONSnvq5NbEtrk2BGrIs8/RZokBNW1VJNskekAEai/Tqw8S25suhu/vDPKFM\r\nZNBDnMpiSMqVm6G0ZD58R4IhG5tSlm2lQmytt48yDpdgkUruqT8TZHNKkXmT\r\nzDgLRvQvKk5CZxXdAZs+uBL94ERoorXPdhgKyCtOE62IIVwUykqckGszXlIt\r\nl3wi9zgNgk/RbGZlR1vxA2PkGFS97vHtbvSkE330PJ5Rch9GRYROSgI/q/s2\r\n+pZq2CNm5pdnBHvC79vQXeb2ee+abHEoRnSwd8Tb8dgu7efSFPVsKftYfOC5\r\n/s4LXA8vL4QJOx4CHv1v731t99lGTuxsNflM0JXz/dQ9IpdSj6xLZP0yMMX0\r\nzfMD+WkpxTSd/aC8BEi6EvISdwqCsKXPB5xSURVkYluaybrLc6ZsF2bWZ2NV\r\n7U5E6dBrv2AR3eZxaamtZYWNW2xR6+iJh0c=\r\n=DDpr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9fc48f242a1815183c2b4c74ea1f8bb9967004b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.4b92e210a.0_1648153061606_0.6045843273728768","host":"s3://npm-registry-packages"}},"14.0.0-canary.a657abb61.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.a657abb61.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.a657abb61.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfdf723fe04213bbee4d3bcbc6d667259a4e24d4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.a657abb61.0.tgz","fileCount":12,"integrity":"sha512-yVkf6Tr8/PMZdbfOk1y0U60zMuSDJ4vkg6f8gCXsD/CfeyRPR8uOnPIuoyY+IbsdvJkYIKbhpzeYxT7BCmBtww==","signatures":[{"sig":"MEYCIQCm/u28HNY5Blklgd4mVT1PUGQaRX5yB6c48k4LRzAjawIhAIZMNPuQy65bXqyef35pLkNBR5dq052kvx2deIt2SQV9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNboACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5lw//fndosq+ISH6lNW6Jz71Rxla0D2xGEkfJQEV4ME7JKbXKIFSX\r\nzOqyHSPR94rt1971N4VBEOhb94Y/pUh6/aFxyrrymov1UN4LChmf7TVxpS2t\r\nBQaJSXcGCaok0Ei9jjsc80pqEnV6gqDw9BP+L+bOHfN1moUaZUWj4QniVwM2\r\ne/4wJMbwqE89RZ35PWfJhqgl2BA4OXQY2qoJQs4X/UjNf/17rgp1UBYhf9ul\r\noE4qdnDYbpUak5lK7s49kJq/oFklF7HhhVhtUy3TVAzOxfjFbq09uQiqFeCe\r\nFjI0y8ltnKHipIVp2TU+pgSBAzsCWRR8Fqb0mS6D40pZMwY9vc6qtZ945T7e\r\nKQ47reh1QCUy5q2aaa8XmE0CUFidjkwxZOLr4xYaVzxdLmjl6X33U/Kf7Ej+\r\np2wEjMc42lYpAmhYd36YML293v050ApsdBekOG6SGSmZIpMdXhA5iN5tzwHi\r\n3esnKKpoASfje/HvwsRSrR7pi9OyL5XA6HcfrXHHUXm8munY+mW45lCMDtfb\r\nRAoUTZdh4gGLrpo9qDA9mQs9Q0GI+lnUKR65u5qGVMaYgU/9IQKUs9SbVP/a\r\nH4NZpSBXLP9/cpDaKiXHsayva71TbqYfhq+ugQl8dpavcVcDWItsnwoI7qpp\r\nstHmv7Bw3/DjbQn6Yw5XPwwzJVXn8U6NiH8=\r\n=gWLI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b17ff714094456afc14ac1ac896e38f85e300743","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.a657abb61.0_1648154344699_0.6457343626018703","host":"s3://npm-registry-packages"}},"14.0.0-canary.443f63f50.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.443f63f50.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.443f63f50.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77eb28d8b0abf1bbced8bb578f93209c7aea3e4d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.443f63f50.0.tgz","fileCount":12,"integrity":"sha512-L8Z1RaiORr06B9GieSzH45Ms73hfjizxvsciCfD5ij+VBPe6SaCm/GZTWVbnblg34VVqqi4QtZllt99DBj33FQ==","signatures":[{"sig":"MEQCID0r+pWOMcGNK7I6Gh52X1xL0HFxFbFjLwHG2C4MKYB4AiAdV/hQKq2rP04u+B793KwiQ/JXDD6A4QWP6vHl0uFO/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPkpQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCZA//V27rWEQTqd8wrKiIbE9c4zuyHZRzIqOIwfTTTF2PF84f840Z\r\nS/XGVsyB0OfifDe/9USZnP2Lej/7555eiuWOeVMSGlfoEQN1peoq39Fx9QvM\r\nnFgi5YFVYQysqr1bbs6Z6qU360avwzzq9cAwvOI74XkUFFdEDvrdkSNz0u/m\r\nKluEcBJKCVNSjZEdgjsKOe+5YS4WZQkvtf4yJkEzw7fPg4tZd8Lo36BkRG+C\r\ndJomESMeZxC/U4/LguGmv1ipF2rufwuVcDNelzXShpqFz9Lq2y2x03KyUy5f\r\nGBxxivmwR2RwHI3t8JWfj16RP3fE27fGSo9woH5PgGr1NcV941mQBeSagvSv\r\nQcDoPJEjZT6/6YcSddB0iIrKQuliqlhEUC/e0FngdewOQPvA/EK6AEoYGbjb\r\nA26wNT+WM5jXepbZlmB30DHmMZsQ+GvECM3s2k6w9FFFn/aQ5lib9xA/BXcg\r\nFknkByNLVqKG8HP0yy2ykOjcsK23kEsS9XxQ9Gr7OsH5QABNkVxmjvPZZJ4m\r\nQHhp4Vn6BblmXx5AIoWkPetQuhV5roGX1OY59WZ+xrGhAhiwmbD4a9bVVIRX\r\nBTPi/o4g1sENBTCWd8uSiG9la4jRzpx4M3m0Fm4JPWinF6FW252g2bUKLU86\r\nGuMmgYutvEIhrlGvaWW6xn0EFfENvXfSJxc=\r\n=NJ+u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a9e4a4d027bc972dd036582cbc94abd30d3cd60","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.443f63f50.0_1648249423695_0.14333593491020724","host":"s3://npm-registry-packages"}},"14.0.0-canary.eb382f318.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.eb382f318.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.eb382f318.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cf851898396abc25614f6a1f674693abf81eafc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.eb382f318.0.tgz","fileCount":12,"integrity":"sha512-2nYgjQyBcLCle+SRtMV41gefDLAySfLhH0x7sm+9CTAm6PnS4TrbGb2KavJrI59py2fxlN7UuJDjZ9GJbJ+nKg==","signatures":[{"sig":"MEYCIQDilvEI1mNQUlwFb22lKfeGNf/X+OzOHYkkn6q8ly0stwIhAOrFANZQVwa9YF0yGo4fW3ljQAjHPmJa/72KU8vbZdnF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ0MNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcCQ//VaCOEiy4UJ3gaKcyzwMBoqW5rjDcBhKsTkEaG+MAXuDtgTLU\r\nvPifgxcHy5obtkaeAjv0yfeA+gVaDa6O5/waOrO35FpCW4PYLVAMXeXxHXWc\r\nO5+az5WAOBh5R1WRSGDZP7BhqxvaWSbSWb0RzkWw6x8JKFYIexmLv9flkn3z\r\ncSy3KUAaSGVuOs0GH0pZpSM6qY+pr3leS+GqdcfGeoB8Z5RfurXBmtk5JFAZ\r\nsHDiDeX0YyddsKzi5MhvjveTjdI5M5L1Qw2fo6qTsVH9ZNhlyQzt9hstYbik\r\nIbheCLVj3f3+OQkwYecGaLQ3ZdqeMOh7gPvHFKa3W9Fk9M95pMi9Lz9YEltz\r\nAP73dbB6JlOEdykZzLqAwvFTcByO9kOG7q9smojSfDpTzvgk8wZ/qtKF23xg\r\nify0xEsCFGV7srdLRQB2cOuM5B9bIYV9mhDc4bWcl7ub/Dd/U6AMYEnXDSmH\r\nRpvl8/D+XkwlNS7gywYGxLFNMxGuVStR14fjitXD528+fK0fZzgop0VBz7y5\r\nVDJxdxaDle1Cr6qwlKbF72VKVTmJ90f0mJpUXFTm7p+jPyO7poI9oIkE3N4E\r\n9sBYS5j08mfiHpFTy8GVa9mOtZ52r/aIO72Z/VJCbD+GTERpBUb9sfD0wO1G\r\nWrON1vyeRlc+fksnaN4Hhgav8AxE8mRZAFM=\r\n=TQhw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9aaa59e82abd1f56fdb3d963213242fe4f989c89","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.eb382f318.0_1648575245224_0.7709050009525484","host":"s3://npm-registry-packages"}},"14.0.0-canary.344d52823.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.344d52823.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.344d52823.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a50a43dc87dcd1c0d990d7625b9a15227a0046c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.344d52823.0.tgz","fileCount":12,"integrity":"sha512-XsPZU42pLoVuiIByB+5C7rp6vPURUwCaEf/JhHt6vRj6HYF8UrgqB/EImnu7eMOhqrUc4aXDPrQDsJ0gcVVHYQ==","signatures":[{"sig":"MEQCIFcxCzwvq+k3OJ60NK53Hdjrn9VADwHFAY4LZs1cGb+3AiAlRMSlFNM2dpwvaFwh7tS6j27un9YwLIfo+upCC5mi5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ1MPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV3g//eQ8aEdTe2cpq6baaFnNyYaoz6T+NEGgXrqssA7ya0Pq+Vioa\r\nR0pb0Fc6QeC+Jk/N66ah9wSAeaebr+j8PJFj56nq5W/Tr0keBAwILZe5RwAk\r\nKJ37LrV1kfeVR84f5UaSOu4Rx5Ee4x8ABjbDs86/8+Hjd11mk5cEZa3aTJXj\r\nYasTwEuyNsaT8yMrSU9g+K4uhwON4F0uc/ZteslDonhgEf+G4mruYVKXaFA3\r\nNOcaXAaoOXrKe9DjT+7q1fEYSByput3PfEjyTlXC8/jQJBUbEqeIs7iy2urZ\r\nnOa00mWK/yCSmjGYXVRxxSQOzHaW8GeJ7eWFz9AlLX0Cf6JnYm6AQe9F7kqy\r\nD+wii4w68s6S6doPR9xNa751kj3dY62y5qsHhEwjKhTJ6Q13qtRDUg5pcNNG\r\nFCpKzJUc+r4h+foo0D0z4J4bEu7/vzJ2lI/ggWNpi1X1L85VjXk/EM/Pn+5z\r\nA86MNMC8T6pt228Q5BEk7F4INqheXVZrIp4gvFMYotRPzjBN4Zv/gaqsQKA7\r\nhbLXfgrS10u/sF96PVF+zqR0ilF99Kev9n8mE3BmeeHvoPf/YZJ73dcu2yvF\r\nS8phR3UcFRAdG2E476QMGOVzLyWMRFF0AkSjzAaRNbfwqo/CH0j7qRTvEpIM\r\nWdF6io+O6sFglw0NCl7jOwQAi/Lik+6xmXc=\r\n=YqeY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d0b3e3b77ca281daab88499a03131363e8ce97f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.344d52823.0_1648579343152_0.21428806072078288","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e372fb49.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.4e372fb49.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.4e372fb49.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8cb49af36883fc93a8e7aca4b82baa93857b4815","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.4e372fb49.0.tgz","fileCount":12,"integrity":"sha512-elsb5NaiAHfpo8J8ZYM7GzQcMq8IL7Gpt5/jX5D5Msbav4Uo0FJK1zG51OV0EhQSwJMUBa0ZzaN2NHVjn/fgew==","signatures":[{"sig":"MEQCIGhSIzG02H9xhAiY63zXuIfFnTpzoI8jKJ/ZzYtfCcONAiA0uZKvEb4eEqEtq3DO642fa4t4ZEFRdWlEN+XwdYaSug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT0pAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfjA/+PPsclsiU2DzvtG9rgF6J014RVlFMIhJ3/VnG1M8YL3La2vuD\r\n/1JDSo9lYFO36BvZWEXUTt6VhrZGuc/dlkqnYZB8i2QUfi5Of07Zo8bxH33F\r\nNZu9Qs9l+hGfmQYOIK0NTJ+PU2rzuQ2xXEwli+sou2IqC7wIdv7xPYlqoYlf\r\nHd0HLOTrWAwF5BccbKzS9kdcN2GLS4JLDbYPSlIruHDbApntHYv7X+0EPYn0\r\nO53qAFmlHsSv4UNrnU95CDmb2oY5qzdrM4AvAWLlNoliCCuVxlKABAW6F/jg\r\nzadehN96oBhFkabqH1aNTT0u+I1gfcvLZ7Yn9ZtHMK5iMJ/tQvw7IhR8pe2L\r\n8yH7RNO2LEwLOneRWFqP+Ut5Me81wiA97Q3/+FOMFT/F3jimv91BKtxIlb6v\r\n7dzeNMNwJ5bJCPfJDbSLOwDQ7fRynbVvq4ehnQnKbJcLt7QoOjjh2J3yZn5l\r\nzWYh6dy7mWLH3YcWFicwj8EWCxsKzPTCYiTaKOGUVRyEstXKsqPy0G4TAy35\r\noAMrxTzSime1DAVvTowWPg+EF7cBfyKBPA2tK07w7tuT9dFQNJNo7gSdNzhm\r\noyVBry/3cxUzltz8WPSG8mGHT+dfdoPrL3kSjZB3j3mQT2vMAt7VRjtjRyMK\r\n6t6GrJiuJ3s4wxJe9Uw5DjB8pyr/TfE5BBw=\r\n=bTvH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"013d3cd7cc6d83c59581f40ea832529343f43047","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.4e372fb49.0_1649363520660_0.6610536480217657","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e30054fb.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3e30054fb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3e30054fb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4534446529fee3632ac3828a9836bcd4d3bec567","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3e30054fb.0.tgz","fileCount":12,"integrity":"sha512-5+g1U/NbMl1IlhU2gS/f29dWHzvZwLRtRLBXgt4CsnGns45kh6cZkIcoS02/vE7d0GDq/Ns9A6ONt59kj5LpAg==","signatures":[{"sig":"MEYCIQDM+4GmHOORrRvJMV84TC0F5tBlga4EsisNkh0abK0TgAIhAJe6CU8BkSupJUM7gv97TMZQ9h5j2UfUuXMmGVMd9pRk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV0r+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofPBAAoBBmrt/MowpkNSvJht5M9Kv0xHXkr9ODR2vYX1SgHMBui/CD\r\n3QnNl8PRBO0hoNZNAa5aS2Qz/1CvHsgbUMG/fkYhX0tG/UBAG8kMbu2c9RE/\r\n7g3LXrsWeK5xYa02qmmG/jjdImsIZ/M/JT16sq7sadMh6Q6TNsA/KkB/cncf\r\n7JOfM0RZKFtokn/ykUyybPBkQlkPkAbOGtA4z2fLjC81uDTkibqwWfxspseO\r\nBf+xe+Rayqwz45OtgV64Aet+HudtKGCynIuAKO69iBNeY2ekSbd7reGz3Ld4\r\nu0F3sD+3PERDZWbmJPczIpM0JM9V0yRkzDxOCn5gdI/PIzkeAdbnTUWcjcpT\r\np1d+PdW5QbNlLO8PBSXXInh2qMfV1uONjNnPxSzER0PuSsxiA5uGjK9M5QE3\r\ngrPbsQfUayDed4HNCQXUIOBYUi3EXGmgZhdNjinmdc/V2eVcyaYP+ZqQNV/P\r\nrJ8c/wECPauszM09dhwmhb93PUsBtd9fLNIM4Es6rL5CNTpATbxROYuk+vPU\r\nGmcrB+u/Iw3eexSroj3a2Nv1dwAo6ST5iuZqXsZidy6krhoOD8MUl/BtgJ/A\r\nv+0R4BPl6nFIFwwFtizK6Sa57iNJexz08JoDDBGjuAkFartrQm2etyf197BE\r\nM7g4zOMnTF/TYZpDm1K8bEUJ3VQA0z9wmxA=\r\n=vF6S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"04d79139861b90bf3488ab3f74e4bc33e6af1c8d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3e30054fb.0_1649887998338_0.8569764042445065","host":"s3://npm-registry-packages"}},"14.0.0-canary.8c4da223a.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.8c4da223a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.8c4da223a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"226dbc4538869b11b8b9c34aaef40ac2490959d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.8c4da223a.0.tgz","fileCount":12,"integrity":"sha512-Gxwuj+uiUVHP96y6X6CO7qWgbj0WFni7iRALNO6r1FuB9p+H1hmtAc5EUhzd79o0kGUOhHBFAlIsJqyDlFt2HQ==","signatures":[{"sig":"MEUCIQDjareMyHlcqjSjIstyAJAQm/t27GF1dLuQyGUmj70haQIgcWUgxtkBk6rscmHg45yLawjdxI+vCWZnbxHbPZaQsjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXtPmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmod4xAAl7njDQ7gSlZajMK5TzO67pqGPY4DL73p1XnlPuywB54mdFVF\r\nb0IuI53JfkzMNnwtGkyOLNIywF4zBYUf+jZ5lt79ixDFiGymppIfFms/SlV/\r\nNP4AsCxfMJCvFZhay4XYl0+d2D2kqudX65hnYyGuFbDtmyxdmMvfNRVRhDe4\r\nt2Bsx2JOqM8jor3bBI5wxlSQckvNROM7pVfbPDhZHrj8rJLhrdO1xiT0qktn\r\niOP5Z0/oMCIgsorEGG1iC0ShRvQCEy8ALe0kwYHiF3tNV7yWaR1z61Piv6l9\r\n97GlQdTt0W2CveKNy11fmsd24kGy+aFCvXZMSKcutW7heTIeW0+BAcRQolLW\r\nlUigvpUEh/nUW24/lBxA22G5Ex+8HtGiPtg4XfCX2HQ1+hNBcJ2U/GUJ3/0W\r\nQNKRec4QCqsubXSmOmbBUnIwdFNMd9sE5REDGOxyJAhZ/NfZ/6I7raWM+w8P\r\nB2gvoIWu25B1+ZCx+WDnlwINNvkE+qxgcoHHIzCN52hTzeJ1ICqhaTul8cxv\r\nrZj1nhG19Cgg+BehfoFoiycHVK2w5FvXmjp8Zp87PfQCWXGboasce8vPMrbB\r\nWz/wsWY5p+/zAaS9AYZvEUf45eb62L/gY0GFNJk3VGGPjXmppKR3XcRtb1rn\r\nNTYFjn1eUoxLXSng51rXLqMGObzAw3LMBns=\r\n=ho8R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a5f798a752de150dd0a004bdfc90979ab4185d1d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.8c4da223a.0_1650381797885_0.5969476373609766","host":"s3://npm-registry-packages"}},"14.0.0-canary.7de8965cc.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.7de8965cc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.7de8965cc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71aa38c96494fe5f1006760406d057435649e7e7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.7de8965cc.0.tgz","fileCount":12,"integrity":"sha512-q9hQNCRIsuI/956QS1XStaXw+XiitD3xrR+28Cxs5P3vYgPmBbPDWthBp4wAN+GRYk1cUfial8w1UdIkKn9qTg==","signatures":[{"sig":"MEQCIH6kYBElzU22UpJj3EupGyDR8iy7G+5H0bqHg3WHQch6AiB4hiXLIs6g/4KWvnDH41BCMflDfWtXsu/BKiODieal1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxoFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwIA/7BsbBhnqhkkkpk3gW8cTyExw89NCCvykFLsbyJhNrOXRxogFH\r\nNzqG9gt8W6aPa2jVYJD3G80gbVpv0P0oDz2WVyVTJFzV22ObEESTeYyFTQ7y\r\nmDS+bw6aqaSWkxjWD9NriKjN6FGX1j5suuaqT5vLpj8sFiXmUIQwPrpmxdMF\r\nF0f/wIdniHFz74VlhWm5yGW/d9dXlBEHsAH4aJhpRbVaFo3VPH+5MysJJreB\r\noDAMS7yANjEUpw9Wo2MTsb9Ox75SI/EbWKk8BoKQV4yhd/XfiH4jtU48P6Uj\r\nnw7GK0F9I2Q6rt6xNOEdmmaoiHrwGxiHX5Jiqsva/e70Y+lNXV14o0/IwRRv\r\neMdfCV3WJkvAGRQvw4WBlSqkvpVB7Zg9llATVk1IBYsOmsT4QKAN+OyTPBSx\r\nzDeFzyHjhMoeIPxtFcEZGpFI2L7yphKHWOlcIH4TDdGLv7go297qebKHdEay\r\nqnnHjN1JpURSpaefqODHt0NUwbtMzeEA4DiuSU5f3w4Ud5qFBt2neMpo86R0\r\n5Q1GbLYICZozXs20DAdVd7rSMaCNQAiHBgDxrIQnR8ZfnvaNBh80Gm1c9pWI\r\nXZjqGfibHpqxfsusufaW4P0Ir/XxHJtVx9sTcKib8K4z+xKkbftPkB4ArdT3\r\nXQjNFw64ggIo14OsavArs3P4j2rklGocuYI=\r\n=Q1uD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"538ae755c197f0d9a1fd3a2cab5000c498987584","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.7de8965cc.0_1650399749468_0.7673174573830408","host":"s3://npm-registry-packages"}},"14.0.0-canary.641ed0851.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.641ed0851.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.641ed0851.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb7c13a5ab58c3ad3cbb747c6bf7817a3f4b75f9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.641ed0851.0.tgz","fileCount":12,"integrity":"sha512-mnnHyMYn6if9E8wJwAW4avhy96lLozLlDGnF2nCfWovOuH9X/fuimSsVBibat+/pr1nUyhxUj8kSdaDlV1N/HQ==","signatures":[{"sig":"MEUCICgBBjkgQGuZxjVEzWEn7tHIWyyTaSsS4xKJk7Ic6U2xAiEApuI/oVLsAMC0YneOcgKxCj8R6WXxnlTbPP6Jdpuf1AY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYC8ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmroug//ejMemKTFNQBdhwtuBikK/CZwBSg2G+MNNqe6Hiaqp0O8+xXo\r\nGrRhDErDjmkiXS7Z/io2Y0biFxcljog5OQJ6TYp49phAc7Rk2HxxZM0gRbFu\r\nadW4gI68DG3lJjN5krLPPH0soAyX+gZbFswZEfdCjL/tIWTHn/zk7hnGM2rI\r\nHM05XiBjLMRNskm0AUOFBBVX9Pg3lONlPcrLrio/hWMsm+z7PTjjCHBBKlos\r\n4HiR6n5ZqTV0Ow4qQBzk0rwJQ/irJyWUVs8VuXPWkZnNnQuwXKwBC3s0HLyE\r\nc+OwyzN0W3t342rE8+jBXpau81qz9sgUBDnLLNWRjcqm1BTa6bdXBSGfeTaK\r\nEeqiiwHB55YIFa5XpgDyl7xVJGoB/KyLsfhah6MK3nTeCj9jzW0/SnSve12Q\r\npELGK6/MqZydXxEEe4dOiy7PUs4T5+noNS3asOG6SUycI6eJyeP8GaaQFKZU\r\nqBrOUaoxrzDDpwGvr102iW8O8MGD6gojad8AUUUeUP+HPUH/AtskEzEDnXkB\r\nZq4VAqLCYysqnN/Du/DtHsM1j1nZOeGMy169M1lEuGMzzb3+4NfYE8QRnCIb\r\nMPQHk9yUwH2buwE0RcSqWuAPKm6Q9pyqwbZxyDyHMd2mtJVPFSbp7Au4mV5p\r\nQ5jH9mWvvhO7t4uXlVAPNnM3AFSosnoT430=\r\n=QXk/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b45ef0f6764b2048f5027d4990cd48d6bdce11ec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.641ed0851.0_1650470681713_0.7592899737116714","host":"s3://npm-registry-packages"}},"14.0.0-canary.e88f83024.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.e88f83024.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.e88f83024.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4fbf99104efabd5fce85dac9344124d6131d437","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.e88f83024.0.tgz","fileCount":12,"integrity":"sha512-P1f8Z8whYFlxWt+oW5t4fLiJTsuOgR4WOu/RDIzBDnysDj2VAy81Pk3t0chXeWxb/X5/HuoJ3VQycsvMGmMPnA==","signatures":[{"sig":"MEQCIGbJ+UQOpkiLGuGX2lGqd07erBzJSJ5YGIVqjofsPMnZAiA2NdW451l17dE1LVWxq+sQ+gS0uBj8H8RvwBKlWNSIaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYEcFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTZQ//V3b4iHJuUPuxK0a8YbtWGoBDXnL94bkyHoqYBpHA539SyDAC\r\nfoWKsD53yedYifq0XkJ3ycEV6UhyjNeqrOgs3tVRcQBZVO2eXnaY8Zxaebzc\r\n1gb4n5xn31M0edz8srujkDvrBNtil4pGbbR4+AVeA9pBpEbxwjsBTkt/21w+\r\nV5SDnoV/x2HrhjiWFyjhnmPST3fPexNJQBeTkyldsoSpN0Mr9QVYJ1kM98gT\r\nmDz5C439XQYaCDUHld9Xawo1EilJqqaiiYhoZ6kCjxLrCklfy/LcFvqOwhe/\r\nRBEJiDlAW9KhJwhy/Pg0R1svHoKxkSsAzhAp3CE10OMdQNa4+8lwLDKg6GJW\r\nbsFc2DMrwrP6xNRTCVWiM9UpMnIkTrL3DpBP4N/9T2REnRugFasTDS4hDWPn\r\nqk1EoO/pxIYtOoiQrlYDLjhrHH5GXjUlGoNCJAJkxVPPZDf9dpTRxHqEAt0x\r\nOcPUQtZraGHCUmNmdP3MIet5og7PDMgAu7vS0ypwqaRi849+rypg6eo7vY5G\r\nQRNiqAAAOLe/El6usn7QVlYploYsYkofgPLLRVUareQz1PaPZQPcuUsK4qMH\r\ngubz+pVkOyIUIFO6brd2va4QZ4dv2+gnmq6p5eKXeAjIpB5fX6zej8IDLBoU\r\nBrz9yf2DhX/ziJk7EbEuPjzeTQXwUBNszN4=\r\n=6QCr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9fdf51ad2ddd3dba754b98348bc356126b5640e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.e88f83024.0_1650476805021_0.5924434644603462","host":"s3://npm-registry-packages"}},"14.0.0-canary.7321d6254.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.7321d6254.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.7321d6254.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b6ae61f58a8d0b5d4020e38c1ab6c52374d9006","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.7321d6254.0.tgz","fileCount":12,"integrity":"sha512-7zwW3/Hui0hIdh/d9WDvCygB9Q5AS6I/ATDsUd0E08xQqhIYAU0uxgkwyS1DvcXuxlLdNIY+wVb/UbecDjAU0g==","signatures":[{"sig":"MEUCIQCCvf9mzy4TQoE0NDYljiyonX9FPevQocUcxK2dBxiQoAIgcRDaHoB7aDrJIgqDRf8mGc9yxfadQ0jCPPUh49vc0lQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYGirACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNSQ/9Hz1ThAkbzo6iQ52FIa0oOj3O6qQ5IB2lQ5fDFeQ8wR4T2QRk\r\njrmY9fjE2gtfpueyJu093euV+c7gDFQmmfu1tJLNbqY1OnEsjYmLUg5P/LgX\r\nWLblqFtRKoEfNwYBmhpPz0j6YGJFnK8qtXzTp2DB4PSlCiqXcKjnbgRQ/AiH\r\ncqTB2SxUi72PAMTSBRJDWrosVK1JYdITi9+LEvY6AkOZFwxYZWMFnWsAtYru\r\nIaro+S7I+WvOS0z4fWzPFwMVDQv4+OodAptYTasVrX8+ISXFAlAB8jmYbQfa\r\nwEaOaBKHhC/zExPM0ez+u1w4er1xNikscrXzI849nRsd1NumhdV6zjK1vZ+V\r\nknFitlTrWtLhKhIobYi4S/eRU7qTVesJ2CPHXRaTYYv1R6X5S6L8GHOF+Wb2\r\nX8BcOhKhtpeoEBDt9zmtfzhv1ahvS33fK7OrDCtCfa61XKN8Vmhl5JMIPrk3\r\niCh1NPwEI5EqW6zR+5SYoA2h5VxsN6vYqimd5YN2WrpXBl84Ab8WaDysNpWN\r\n9bStSg35nNEivZauQfOIo9t3O910z1kKKe/a2AEleT6++wyweH5VPKHMP9IV\r\nmpgoqfuXL6fuJESeGxquZ5HGVjwJlNRk2bXI/OcWoEarYnrlPu09sngbgaI/\r\nd/+49+f/uZNYE9Ea8tib7ks+8k1XkWVZwsI=\r\n=PRfq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"981be270463043c4b45845cdc3efce353eb53b30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.7321d6254.0_1650485419132_0.3433976801809653","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ab956515.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.3ab956515.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.3ab956515.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8512e001614f50cb08afb0ef908f691228d2f4a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.3ab956515.0.tgz","fileCount":12,"integrity":"sha512-5ERoqeaEIcXSWMjtmU50Oti/FyN2LP5Cijzbf1jqujFzH4CqfAwHBKDbHYfL97GaaLNoSCVKDTIyZ2vDB3QHVA==","signatures":[{"sig":"MEQCIDY59qqv1otlDPgSKaOthNPhyQqziQuyDQWqMP8kAqZgAiAvTcX/O4O/Z1DNzxiCzaDutGYpZyNacanHeQgpAL+ghg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZrenACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1+BAAmGl4B4ZehH/RbkiyGY3ew5XRWbKMVip1n1Z/OCfatQdjrC0C\r\ndoBE7stHEElKrgfv+AnVk7AGYwdCzAudX5B3QBbhVUTgDMhkQScpwIOBTn0Y\r\nBNq1Mjo1bdFCvFFVABKLIYseOZG4ULTRYKZt2ATSxbitacJC2O1GXTBSUh+h\r\nFbQ9alEb7Qe1JRX/XX1PNgogkUb4X7V9nf9e9j0ndbhtX3e1G4Ghe06XMH5n\r\nCa0SoToARIfaWJt0p6mkIJhc33RKyHYeT4dDYNRd0MvJg15zpT42EF4XQMxx\r\nlY6TQw9gu8+bBHBXcP7bs7leDU0qRyDzLRoBwmgQb8cO4Pmy3Cq2EMv4T2+B\r\nym/mvc3hUyCd3UooPy1CvlAlXKrdwj4Ts/wdgSYY4yjsqruTr7pO7ibuFNyx\r\n6ePSC5enOHZ1iLb+G3kQ6OdGFjTGCzvfE+svr1ls2sKGnSUxJAgyH48xSIXo\r\nIe0eUJr0QFYYIj7l1sYH2fkJYu6vIYOxPXxwlsgMw5iPqbcEIU9vuMNdXahs\r\ndBXP4YjBeQMjmQHCyebRooVRza16hg0YxuqruLlYdVVMUxgntHirRDgyzbVQ\r\nVz66l5PxEecRLVTDMikr+Jbc6fciK5FUHm1mT+ulMemg34b71YDKkoSuifXS\r\n/qPre/ynmIc6jpiey55jf81p5LVLm+ehfcE=\r\n=1mf9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a09484c5e8d50e8b042d5367972a9111e0432c38","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.3ab956515.0_1650898855684_0.28952688212014177","host":"s3://npm-registry-packages"}},"14.0.0-canary.53b3cad2f.0":{"name":"@material/feature-targeting","version":"14.0.0-canary.53b3cad2f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0-canary.53b3cad2f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03f0048861ff737b46a77549dccb449650a14d9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0-canary.53b3cad2f.0.tgz","fileCount":12,"integrity":"sha512-fn7Af3PRyARtNeYqtjxXmE3Y/dCpnpQVWWys57MqiGR/nvc6qpgOfJ6rOdcu/MrOysOE/oebTUDmDnTmwpe9Hw==","signatures":[{"sig":"MEUCIBURZHbwLtqegMH6vGFwMV4uefQTVA4Hw/ENWUC/6nrYAiEAi5BEv02tLa7wpTnJ9PFh+CaF3rwjEzWjO0WldG2I12o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaTqlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8yA/+INofk8ElCLpYfCu33L3FWgjVIuDvlbqBw2inA9isSfO5fkIS\r\n42MhiMhZts8f6mFgN0HnxnoptLVsHoNg/WVbo3lXJpxwtQdca4YNm579DWhN\r\n9qW3A8P4HP/9dhOCsikgMt/dRsGy1JkmZ/vBASiCQjOSFndYXALXuU8ceHMs\r\nhpDBGqbG7rTV4s3E5JUvjy8BoH7/zz/v2r42fkjTbg+vrSaQKY3dI841LdHA\r\nciclifKJxJ4dXicIFJwh4+NQZjK+q+2g25iYzJIR6DG/XnzgcAzTCoc+HmFr\r\nbtUmrDPMOAzV1r0ZV/vNPRdGE6BRBrv/pH13EYxdtrI3XBCxWP2CbN+o7H2o\r\ndPVu8Kv9JMjkd2qIIi4yzV2dJ+IKO2zsNnq5vnrMK+dZHRP6yrYBYdt+mv1U\r\nhXTvHczLBFkq8rsRcJncLSbwq273ZEWfQxcfvoztfd9FKysGNFzWQLRCNHLJ\r\nHBtTYT9qkFe/GgXKD4OW5UifJ17jeFZiILYaA2+/HbVJmJtgPjMGlcuy1fXI\r\nwljbnfIJ95ycXSGwQpKWysXteD7cn69QI8ZTrbPycQgwEiw6wdmfNU/Ve0ir\r\n88qXzWyHo+mozrbX/esyr9WN/neWGJF7CYPtZZAcYir8oH8Qdj0je1zfwpIL\r\nVp/Xcs8mZT4ocziGW50lSz5dCtkTXoKLA2E=\r\n=d9rp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ebeda2e23436103241b0e82afd57b60f74599133","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0-canary.53b3cad2f.0_1651063461518_0.3061374495835252","host":"s3://npm-registry-packages"}},"14.0.0":{"name":"@material/feature-targeting","version":"14.0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@14.0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6a878ae2be1f88d31b0bb95f05dbf5d486c4b3e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0.tgz","fileCount":11,"integrity":"sha512-a5WGgHEq5lJeeNL5yevtgoZjBjXWy6+klfVWQEh8oyix/rMJygGgO7gEc52uv8fB8uAIoYEB3iBMOv8jRq8FeA==","signatures":[{"sig":"MEUCIB6UswcGAmaGeks+7olevqm9F9AzAoDHvsHXbEBZXtajAiEAl/yciycHBJOPg8kC1x2RRZalySXyI001Gh4M4spY3BU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiasbcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh9A//d7yVUWzgIClU3Qwfb+jwU4uvyvaZLejd+VNWR8VCqtj+UJfM\r\nMwv5DNEP9fY6PDEJgaMgJstShuPsRfBBOuFlKF9ffqqpJnJpUXyKvHAUqymh\r\nST82GA6WsqR3UzFAY+ZoNYU4vO2BOQzOOLt/YOi9Y4KIUsEA0l812NDgMhOq\r\nBCbmkN2UQ8EyXkJsa8WtfqMcVAeyNs3kYnUqC1rUhSnUyT1vX016LnUa4z0q\r\nodRKhJNRS7XZ+cYVXAmXn6qQH9TnAopCPXoT70tMplXepPIaYnbwsmnLevVu\r\neRsBGRXAFeuJWkBSJaCZm2W9OZ66nMFwK5V4eis910xVvYV6pRIUFYVwEG2J\r\np73fjQIuxgjOAg/oTDo/4eyNg4AsZP0OcGgt4I8fa+qZc9z1P4gmANwYktCz\r\nqqiJD91Rk8AdEfGVz9BbrQVZyEUSCt4hON8CqSkxVw42CftozwShKVVAhfNS\r\nB90/UlsOHOxFVsOQJvC6qwCLAfgzL0sMZIy08az15zhtc4Q2OMX2W9atwRCb\r\nzpNyQzofcvdrkgK9SoHqvCE01cXr1R+HAmxbgYrg5bkrKEblP67uIEhGY7oU\r\no2MXthNKdsT4NfMJ48Kk+5gHpkxq+NA011e0UMG9Owos26QURzXff938tL/m\r\nNsD+ApQs3tF65onSbiztKNUFrg1w4yQnMRY=\r\n=+dRJ\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"432c815e58d61a257742836f816cf95e271e6ea1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/feature-targeting_14.0.0_1651164892578_0.142473109204444","host":"s3://npm-registry-packages"}},"15.0.0-canary.432c815e5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.432c815e5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.432c815e5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6d134b95fbba8caff11d44ade480e781bcdfc34","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.432c815e5.0.tgz","fileCount":12,"integrity":"sha512-7RcGynEXYMj7NuGYQNMfs13wR8YeiV+aMvzZrfEoBJCJyUau23jghkASKLtCnOEIPd6V4I4IVMI1mahm3AEuVw==","signatures":[{"sig":"MEYCIQDmssAwmhlKb6hwr8aTv7nAYsXRosX3Wh9vqi7ttkRHWwIhAOQg4DyeZ98bljQh1SDULw3E46mSBlmNKCd1CKkH6YGB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiascgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeEA/9HstL2Z1uEMFe+IHJssxWLhw5RUMwoIx88Nk0E7o2bvyDDHYm\r\nNOiVopzHtj2yv8KQgE97c0qgSCv1XBWRDJrWwLRF6g/BNbdY9G2N2f6M89Jv\r\nyxXyx9H9ezjoYs1nLVWe0w7OWJ1yRwj2oGAZwKqxpYrmeebFM5p42rta7q8m\r\n8I463PvFvvcieZgc4mlV67zTEidivbw2IAj2EX0HTrZwYwihOQh5o7FpBWYW\r\nh9wQQzyhA8SB6omXJdQ29840yBRVnAYIg8MQuNSoHJEY7OpEBvUi0espToOI\r\ncQoCRo+kn1QMRnei15dkR0qneY/YZ4pi7a22t5Plj13DhkMEVXA3GWB0dljt\r\nPlEFaTku1cPJ5qpkX4vBdoGm6Mxg2JrKYkNfvMiXLaf56O3VXYuelPFmYV/2\r\nGIhGWty7uKM3unEZyzJPI/V2p27HC+gWYqtpW5F4wFE2H0rKgl1rtB5AnmHP\r\nF466La0Q/QMOli7iLGnD6aUkX010fRiV1jrqCeYIxsyDIWnwk5ZD0F7KoNF0\r\niCoDqB0pwwi/nn1Y4ckhrJohwxMxuj6xhHGUjpGhcFb4pbtBjyjS3QsfXKiI\r\nWRxKznFo1zXA4Ox3R3HWV/P9LUeOGCzxjA93W0cA0MNLnXju7vNC+Mo2fabh\r\no5apirhkRSaBdPTq1OGhA9wGoIGdL7zmNao=\r\n=i7X5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"df8af7a4f190284cd9f3bb1756b2f443509424df","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.432c815e5.0_1651164959977_0.4438275002086627","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0f01f669.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a0f01f669.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a0f01f669.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97430940b4215b59b2fe62c516c68b1c8bb08381","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a0f01f669.0.tgz","fileCount":12,"integrity":"sha512-lPmhDp8AhR12HhIKUdaHhQJYFIx7CsyhoQqDLCkqBVC7nYfoJf33NrxiztzNUs4qAxui+0zZrmRBiTIFU+lZ4g==","signatures":[{"sig":"MEQCIHIA5IrtQRTxdLSnG5uAnJ/bkYH70B0X5nf3UZjOl5DKAiAUvLERhsTykGyEltxtWJcKL5Y38KSMtPnfOfqo+ehhAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidYF4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodDxAAjfx+El0GEFURrtmMqt1HmpC8WdEq9oSmw+9gtFt4EZNk/rOq\r\npd9L3Pmge97SSx8l7S5cVhYDaFiXOIlwfN6P4VFUr+l/UfLjuUFqp2Nv24Ts\r\nuIKjf1PJQkAjOBERiu1HfIqKBFaUrFaAndECl0UTJCsrRGh7QQ0KG74hN4Jp\r\ntKc6rFELoI4hEzG/7gdCn169doKvNl6Wctup2BYC5/6OawLjCTB0UvBXIAhd\r\n8NzA17ypnerrcOu5xTr0lQIxPgcYi9s6qzgyIIAuZyYc8KvykGX1vdJfrgtU\r\nPyIej2P+dR1rS4rw5/c4GofkxSEYtBkI/irmsU26hs5CsvEx8fJNwypzCzjj\r\nbBLGOA3JMkO6n/W/DHp/lhGU3MJZAzx1UY+N1vIohmWpJWbosBxczErZ3U2M\r\nAJpHAmzFXVTpZXV/oXJ69TR9LSqCtB0GhipMVtXZHjGB45xs/vSKJIWPan6Q\r\nUmDazL0aeqTU6szzqpBX4hAf16prybxW7DfpHFflAGAe3YbepGwxdnUEeZNK\r\nF6t1jlzf6e1ANgJM9poHQpJybBRPCV4/mKagZnoTmkJGROIJwrjAOWYrPYSj\r\nVpuRVHpUvELxIkxj/75bO5U6LWDVP5xYWgnmpvAcI+RTwhhxZAONmLlLjYTd\r\ncJ84X84m6Zgm0wZnPboVBDIt6l/lxFVbcII=\r\n=r8gX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"51daa70df3212a8d73c545c86ed1c57273d41688","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a0f01f669.0_1651868024223_0.4103284220098631","host":"s3://npm-registry-packages"}},"15.0.0-canary.276cb39a4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.276cb39a4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.276cb39a4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd2c355324c1c3934000511e524b62ee779a9d50","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.276cb39a4.0.tgz","fileCount":12,"integrity":"sha512-nWurcfOrtLoR5suSa7dlIlMeX94I6GuHTPLfKVhCD+3yIbvXamk4DpAmj72zaVLYYU+3KBvvoPN1RWmEqowPxw==","signatures":[{"sig":"MEQCIHNl9avO612R9sNC72hba8E+RRiRn+2Fwg1mTxI6Gu0lAiBAR+bmXSv5/4sVwq+hz0KtdrWd5qWuReQhp2eZFXdR5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZN6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSQg/+KEVeZaD8RSB5ZKMD1PLeDL9KKOx9GJfUH+dGX8o8NW6MKnFj\r\nRuSOhWqiyrmolWryZXMbi0ycS0IBX22BtHQTOmI8CUsn1OP/DEFqUEil23p7\r\nOJGh4gwLIFn91oMuOhivS1RKjIsgE9ibrdqr0feb23LDKj3xIYYYTIdsYIaU\r\nPUpizIvcg0jAVh22PXj0VQo0zIkY9AWY435wyZhObnugQ78/L0Sr7tTwMJbU\r\nk25dfJ67jqYYxRGBjmZf904kWBMUP3kuMhBP4mqb8Lz3qq8QSrN8GBZF0ToA\r\nXo5ZheeKbkz/ugx5nuut/a1+OwNe1V2CbbZSpMruuEoBGdGZji2TQ8L9T42N\r\nU1dWCFSV3HCibl1WEhkkrwRGIoOWIkUHPNJaSRcMRGgLYEKblG1oUpJsRQb0\r\nB+JXTaJMPCX0xO6jV6KU9xBF+fmsbRDL5QDi0u4fMyA8gbw2g9zSqk+VWnxw\r\nG7XfXtxNsc/8fTK6M8Iq04pu3xjVPn2Xu2NC76lmzwUAucDM1Q+3mJusMtxe\r\n5TG4hP5oUsR4RsbisNgcmVk4dynd6boXtyIZtg1ICJF/SCACDHTZM/YkKFwb\r\nTxfqMv0fjbjcO6y+g/EUc5GzklYv91zcLOLyTp49pJJYJvDH3ghYkegpzeUj\r\nFKW/PQwte9nohfKi96TgTGj2xkdLHDj3GBo=\r\n=0jLF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c57cd64760098925aff1fbf0bc2a73d32dd2bed4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.276cb39a4.0_1651872634593_0.9998724724167827","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe98ed70.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4fe98ed70.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4fe98ed70.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2206cc7a8b40e72fbac413bc4d39fd8b5fcfeece","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4fe98ed70.0.tgz","fileCount":12,"integrity":"sha512-+GmCCrOaJMZvD9jOlYdKOIP1neX1A+ooak/mfPe/IvSva6JAcHtPDE2t9njb+05Gd9rJwiKqTIt9FuIUo7pEMw==","signatures":[{"sig":"MEUCIFLhq2lV8utbI9MHaO/gT6EphlQQwV5Za+De/T5OxLFPAiEA2boNTwaaOTxEuAV5GjbqObr27MzUFYEWVOnIYG9LlD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZk9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4aQ/+MJJhzrPuXFYGm/L3iUJyHuSr2aJD5MD2zCaRmuk9gGrLT5TO\r\nkDHibve4GZrQP4x4hqjdUS6PCHoGl18lF1TcFPHwxgHF1BRL8pCVsQCor5+1\r\nf92nlwMe8qREvIrLhhdWQ3478YPpdVr3OtuzCJ2JYQZUBex7mAsDnyu9DPZ2\r\n5lAsd1GDoe6zS8jGx5hGUEuh/guIfICWrYnSB3gcXxR72KxsB02I455hLdHX\r\nimLogUeYjj8th14ABYLylc9zEBHpJTjvghCq/4Onq+04RipjRg1hmkwB7XRM\r\n8m13hntRk5lHWka7y6jwX0Wd7Gt74HcxKcN/e3GV8eT0upK6NOESnb4zxnh0\r\n6Ian14KHfFUKRYWIVW9aPrDTTJTt28fCdjOdtm9MiDaHqBMWaUQOFBHXZZVi\r\nF1vfr4nnDaYh5j6GRRjwVTQtsRiRGatGP/gVKVEZTkqpFTU0+EnlnaYxBf0k\r\n7QWsGBjX80yoDGhA86cm/fLc8VDpvkpfH1OQzd2Hw0LhUis5fmvK/0j/NFQH\r\nEOBVZDDivrCub3CS/Sw7bMDiShtpq2R4hCOVZ3p0V3h6YKPFNoj/Ky1+y1/2\r\nAsto7FS52nXbFwAmgdMbBI+AE1HMQXSmH6va3Jf53P8PYdlj+fJyQY5I7hSx\r\nI95kamfopU/4muQdBwiz5OVpmry64gEPBcg=\r\n=DB48\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"353fde061dd090ede4416fc2477bc050587d6367","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4fe98ed70.0_1651874109204_0.4359122894121872","host":"s3://npm-registry-packages"}},"15.0.0-canary.58b130a3d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.58b130a3d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.58b130a3d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ce454b16b64e5c1cc1772de942a92180a78f56b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.58b130a3d.0.tgz","fileCount":12,"integrity":"sha512-jlwfdDmtLNqF+/S1SHfmA+5+P2PBF6UBg2+Mbe2+AomtFHS/vwH4Rw6VnJtCseDk5OfIxBw5jC1OEYFlpKp4Pg==","signatures":[{"sig":"MEYCIQCs13qERz+I5ZBYBl1Nqen5Y2NkuJF20tTZZdiuVju2XAIhAN0jfvlaGsE0gPWzKRxojIO1LODoq5ooTlnRxS4oagsm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZnHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVHA/8CZFarYwk88hIJfu8ERnZGoQzHRe0Kz0FdUfyfHQVLRF/91TL\r\n0loIoPEnQf8H7n0/swjgOA0zynyV+DyXuRQDgGBFJ08GE9PtNOmj8ES3eVWF\r\nxC6mzqST87z4/0I/L5FE7xYT4U18Juk0RQ7MGedZViWKDctmgyFtnxZwJICq\r\nNjIkq3ZyC5aaaU3sLXUpmsJXmhee2LdBBYrLHENVBJ7T9aU86i6EUpcq8OIR\r\nak0MflXd/p+3w+Wk69OX7mN6R2A3MBY6b9eZXSgmj4P2l4XFu3FRbLmrjLZQ\r\nmbmuRFYP5eaIkmLL9whXCu3Nb8aLLAZ/rzNh+dIc9eGHyghX3h6fUNsXDhzx\r\nc3FCRq9Hoo+owlD/MUD1xaY3xVti+ryoGO82tIT1nlMcMLQB/1Apge+sknGp\r\nUJtdoCK0SIjyKVxVbYxR/j+xvEWYqaZN9/5hpRWrH9zOlhjca8GrGWds5Vyw\r\nLUvkhjnKw3k434e1y8k6YrPDdemZ4tPaKtX+Yr26zx1wbL9HEX29XEiXM02t\r\nXsD8TzB8/kAmsjoQ4tUBvj9kpxZcHzkcKLquqessd76NrMzgzmnIo5g8QF50\r\n9Kgux1uOcXbh+Snb/oFDlmhnSOmBA3AkANkVKzYxb30/FS5nHz8XE0o3L2v1\r\nYLTSGOcx729S9uugcFq50ZLiV5ks62ePwdg=\r\n=blDh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"58c8ada7946689a0a59acd63cbd49b6c987c9853","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.58b130a3d.0_1651874246964_0.5991718340801513","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae278a2fe.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ae278a2fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ae278a2fe.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e24d8bae2e493ff421d5fc6ad09fa171c8ef5bdb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ae278a2fe.0.tgz","fileCount":12,"integrity":"sha512-aO4gckRlZUMGWtMuU6hTqmfH60f5goAxudmGq3OaxwR5bTPlCAA9aElPlrrvLLUMl3Dm1ZJx2RTpp2E2kF9aEw==","signatures":[{"sig":"MEQCIGKz5yWb1x9gE3YoW2GoFkpviZ5L93adPZhsneJx83WKAiAfSpKkxUQ71Dj1jCXpMzea0yEhr9IPYn90VqLVL3ARTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTHjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1+Q/8CKIAu3FlXBzU/iL20Xlj+XRSIicOJZmo5okFG6GR9hFBlkqP\r\n15kQ9hTLMrFL4BltE8XttdGkfAc36Eb7iZRiQ+PUAeSSxBFcmReqboq4cFUG\r\nWxdaMZbHGzDr+JHbdembo882nNFb+3lJeejIwfF9K1bWCA7pH8at8a1s1J+q\r\ntAbYFQr7Cm4L2VCovul9CDltoxaLe72r2mXbfbmgiwYQ7+f/0SN1e+Q6keJE\r\np1Y52GGd1/cQdylA4bmwtfcEH9Vxc+0lzqhNRerqjtwkgYYO+p64YREpfl54\r\nHWYKQqdt5lgRXgsEjl0jj3ZboSeBhPVUl5H5LYEpvGuQHnorhYB4O929/7Om\r\niyMqU+0YAyH/+JoZO1Nr94JQpKdbCqIM2skZATjKkX1lUACfa5KnnCdW0SBV\r\nGMwA9nqjwssvC4cdsuJKWlRu9d3K34ZQwdRh43XjNn4CbVgYWHT675EVShny\r\ntU4RVYDd3ydcVZwXhySfr17tIWYmuaSrOi8Ir7HYSrZKnq91I3y3kqZiilMf\r\noNY7agGXpPTM5ylyEQXL8C2mkwJV1KbTQfw6CvLsHEtPqR6DmS9ij3Kwt8AY\r\nmJj4k8uqVclqpsPHtfrJVtux7uDUq8SXSpvHvTIet6LLEu1HuxjHeOUVisOS\r\nz3EKcQQQjKf7C8RObyVgvBpclzWqXA9sr3k=\r\n=BWuo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bfd08e232a3a514dd5a38dcd77d17df365502ece","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ae278a2fe.0_1652109795083_0.20243678554980304","host":"s3://npm-registry-packages"}},"15.0.0-canary.bebf5bfdf.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bebf5bfdf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bebf5bfdf.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ec30956d213405d0794ea54677f9d6769acdcde","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bebf5bfdf.0.tgz","fileCount":12,"integrity":"sha512-e9YQ7lkuI0/r3+1mJTnV+8YsvgPwze1XIqajrubZJlovR7wGl4EFL3wHKGgsSH3WndMX9mnoNmebUR8KVIXiTw==","signatures":[{"sig":"MEQCIH9GkyejBfSOR1Hjh1ijBgWG0wsBt0pdUwTFufm6N65NAiBCcBI5kQByw+mk3c//sII0pGotQzJmNWR6gWvHxM+C0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieyHcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9VA/9EeS2YECljLEZBfeh/xRYsyYeJKaPmscna2at4MV+x7mbubf5\r\nLW3NmM67KJdAbHglMIns8GaEmAInfPtvxpXruTumfDPBgmgkWGgEwj+Tipt4\r\nE1p1zZLsCl3j+aVdIKSKQsfCoKlMQCczEX0vl/Fm2tMBQz3EoNRK9e/7djoR\r\nDKUbvBp9Gj7lXNX92CSsLVRo8PXV88eVtoIFs2tuO8YixExxFDOtJhrO3P4v\r\nlIGuzvgdEspbCFxC2/hawKM9JBbhg+kqFASaRTzKJpgCOXqF4cKx8wOqMOZ1\r\n4JmBWUr1qPBz8MVq8UIVifHFGbo4dsU2xOzUuHaXTHWyyHxh2CcSmbY2cHmu\r\nQZhLwlYJyAbs/h0JQt+OWEHtrXfG1okwB5wQ2pDiScIHBMU7UNen+p2waLjj\r\ng2+Hyy9SiK1PDqqsCGiXL9seKx0mCepOM6K3FTBkp9YfRi+iemOOf+g76Zjv\r\nsetZlVVbdmjGHW1/dlZLflhZuFAY7obQ08+DoX/BeS9yrxDTvfOf9awSV7JI\r\n4oEH9cnG6xoUxxnGMpZVjn/+uAUBICLJeD6YcoVfbJ9yjSsBXJOwDyoZEa1h\r\nvBbgLYFx5blawBvc2IEhrHnpFkIpjf+8qrLgQKcgM1DWYm93WLmosFlK+egX\r\nSBy6XKMxkdx1V+8XvTHM78uk52aW6DWRbFg=\r\n=nKXh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"61d3971a411616375c31cb3fb763fafc120c9570","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bebf5bfdf.0_1652236764532_0.9582719412151526","host":"s3://npm-registry-packages"}},"15.0.0-canary.e6072cd6a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e6072cd6a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e6072cd6a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"879ad00fe240a8b3504b99a725383804f4a8046e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e6072cd6a.0.tgz","fileCount":12,"integrity":"sha512-G3llF8ot6YqOgbAo7BT2jKvlilJW5BH0gwaphgX+Q4FxQF/1kPXyB8MUBQrw6zk6i7Ne8JAB2P7SMCpbj10zjw==","signatures":[{"sig":"MEQCIBujTjVSEGLjoogZQ4s39ci9m6etWgKI3HgU+8MM297OAiApUL3HtqUU1/WHl2oFs2SUc0IhJECtcHNYU0M9CgaP7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifBndACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr7A/+PRwfJit364ZbVwaZk35T8cYihec1iloHyEFWBaihmWzHgu5g\r\nXVVGNJ5fOUJTMHQvSEaumk+8+DfsLOIkdTIN9ZTIIcn5dqN0ZaKkBN+pfDtx\r\nziAqs1gu75zNIJWPgVtOd4M8GV5gAJ/zM1KAKcQt5bhGUUUm7c6W4lFSwMWL\r\nvTv7ZB/bZi+oR8sboTip+Y1IvNOwb1qiQlpuIXyGMomtaoeAgpPiT543LIC/\r\nZo6LPmR3gq1BxXaFh5p+Fv2kZyjKVOl0JeL6Snj4Ub5qMSWrY8q4sSnFg1rA\r\nUVFHihyyuw12AQI2K4EqBVKI07EC5NyBRohoZaqocc5kIl818n0B/K0xUBJ8\r\nPu58SIYdD+g9KMK+cW3mT19u9XYST/waGolMerONuR11sFNbqNAquvW/Iawj\r\ngS6pq531YpcO99NQdaqX21NXCtWbJaOCntOoVoFM30Wch/ew8L6Ze0lj2VSw\r\njfOMEAWw0Lp2IGMHBFDRa9E1sSC00O8NWN3OHXBjFVZj0Z9V7if3ZP775mJt\r\nTXU8ExmK+DOADlk1pQON4f9ZANC89MrYPlMVphntoWt8DWTgXdPncOIYgpR+\r\nMBlxzniqjuMIybwUB3rswfRhAknSMr2mbZ8j5iMVLMxfXPi0rYG0Oz5vJM/P\r\nTjPAppAfauiWASyTKRhmmIp59hqASwzTF50=\r\n=/fxJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ef2da678e66576709be19aed16a880b00e73a039","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e6072cd6a.0_1652300253747_0.3518991188734808","host":"s3://npm-registry-packages"}},"15.0.0-canary.5b40eb988.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5b40eb988.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5b40eb988.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47b096681fc10b7ef1a28dc4b07fbff2c4ca32d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5b40eb988.0.tgz","fileCount":12,"integrity":"sha512-VLKVAoEUtncarxoN8bZW+IhlEA+Qh6mDHdQdc0TnkR7Fp4QHSBj0tAHOY9bs3owHb9eIvtKm3f5/qL313Bf81w==","signatures":[{"sig":"MEUCIQCcHy5iKh5KPgtbm6NRSLLAhCnBejTjQ5yuib5IhHdmbgIgXBxlZ6u7043uMXhqYVnHlK86l4b2MBTMtQ4a6hmWohE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifHRFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJcA//XtOm+GHEwr+DzqkEZ4cjF26SmXdFIwqXLN5OcXgRCn5/LHdu\r\nYkGazqYRvSrSKHMWxJNAwbn0WAxnYWRk+zI1RDpCVZSVDL/cfXtFPFlBrtjq\r\nNWD7HwlQWhh6rohECQ5M+1hJFIH0RWZa1/57ckKBsqDifSLqMPotq+poYD8k\r\nvVdqJ+525ZJMFrnvrQzwNMpthcmAMBml3lWafIdzqF6irMStdOqMuz8s1wHE\r\n1OVI/hf96GFFKVKfHQjYjZrzY60/KzEvlpxtfJFn0oBPcCiVaSudrMt0kQev\r\nuLliLTBXKlOALaUBAHmUFfgqQrq85HrtW8JRUVv1MWN9GuE5HtwnJWIyBEr8\r\nQr6952XW66m/0Y65FDcbEKho9VcDzuyj8/h+TpkhrmSms1BmhNBXXsz8wZCl\r\nc/Mni2rbfbHOtRhgBsrpjwpP2cb91WyUTo+reSsibzcJGm+eUwjYLSlxvd38\r\nhvP1AjOdxZFSh3puE8jQzIBgflwIAHVeG8nwl3wYDVA57cRCn3iODqqtrvAo\r\ngQddMZ+KUzFHTkLQsl0Gjv2TwDD1cEC9OaARzSgnTW3BKqwnmRspKAKMHlMH\r\nScjJa2iES7cTHbkuDpeHvEOjaXlCPmvM0peaxu4GJTdSpGKjzph9jfG6PjKW\r\n7bKsEEGXg8SZENC1kenEPvm/TKzyitTj57A=\r\n=x8J+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c30f2a613c97ecb48fd3f9ad7b0677e51a156449","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5b40eb988.0_1652323397331_0.791408516673382","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a61d62f6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6a61d62f6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6a61d62f6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdc4499a7d31f70517a7ba62a717dd24c9e28dc9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6a61d62f6.0.tgz","fileCount":12,"integrity":"sha512-oJRXoV0l+S8DsYIXnaLcm/KPeiT5aQM0ih0pRrJutNI5RJIkRlKAaEkBKF6dzEVx6FZQArjY++tqGtDEJf85hg==","signatures":[{"sig":"MEUCIQCVSKhSkQL7WTT6VWUgC6pq5nh7c3rlAl0R1gqJWZFzmAIgYkekz6c3Sn22wFvxWyd3tGYhErymK2pERaDNrCNma70=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifW1KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrAQ//VxxrdyPhXvEhNVBkIwjvx5UpTqin5HcMHQ1tCZUOUvZjPAvR\r\n0kVK7TydJYZ/1Ll1SO9IoCgSyke/3M8v5fx/ImjXsaIJkBeTg1NqOxxhXMj3\r\nW6MBOMbsl8yXIPrHersRHWdLE6zRHgQHC2H/ayL2bMrnUU8JEL3ujsOE38D/\r\nC1pn+PNfHzEWJfgWa93AeObcXEU6Q5AdyDa16gJHjPDES1dQz5p59j2KJeRT\r\nnrDJxdW3EoJZKhMJ0Zz0kh+tygrhmp3Lx87TUsDL2LY6d+JjQ9f/l2xsoa1S\r\n2QIGTWWt0lw4TYsyTVydUuUfc3gzrymqA94CylQndCkZf1FFhx4duJ9aSa4Y\r\nmWM3rWVHjMz2EAhCVKh5ExxO8IVvM2ySJ80+taQGnEDIt7jDmApX62JprXIv\r\nn6AKA1PSKgMBIGQ1WlxmEekXz/ty6bATgOFX1bVcRcw3FVo8tnewbRH3pPV8\r\nrrmRqGX/ETMfHbjSbvH/B5nQiv+tu8enTnCAn0fJN0ySNDlGgWhLkqZfoFs+\r\n4SBpphelY7JftkZZ6SLXeIIus+5TJ47VgI8sTHIZY8vL6FsgYCJygKi1CVCY\r\ntzFzJWEXmVpidSZFEQE4GXNjqEzLNiEgk7wM6w0QPeB3Vl4QatwRel58RO39\r\nql+Q2elA6B+Bf5scTBqwdh3F1WvZcdZINsw=\r\n=4Zrl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d46f0951ee9f725b870919613271f00fcb1b521","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6a61d62f6.0_1652387146338_0.7670240145141536","host":"s3://npm-registry-packages"}},"15.0.0-canary.05930a453.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.05930a453.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.05930a453.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f9ccb1d29bce3985e1976f3319b99e0d99fe0af","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.05930a453.0.tgz","fileCount":12,"integrity":"sha512-gG/DxZMDwa/wOEJOXNJxfRn2U0njyzeYhCTV/gEOvo6vrU6zx9az0P2layb+6LuTfWgNe223nd5d4lfow8pOJw==","signatures":[{"sig":"MEUCIQCwgP/bgmFGwHpzvhENEW6k+Kq3n/20UZXmvUB9pk9kmgIgM2Fo4fC9u+llhLK4wi69vLcZBBQ/CtsIYy1Z47wKbBc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifqeKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosPxAAgCDUshRH/FGX5+gy0duEQGT6lS4AGyrswCVsS/PzI7RHMOtF\r\nHG3euIk5dqFF6tZNsJpEx+OUmDqKf7khw1hJG54yft2n6BUOlicO71bZUhxR\r\nUOCrj1+MdI8uJYfh7TKZGYq7tIB1xcF6X4RjRw6lGG6VS35D15VrGL+pjOOC\r\nkuq2yy93oEAtAySGBBM917z6EMq93NW/Rm6sd7FLecusH1XByd0JpT2L1abw\r\nTgi2YsDd33Ba57vR9Lw6i/ypAFYjPzinIp/931pVJxHyeosHIRfnEoLN6fGV\r\nplVIN98O00QXKG8sD94ETt62LyhCZLLrVVH7RFw621cQGsxqLNraVr0C5k3k\r\n6GJGmFX3vooieDiVV3SsCO57DeMSG9No9HL+PVmsK5XO2K+49E0hBqW/Ww+w\r\n9rSSopCMUOgWR1+ShlsV3lpWO6DczgyOQIK77Cuv+NRtWoXh1oR2tbv3DDsW\r\nru52ZEtZyg0cG9BL0LBmUAOngXWiqmbceVoccoJ0vKuELLUMitsbY0wjrAGf\r\npHD+6Pfb7b3sfa8e46JkI81wE/wyevsE9QaLgvNoOtn10py0PH0U6s0R+AVF\r\n255bBtvtRRaqXjll1YWjZPMINgUCkTL2A4ZtWUrv090DWEp6pMuVH0Ku3GOU\r\n/hVSI3tyXX42cizoqB4LtyetlyocXIoIFrU=\r\n=SyXn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e6dfc2d0553321fbe47e71fb414cfc1152b0ef8d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.05930a453.0_1652467594298_0.6703845159606125","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0a11ef0d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c0a11ef0d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c0a11ef0d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"474f050446d37b23a69cf1d3e9dac838b50f5ed0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c0a11ef0d.0.tgz","fileCount":12,"integrity":"sha512-WOdK2oCTYIlZ86O/r3mBMWXTgXZkWNS5ZjGXG3rQNAjb/DnVUQDIDPQH/oKnSlRfxzk8OWYyEcrpBO/vwiiuTQ==","signatures":[{"sig":"MEUCIQDLBLoE5Z0zdGRyK2C0oh7H8YbBi1ecY7VXnG65WLDHmQIgGIfG2ZlF8V1qg1I4U7hle6dEO+wbRzv1zh+ikxahqO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihWxqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppxA//dPLFZ9LKYSJkbSkqgHqRMhtAze4GogoiUo930+/iJzYhUhMA\r\n7WKbkwNBGQuv39PRUOpeeKh/MX6oJ528EGw1BTn5i6UvguX7TmrIrTJaIeQ5\r\n3QprzMTBl51liYWOTPuKOOPclWEPIK7SADGLrSn97t6HxrbbsoJfgMluwMKq\r\npe4IASDMd/r0fFrn372Q1bcuuNwYXAkl8mewKz0+r24co0pSyb0qXG9Gdn3u\r\nQCcjamfYrSdVzFRJbXzJDi8uB23LozO3fcGaTdMZ2RS5LSoZOkLEusXKhv6w\r\nZTkKrsUYXsNTd/bS2d+Wjiza/AQ3yJlkMAVs23I7pLDAPK/2qz9nQCnIgd9u\r\nnC3ZmYcPROJDOAxzGX/eAi12J8zMtlzcMhd10gE8In0Mp+sjNN8VYKqut0+2\r\n50qNttjmaetAC+0WTfyZZwjQPB8lcPap8nQ1j68+RsSQhwZUHR4BgFgBALVT\r\n1sxI0F9wHvBscaKTGskRLVXfNo6DeNH1K1GK89EhLCLM5RIngv6BMCtRxhXa\r\nA4SvFYAORGGtiFi034PkL258Faom80qSpmTnBuicwV0tKVXuxFLbslHBOMj8\r\nTjwYe5g8Wvy1FqiqVKkswrPwO04xBulzEQ13uoujzs9hJUjR8GXRZhRZvA2e\r\n1cjM1oOvkYGmH8G2G4GHI4PW5IvrC7fJ+6U=\r\n=KmNe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a97df68c1dadba0530f5fcda79fb8bc3082d963a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c0a11ef0d.0_1652911210058_0.4044024947677112","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f9b268c0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2f9b268c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2f9b268c0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da6dfbada78a7769c748d1cd0c672e381ea0887d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2f9b268c0.0.tgz","fileCount":12,"integrity":"sha512-hX/q4T1ywqsFk0sBYBn/xPHyUggvvoAmDBdxxosq3cvqqiCORfP4c/GbceYW4GCHM/cZJL40SGEB3dDO40cNBw==","signatures":[{"sig":"MEUCIDIV1pWGAFaxrRWh+jqDueawSKtGbouEBRNTtYvMBH5HAiEA4c/V8t8TtaxLp4G5xIR4SEZahixwMHIYJcVuP7ApZ5M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih+yiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyWw//V47Ek1oIFrfE18CWPo3hN4IMT3709k4ExDEhCU8e7zZH0xLg\r\nBAdiHD93tdluGWGGD5eTsluS8iTqBDtj8Zg4eV/MOTY2e+3JnIulH2WwBuoW\r\nZJxx3rZcgHFWQVLBJtIHwhP4seaFfj0sZYiqHJjBStow51fbdnghDpZjIBww\r\nqUV5y3G2jfs/ht4hXkJtkHCUs+DiI9YEwtHEtIkdrd+bRIZoIZSw3cUaXf0l\r\n62V0AW8OXKnxqnmqtJorMyo63VDHnmTlFXtdkzTID1KyvScHLXTKjE9hjmDG\r\nA8Zz1Hrw9NAnATMqgLLFIvMWC1SbRYsmk6TuNawaDCuzMpQYC7fDiTXRVYvJ\r\nQ7IupImCT3OVK72i9sopASax+x6Crt3Mpv9189TpocqZFoNfxyGyRKdryjxD\r\nwEHER3h1pDcoWHVa40uu6whUzsW77IXCfU98wZzc9gLhvz2kf8F97BpiqvO/\r\nM9ukE2JGwUgR4gDXHF5V3jyn2E8wCz1rPLPvO3+bHh7eMaGIPuk+hVlagJkQ\r\nYw9yS1DpZAZLOkPQuTkmfpVBCNhTecPmt4WME43le/ch9EJA0gody9Dq9sO6\r\nikihdrg4rN1pyEXGzO4cBsqBisxuz0ETL1V43q6Lq6ThNIBFudJZyZujXg8A\r\niI+7P0gtBCC0V0mg1AZpqEU1GqBwNkGMyOg=\r\n=nhKn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"29832a4f010df39515e01d98656d2e77ac1e47e0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2f9b268c0.0_1653075106402_0.3536435026852143","host":"s3://npm-registry-packages"}},"15.0.0-canary.7741345b8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7741345b8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7741345b8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa58c5386f44abffa336f6def789b841a075012e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7741345b8.0.tgz","fileCount":12,"integrity":"sha512-/2aDLUuIDdU4LFEvJlcZVGQ+kSik/ywa19DY7ZhXh4Jr9R5C2dvsa3Gtf477NE6Nce1OyXwcx3FlgNrfYFLvxw==","signatures":[{"sig":"MEUCIDX2/aQeLwyBmKw4HFWH+EQ63YhEUrUEPg7Wpt9EYUfuAiEA20zsjlX6KxboVZBWQFgJ96eYASrXUmKP3TkFFRbmLYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih/OwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMeA//SziAJJMYk2RTCt6/NUvvNCcEC8IuRIHNF0LQkznImlsAgF3T\r\nAZXSby4tMoM34W5FTok9hUg7fhxP/0qoM6U21+OLsTBsh6DpiVDB72eN8lsE\r\n5YpAlNBfAxKBMgq2SnrqWPpUO+DTLycqzw/zPEQTxo8njiyJIAZq+iIpiSL9\r\nmYglHCWlPIvWlpG780STvRML69iwhHDBxxnti24ssfBpTj7/1xcz19fYiwPN\r\nDWD+pnxBZC0CYDiLXDuORK9L8yVRd1xNHZpNekOzqcpwmI3w2Ki/BxLdEiiq\r\n4lmYVMoc/Oi77r7zkWyURREl14Xy0lB9RVNKTSuLPuMf4xYN/fqC7D+l01xo\r\nNAGT1+d+HiCO5A+3O45FJUijuTHgekQxry0b3Y1ExwVC2Vj6M3IvP9DvDUfc\r\nkxk1UQOo0DXvAfCKwLK+JTr75rxkdjSQLQs+rruA+8vN4kjni5SOHR9/dMrx\r\n6/vEKpx4LDTN/QVO/vgjHgH+Qm4+k9KPjSRaKCxWz6ub3vf5gUqBbKFzoxGn\r\nFgoIVkAaaZHALbeSO5CG1UchiX7CbPHyAh3BVrGRbpWuQhfBuek+HJfM9Nrb\r\nT1pWuEysVpqdMletn9g7SQcfc1mAbXFxll8PkUyu5wKefxmw/kVp4W0+48dh\r\n9ItOKIsCp/Q7+ZDvrp3gxYvY3COilOAKa6k=\r\n=XF7G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e61e5e8196d28c1bd4d1c7a12c242276c1d8ec1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7741345b8.0_1653076912517_0.7637707207666247","host":"s3://npm-registry-packages"}},"15.0.0-canary.f807e793f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f807e793f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f807e793f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b151d4694b29391aa6585ea0efa73dce50d5a611","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f807e793f.0.tgz","fileCount":12,"integrity":"sha512-53fAOIU/66AlGFPOH+RXdOk/HCePdIlw3jNH6SKjzef615ie8e/j+R5/DS9h4agVOqBvhMHqXTdOMSWfLyGAOA==","signatures":[{"sig":"MEYCIQCKLNV8/9Il4VLL5XzI4vdiBKe2XuqhVmoja+nX4fKlpAIhALdRgWtPD8l3Hjdgb/WkZ9XXFDQ5pRpPd1h0fQ0qw3wM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiBQ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwhw/+IrTUgFj5VfKQb2TlrXXhyp0yTij70CBEhl1rgK/ckP8tEMR8\r\ntUSOQu6X44L68pB51s3DOZGB4sLW7clGy9Jh3JRe2NBwHq4SnB+i1c0F2Vlo\r\nJEP8St6GPgeHkV6axr014pu5gt7VszQ/fvylxIVQjq4hYFYJIW3KKLX4I/Zo\r\nf4fT8CEEl0dlkykPak67kwnaFSJB1440HwEQpFGLr3AFhCYINif1iPhmzQlF\r\nAVJzA4b5mmmTIAkRSK9mK8LwFZdHP9Wx9+vOPJ0ZKIV/LE8NyILe8ZrPrPT0\r\nQhhn3ScW6SzYvsC9qhlTwBXbC4YFdvNZWhaI+1SOvCcZvOV1eVpMiS65X4DU\r\nNHLlkTUvqKJFTEiC8EAA3Zj0uzKi0Qk2QlC+p4HRRbYYoTRc6dS4WowP4TGV\r\nKfImetpXzeH22L1fvwfK9D1bPqIZ7Oz2ooqYP+7ZPeUk6DHs9sWtd7KVQgNW\r\nEBJrmKEhnR8lxBNICDKlc6quC/ZjmfUIDN+2H2wvKBhOj2hnkNwiVois0pq4\r\nXhfvQ8XFwoN5AGnXJvqJPf85IPMBTmVHLfVdUuiS0xBEu1ADoMzvwKQtCdIK\r\n8Q1ihznyzAEda6zYlI5Kjpd8NkSuARvvqnlfaylnIjqcrNgZhLteYOIms+kB\r\nl6C+MV3GQjl6x3QLRc8meWTcvqlKmfovUFA=\r\n=fdwN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b4ac5ff59e90b4770de9f689d9b09381fe2cacd1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f807e793f.0_1653085238509_0.5053746959395755","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f53d4a8a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9f53d4a8a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9f53d4a8a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3e5799c3aa0bbbf59e7d9272e82049ba5274dc6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9f53d4a8a.0.tgz","fileCount":12,"integrity":"sha512-//+OdhByA8skDg7Cl+6SBdBKFmLfPA1bJXofAwMhiybGH0z3qBlBE6fFRFZipuK53nO59mna7l1+WxtPGEoDNw==","signatures":[{"sig":"MEUCIQCvz1Hwk1AA33j6Xp6vgyMlMBhcHONFuejHBSkXQCGYpgIgTqFD1qNtjUNB0DnT0VHNgJ0V9hnVuTP0Q9bMF8XaiNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii6CqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4nw//Z6sT4q9nk3YU2jNEYqx3qaHzM6YajhNUwE62VcveA907cfuS\r\ndR84gzQkOIg+s+1eNLBgwm/Dgg8ubgJilUHJ+wC8cp9mFzYvNTWcsfGfbhg6\r\nGX59TfHgOj4F+aTJ9aYVrwCKpW8j2HWyE00zXLrEexI95FIAaIAjGakjR5zi\r\nuBtTk9CNI31q/JS08TIjBxNcgOdTTr6Ek7KsA4VlrkZjIl5n9JzN3iJDGmq/\r\nWsESH3iNPst/P8tnBASDobfVJ4fBlCgYTjrr7yjTuRSZRCLjk0DSV7diFYZa\r\n/6vbPLVqt2B3gZhuTTVHysBXgOaCXbYG/KrK9kpkFzgLQuF/25kzduTaoELR\r\nE9mYClC+8vyj6bKhPKZCdm/C5V4SBLjrbZDQmwXVUMCRoTnfLECnzcOgdVjK\r\njiLJPfLJmSPMcfEjL8wdZLMHqT3YTNaiW7mxbpG48Z6yc+KRE98WlEBH25Cz\r\nzZFvNo1fwL/5YpF16r9NJKcdzDIGxVLjVsijDBujwhoS6F/GzhjIdSm+Vp0s\r\nqIq6O4LJCGPRMLQj+KhIAhUdlqT9x26SQ/XnW5P2ZcUuB/0eDrKPJwgOjRrG\r\nTGmKynFQMPp01QKEy9mEJtvp4oTMC9QQzo+y+84V2fSq9GWEAztV+dGuwTUp\r\nCdah81hcTWicqNlurAzHyxwp+k0VeQ6wybg=\r\n=xxlT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5db1bd7747bde68bc956d054f2e939e62c78df6e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9f53d4a8a.0_1653317802259_0.7740105440361391","host":"s3://npm-registry-packages"}},"15.0.0-canary.77cf00e37.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.77cf00e37.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.77cf00e37.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d61ada177f1bc6974c0a853b46deee9302931328","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.77cf00e37.0.tgz","fileCount":12,"integrity":"sha512-jfHcsdRllCzYdKlNvLCOw3b0d+Ih95gYoHE0qKL9uKwHxsAEqprbRT6hmHQLNAC+tTzVtdf1Xu08e+i8kwLOFQ==","signatures":[{"sig":"MEUCIQD4W2k5U9WsydR4VvK6DQPnSs9M+BbYgQlvq76e11NR8QIgENKNVCfw4J0EaasNpQjN9QEDdf7OsMOkc8R3Lx87IzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJillKaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotdA//eACR5CeZnE9iJBvD34kypZhUB3oR8rFu+o1DkSpMNr0uy6u8\r\nB07iKL0aLzAA61jmFtyYXzq8UJZ7BsFaJl9yxVPZrNX6Xr6Fi6gBmnWf50OO\r\nUa3yEe1/qDx/oiT6f/xv4J55/zvHCsjw7AH/9qGZ+FJOJENtfgctQ9a/Cd4m\r\nnAL9HIuRpZOKJV9EKCFdavGUi9NjVIaJC2/WnVqLcDQM/hIJgJh1akqFf62Z\r\nTtYFJmu2ZAprAYQT0DsCfvoFsH635yYS3ZMXJWDXK+a6uPiAwiq7u9fmB806\r\nCsgEfDne2EX+hFVvnJQhpLcuNe5u+Yt1Ga8QFOb+rKFerV3vazmlpwzrvmWD\r\ncTJFdU2EGQAZYBBCbCQQK4odlbzlN8zgMlbZ15kCMrjq78FplShONTBQ0Jij\r\nrqZ9btsJeNpDVhklxd29Jq5Z4uWb/kAIhxnptU6S+3GdjTNHQ2gaZ/o0IBjr\r\nvRGGaUmVgLYN/7lORObAQVlaeKvJjgTd7o1ewojuHhehhjJ633pM2/tOK4fW\r\nEqJe3aZ5K9xmrxPO2eR958tI+KOkedyBEfhNpx+aJcbfDzOPMFRqTVyFiVYU\r\nKJz/Eco9J9JIKl/23vT2w9oOI+CTEDdCrgsEAaM7ifOzKqAdb46wERT4Z7fz\r\nCgoBa6y7JMNBWbgyJmO/o/grEcJ/58Bje9U=\r\n=hYgU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a68e64a5e78b8bdc529142c18c028aaf1b15b9d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.77cf00e37.0_1654018713783_0.8319079297777157","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c7b844c2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3c7b844c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3c7b844c2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77ccd2af1661720795077a4ba6821187feccc74e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3c7b844c2.0.tgz","fileCount":12,"integrity":"sha512-IQu4KVV8gaXeEFvfAu7l7oH62T2IrwKPVZx1u234itpgoZWF61arQRhq9ghbt1wJwBy7CKFGy3VNsSUnXN5x+Q==","signatures":[{"sig":"MEUCIGbaz0j7Q4hRBPlI+srVpiOf4uleLU3HDGzeGpLB2UgyAiEAzixcPAdtaB1y4cU3i8nDd9Ozkjrx30lMOa54sGFK3wg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin88RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2gg//cr/3+oKkMQC4JHWLwDEcSK1YhOBdG3g7rIoYloFGd45IkaQM\r\n9O1XIw36KpHpyNOhxrJv565fWT/45gF22EwObEwUmGZjIwjiLyh19WCOsld2\r\n9X9U9Hopy9wUt1GeCYqkBFVbcRjcXdqUbLCoOh6/AmsCCqhKkqAQ8sEehYSg\r\nkWALhsYub0akD5pXcAPay3qdnCtUD3SbfKVeoo2PkZg3W8Jyudp5VF6h1Lr0\r\noYdhJC1iHXrHmtu+SURP/cU+cSU5ZBzMnH8Gl+/A6rlA5JNAHjz1qYLdE4Aw\r\nOY/0nS6/bBxv97voq/W7NibejNtcX0Ec9HyYuswju/7xd4lfs3+2nvHtQVAW\r\nlyVAZ/6ABTbkSF3BOdlDERgdANUoY9aAseab0CUWsBXxo6Mey7kSS8durtDe\r\nmjHIgJd5lKkEovDY03O3kziqQut3mMkSZlmiOvCltuov2sTshLzyPQgbP8Ya\r\nvBz8+fFULYtuTf3hrwjzmk6+SpzGsztwZuEYvYPZH0cWf9jEtl/sGFUETKRV\r\n9ywm/eQLNZ8WUvtFqtuGwUjtUePOilRuDnAs5JebsBSPB805S9qkM12qjG1T\r\nDwFnxGJFlbeBWvWzf1jLB+IYdL7+wztxlvXxkSiVAx8Wz/yg08f993nb1EiC\r\nAHzt/NsAw1UX4T7rffSx5OoW56rY81knRTA=\r\n=Hofk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9422b2e6573001fae4c8aeb7cc75741000e0034","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3c7b844c2.0_1654640401112_0.9895319717940236","host":"s3://npm-registry-packages"}},"15.0.0-canary.df47894db.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.df47894db.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.df47894db.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6156d7b0f5849201d6610fc903dbbd35fa611f3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.df47894db.0.tgz","fileCount":12,"integrity":"sha512-2H7IvxMHRHT+FYPxr1+JIb0jj4OqOIcUBB//E+Fi9SBo1InIkgF511M+QrUDpi/CieyeXu7nfrtIfGjS9iGf5A==","signatures":[{"sig":"MEYCIQC0YVGA74fGPwP/o5M359Nc2JZ3PMPE/2gCgTEqcAroGAIhAPOeh6dWL8ugDcBrpDRiRfhB+DlpM1sR0OYqLfp5B42E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip27bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrX/w//YXetrPFYeUVYgTihpdGgoZfGLJ0zt+HhmjScLFS9TZcogyKq\r\nLKh9HQ/OzmuzqaYABslQFpd234Y8G2H4IPEIj7HSK7Glldotyly5eHP2/hUb\r\nHQQfF3Ee9rEgD9uvYVXsFgc9049S3Zffedf2jNXdV7zo256pYL6O9n4hwVdO\r\n6hVvHxgpWat6XYQ5kHV+thIDRbKt4RazKDnm95vOiUvRZSx0umJi+WbH0VSr\r\nSyfc2DfC5bDfpGxZM4aXwpIccHZNUSwP6ocPG4erBLpmLz2ZOqCUQZ/WBSRY\r\npxZHTUrhDQWvtMjkIP9r2dcumoMg8mhHFB2+Eqvr7bHyxYuH8e/ECESZzBRb\r\nuP2olsdgYxBV2x9f/Z+47ombZd3vGp9/MMqPNMMwNziEFWpe8FuuVSMYVOZx\r\nu53GpytNogDWCjKLJCf687yjHiHwchruR2PRJ8Atc5LKlNyLFe19zlhLpDZm\r\nCVOk9XKmF4KKqQYZ4s1+5htJ5DPZhHzmN8h5QnhD7ltQSVMrR2RSozYBljuK\r\njC/N24rRhLN99eK5+hxjIVZAimSdC/NbpCSPhamJQXaAjpF7+m5Eb8meQEDj\r\n5UED52kfipHduGlwicwYBQZT+rVC14sG+5NrBAGqdT+UVVohRV0zlBquhMip\r\ntbuVv1iVRlWlRmvdEsNSrKMRnQVRvo/K3V0=\r\n=3plE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"42be62e51a7c150444c5b32b2d2acee03d09e6f3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.df47894db.0_1655140058866_0.578519729893741","host":"s3://npm-registry-packages"}},"15.0.0-canary.b18a873dc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b18a873dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b18a873dc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f3521a6839e51d762f2464df439f264d08645ee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b18a873dc.0.tgz","fileCount":12,"integrity":"sha512-I0nlnI2utZGbiPPbnA6FHx9n7Z+N933iILf+zFReH3PZ44LTMv2Pp9CeRAkTuZ5oRtVmwoBK5J7omtjEkhv5/w==","signatures":[{"sig":"MEUCIQCIpeaG7wy4b7RJs9nZWzoe6lWJvr8gz/6oUuGeZNqgwgIgFnG0SlB6L2PumSpW3T7ao1lgp2WwEGt2ZNdflHhyfmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqCqoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGBg/8C/MTY5c5LtM+lCinIAMEt1pIsIZyQkRMUGyKzCUX23rZPyRM\r\nX7B+p5SBW4T7jMHFc9KyeaPrGQpeK9qKhauY0gkrTL6pxFF093xPeBNFseHs\r\nVyx6gptXU78uqzw0jtFZ2ZAkasxtPpoQKDbQCZFtN/dcqX86Q7T9mycABNPJ\r\ng09+aVdzHMmT+l22mTwFGND/iPcveOvkly0S8K1UzpAN6uGnlWReV0StqltC\r\nnRwTMq55LuCqOwsjGHMvvxZnJ+tX1sPfuU91c0ihWBn2RVS44aFqQqRYeyZ7\r\ntkFmlvO6hZqkXjwu8EdqGKhnTDnVESSR24RbW6blTT9TOJHOcW4S/gk7z8AU\r\nbyco7LnD7GLP7FOl/PrGsih2ktQJdHzGZ+0TmQuc59/piZjCTLeX5SU4OtPR\r\nRo1GILs/6f9HGB3dVmuCUactHAgjcrst/mdbQu3zs5WuHa+9Ld6Wbp6v7Drg\r\nbC3UATfQ2Au47hEjf9d+b4lFgumU2CvIb8f5CyFWR5t0HWXlVbpSr1HoKDHt\r\nJqGSWuxW+LbA3S+5YPoMhSh1yTWyyOyQP+PBH0KGViUJauLZnLj8hzNC+/jQ\r\nIcYs6AkdBZmg0SmIxwgdmjqtU+DOTvBKeILcji9hbe6y8mYjm9EyjoDsvrbb\r\n1YHEtNbrGrkBCyd52wBBkMgZCAtvWb1G/rw=\r\n=rxfK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b35dadfc99a3788643d8762f8afda3f2d6e76d5d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b18a873dc.0_1655188136585_0.4160678427664646","host":"s3://npm-registry-packages"}},"15.0.0-canary.ba9c29637.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ba9c29637.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ba9c29637.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4637cc562ed93cc07370cad6ef505fbe8939980b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ba9c29637.0.tgz","fileCount":12,"integrity":"sha512-LXYtZUmOW5StY0DAyQUoQ1/fCJ+6bj7+75sJIM5HqwARLJqtyhTnBANdBQD3aK3oNIabKiMh1IH3AWDMVFRyWw==","signatures":[{"sig":"MEQCIGs/Cwi9W0Ol4q5yFEt03s7sx97puYsUyhY4C7IdS5GcAiAzNxxDKFHZ24wbnc3tZzkWzx1ZaFJJNFzTNpabW2gnYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqNnlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0QhAAn8p3ED0tnl72V3YI2jiVm6tbRRitU3il8H77yFL9BKk6+aZQ\r\nthZjKK7PUclFYOKHemeSA32/ftrjvZIbNq4fDwqCqR0fgfQP7YwPSjKn/JKE\r\nBL7aehrY1e6kxUd3ako/2OJX+QGJkXUtrvvNgIGS74NdBigUrs/BgYu0Ri14\r\nx0dtKY8lpNK1gzDArWHDiGEIEkoIdgWMrwJxzD0e1AGD0WhzH0oz92Iktgbr\r\nCbxqfSD1giCtbcGC68hKSQ5MttzUHbjSbmx/hXTkjem1WlAt49REN2zC+jTy\r\nPBRMgs04i+LOtGa9I0R7PIxvO7uyULheNLhzJGWwJzRSxn0pkvLNyWB8sXBK\r\n99KapgnmXJv3wWjWdock0qRJF71glTIwEprN5TjTeTZP0RUAgGfVEOPpPfri\r\nVV4tYy9VHfVzP5MVN8Ok4xAFm4j/5/cXQKUMI357mUZUOHP41+iXIMd8ZVpI\r\nulSCMtEnirL3gEH3Vy2BCzdLDY/GAjbGcWx8sdbL0DvS8bSOYpiZ+4rvQXtm\r\nm62eyRM3TjXifiC5HPwl2F0iiFPzCZ3QuaG9wGvFmpAtYADHjP52fDeR9JCz\r\n/0rb2rCRx2qH4UJ+lx2ymjMdl9wWotkHIZxzUF1tR/hwI4k2DM8I23wGvPB6\r\nGKt67lcBtrH4CLICqhdptAFXotspUjkkrsc=\r\n=Qw2P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2bf89a291dc4aecd82cf7a6432d198374cfea69f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ba9c29637.0_1655232996964_0.4577541679155517","host":"s3://npm-registry-packages"}},"15.0.0-canary.9bfd12f01.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9bfd12f01.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9bfd12f01.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50dde5ff52d1b233e1cfd772b72308d3de62725b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9bfd12f01.0.tgz","fileCount":12,"integrity":"sha512-lp0AYzGVOo2o9iSRLN2SFnmnLNqJLhSepmDkisVN99byRmDSagu6s0J0bAqlieqISOXIB++XdE5dQvUg4VFF5g==","signatures":[{"sig":"MEUCIAEm0ANCnKF22wkwK+psg5myFnlORstax6GM0DHlb57+AiEAotL+FOsVkn+ciOQU6g/p95S7uruKLqUlACGCrZEXEH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis2vDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZQA//bVa4Xrym1EaOW0wG7ewNZ9JgFn+w/g6e11vHn/DY5BEiuDqr\r\n9saujMHXf2ia5wuuGJJETCJpZPGmGU1CYRgO2E3oqcvPrEHGqYUSFTtyWO2j\r\nMJYu8f/0JOqd6IltopH4unXYs6qUcNzsrxDvn+q9frrx8XjQScCU05+UzfxR\r\nIc3ysrWEhFyz+RyHiLTULAJSwlrQz4sg7QG5P2E2EpNiYWhrT0bOTZAOIojo\r\ndYA2teZib3CFNGbBaR5ibxINVMpsoqwNwKoeO9ChVlMXRZHR0i+OJnixlcB9\r\n9X7Rln2iJEJnyhJBC4fWCFgxa9pNcdNcvxGUbcIiylF/+tVkhE44L6WzzP+Z\r\nhAlj8iJyuhtCKXBM63KGjAbTY82NqeBtmbxtKzyhgf5/5W9sMygsPbIIeke9\r\niKnbzIpifGBO9yKuKEEbxMLXvvb6xV9nmlwwKz3c0bzJpWfMfS/sWe2cNQUg\r\nFH/tT+GoXQ42TQ7xk8qtEeutrj0eSd0zdXYf04gYVANzT7jgBwuEvge2q8T9\r\nLD0wcRaQn35CTdQZfmH5NdQDnrNYwd+O50QcS75uETKOamOBtW2RXiPt5oA3\r\ng/SdBoq38GHriL+zRMqBV7wZpQ156kyjAJq6aRUvqaKoSxpRx9MCAB+Sr+R8\r\n0ii9QyDI/TRhTGwOdPChKTumSR56ko6Hfu0=\r\n=w09/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ba7b0d01530df70f39142820ab69babfc9cf5b8e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9bfd12f01.0_1655925699345_0.8245189115456315","host":"s3://npm-registry-packages"}},"15.0.0-canary.764de225d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.764de225d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.764de225d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d7f056d56079f19c469f0990efd1bbe779eb0ce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.764de225d.0.tgz","fileCount":12,"integrity":"sha512-QtfGBqX1HEsZxEhrCESrLHB88KxiHmKGcATwEjnNtLMckvPkmLD1JOU8bW4Hsx7rvOMovafmzHryQmtK9CJAlg==","signatures":[{"sig":"MEUCIDFciNGkVebfmy9/JDAiKOs0CN4s7JDXN19ZlENWkKHNAiEAo3YZMHt0ZgVb3s3ErYUdpk2XucXpdGxt46QgyBXt2yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivH0mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr72A/+OZ3TebsX8e5De0Zl2RGDLr+8NwlYSe4MZ0gnjcKYR6SNZQFg\r\nMEOpxb0CxkwwlqzQ2fyQaCnBl3hTCe64RCJzLZ5VTVpqKGz0TKzpVIM4PSyg\r\ntSoatxrUSEiLmUYeueavg3D0exMtq2OjeC0EBqXO5dTTjZjvatGZmfGTIE7y\r\n3zH7I0hULJASY2EmRWwJOpTkSuh/AzOgESu/dMN8AnuBFsZSpjmReGgX1FlQ\r\nTyZdJMOQO+qXOwGvEbLoWHvKnauwrDFnibp6Qk3C7t/e1CHzwvON6ESi+e/r\r\nEgnQ6pl9PVnppjmcTw0eQjrm6jqecJqxES09eV4nSlqLkoK6r4+Ew7x0T+Fp\r\nfzHXxiB3t1613DPw3PWjIvFd028ofT2HdNyM7nXEaVBFFaiX6vkq/j5X+oYz\r\nJC4yf5kqjQ1SS2pM2suBamtx0rd+h0ISfg8fwi4TDHB4DBIe06bzczR4henT\r\nrF2gR40Y/jD69/FfE/KA0wQWSwdnqcGnE5N9Bi7j4a7nBumOook9w9DK9yX7\r\n0q+MYixu9YcpwtzH/CY+q/C9gU/dt8AN8KUo3hcCBjSWRHEpkcEcnyjifIwc\r\n94sKZZgdMezz96mKR28pAdinYEhLZ1VE6irgwGWe3N+vskdk58DEnkk3REn1\r\n9r4VMklgnLrU6nNhXZrGLhgqWXwkprbP1OY=\r\n=KPaJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"25c0f0a7c9d8dcedfb35f64d0851fc4fb86b8534","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.764de225d.0_1656519974120_0.2286847604653277","host":"s3://npm-registry-packages"}},"15.0.0-canary.31e517cea.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.31e517cea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.31e517cea.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42f8a0e3af12d2a8b19853f72713fc8d87ae17d0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.31e517cea.0.tgz","fileCount":12,"integrity":"sha512-qpKP3I/1s6qcOtRjDO/hu5eJrrl1HCmI/nm60dusExftRbWD9sKFrD5RTExAnuGp7cuahcZ86VmwGwUQJMY0mw==","signatures":[{"sig":"MEMCHwYR6QGZ0mg2hWj84+PhJiq1ULDneBpp1t1ELL0MeGgCIEJoPM/ngQF7jopaFzVQ4hzziQUk9w2/2ok48vlibA/E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivzyZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrubQ//fmMNXNgNKxceCFRVkXL78laP9cf4Ib/eMGotjeVLYh3MaLxS\r\nqFVMiWk2EFHuT9Ei3C3Z0ygSCyg5z6Ig4lHOUjJ1+TPAZk1OfiiVFic0hFHx\r\nsK1CHhHUEfDO5QKB3ssopbesDChfUBrLo+CusbvvwvghehDbmPaagJodFmsR\r\n0RNyYes/5Xxflr1XS+7VHuHFXm9MrPCETbmymacq+kIgSQJO0cATObjC8e0m\r\ncBg/kKMvM5PpH5fAwoJiLkh4KIKUw1xp4LK8MDa0MHWyQS0UJ/gTXogcgCG0\r\nBfVAMTwlG7ntfPnncxf1neBudOnzDwXNcGeTq7xKdLIwAX3FPnW1S4P+55AJ\r\nkhAqD3YOP5/LPR/6jCnCEN9t9Hja0t2CPM7oPLtsUczOOxbrgvZN/kyHLhMC\r\nv84UeWhcD9Rt14F3bodYjbr7XtIBRYRzZuvPsgjdjzTUJBOspLYrezSUGO7Z\r\n8x/uBhifZiXPn5DWPEyjFUq/pKPk2tRpllHLLrFVlwPFk8hBPC9xOOJSPBHh\r\nZw3baZLWPgkOV+bpHdMUYk/ZjiEHdh54sT/sJe21MYH2Go1Qv3G8VMUvjx7m\r\nIw2YHwUrTb5WcJYuwMrnYQSGolmGcTwT2pZ1ZkBRg6VbzpC6QrGdzfH3ySUc\r\nNvTnAwYmXPWDrBJ52TBJktfFmzX9Ta2EKsg=\r\n=t6CN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8af6d916fdf79ba9e33a883ad56f539f3decd5a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.31e517cea.0_1656700057629_0.46649388055058694","host":"s3://npm-registry-packages"}},"15.0.0-canary.9ea4e8e9c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9ea4e8e9c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9ea4e8e9c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba713e212a7cb412dc08ee78a279efa5865edf85","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9ea4e8e9c.0.tgz","fileCount":12,"integrity":"sha512-mR4QOpoKwGiJs2YpvdrSn7/COcGBAU0ZFNyvfjgHqqqFaYUbK/hDYbS6jXHTFRYdsM44ekzKQAPxh/NuiPu6gw==","signatures":[{"sig":"MEYCIQCHomSQCMTibfd0JhRKWlSGeEdOt1PkkBtqIjZbSyQJOAIhAJX7qWlxH6ZRBb3Qm55N70VRPed4wLie3fn9uCqWSTzM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiv3sVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdOA//VxCGtE8yJMaXqStRmrKm43vXlyFn0YEdzlpxqZ5egH7Kk6nt\r\n9CgjD4eSWJFZctsGLlBuCItosQOmCJxtrtves5FduZ5CMtRT0VokS94NR9Pg\r\ns48w1324NdxG/aJW3QGZNj7g83sWiL5i37dHTqFFPPKHqQc+54pOwIFJFzjJ\r\n2E1zHnZf9FX1jOJe4ewcsb/ETXma6wzqCLVPuEcUvg8ObWFAvRaL0BqYr6aJ\r\nDqTXEvleN29zPEUIUuisl1igUm+Zhk43xXbcDbkyrdWenyP4vRRIW+PBSlJh\r\nZjuDsAn1laI9lTtXSXxpJm7dKzsMLTSecnsFIE6JAtXEIw3JbOmce2sbqZEz\r\nkC1vXmnCgjf8wnhqz5ntAi+yHXQkrLhpMurUe3s1l4siE8xCqpSARhsri5Qd\r\nj1TlAyeNYdXPLHUb7STkeqJXraHWnKQQgI4raklYZGfIMtCGr/aqCGh7gt1P\r\n0ICg1QbQyqcqhuDy+leIgRrQ8QRQVNfztmeq6qMkSE1iup7Ak/LFyn5u78tA\r\nbjK1J52Xq+EB0wqyWJUQKyz7XKqX7GhNWjRh1RdTK9BYLF7cn58eO/vdW75N\r\nutqhCVQZ6vaMjFZKZFldr1297I2qUgbFMIhHkBiPg0CAczBoWmsGY4KQD9bf\r\nNkMqAj8Pp+B/HPtQVLcszXSh7ZhZ4e85vZc=\r\n=9XKU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a2b791f6f1e376a53ceef81767514ec18174558","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9ea4e8e9c.0_1656716053704_0.16855890636399917","host":"s3://npm-registry-packages"}},"15.0.0-canary.cd5bafabb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cd5bafabb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cd5bafabb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35908b564c6bb483ff6cc4914bbac61916e266ee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cd5bafabb.0.tgz","fileCount":12,"integrity":"sha512-a8KGbl4TUvm+Hn7sOE1WuhGIu/KAsBvZ7gTC8utdtx1b2r1hg8LNwtgv5H5Ycaq7jbFkqok8mT2+nryRt/xyHQ==","signatures":[{"sig":"MEUCIQCzq2fF/4brXagwRzK4MdJ35XCeEMWrIVAjpScl8f2DqAIgeb0frROGqxpgpl4F7WuDvJssXKG5cw7NkCX5pXyQwoI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixcwgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogRQ//fiNouvvryFUzP5vvwRVKHWSi79Rh0ukxVmtiFguAhOVZD4nj\r\nbexWwcgrs9hOcOQRPCy+R+WyejUr+5oXxFF/LVEkpyuB4vfpBJzKhrPT66Qd\r\nFBaBBIKC67UpVSS1ciwcjFW9Enn9/ZzYN73jYFfVRtrqTlOejBcg4wQhv85h\r\nqJJzRLlaaXcr12MzBkwF1VaZgUELSHjsCvTSOfYW6zkjFK6okgSOmIwQQbnb\r\nZTbqwmK+7MEcSaewNY8Fors4q92h6+xJtWyhcAWNKiQihDNm+bFqGlrn3mS2\r\nRSYzaYICmtkqnFVzmZV0Prmlw6kU/TtWWNlSaVLbFu1lWBBBNsAk25mxR6OD\r\nZtNI7+y99of0FF4Lqwlr9haepnK0mdBLtxsnED6RK6fTkXcas43ucBkYb4Ko\r\n/EoSE/k3lWWXz9yX/9JLEOAgJm4IOjGs0dvF3ajJKkQpltfO18iYWdOboFBc\r\ntfw2SiS6028qEtd8Oj2NdC1nf065X49dkDOB0FEX1c6oezbF4h/AWca3nuBq\r\nJuOByH3jc/O3RkScY8qBoMaY9K5dNunpz+i9db68npvJMEzjp+FzeaEnBwHb\r\nvEaMIFc74HWGxsL15NUfp/RR042rtU8QVpkkn6vdMsnY//+7dw35e3ZjBjuC\r\nttEQkmxeAD0sO1/v66UjPUisFdX0LpkMqCI=\r\n=FgWp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fceb62aaa361c04ae0a30158d529c7e6896b6f9a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cd5bafabb.0_1657130016039_0.6521274300935291","host":"s3://npm-registry-packages"}},"15.0.0-canary.a02fe49d3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a02fe49d3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a02fe49d3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ebc9594da3fb70b2b5a6f5dfdb501f1955038cf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a02fe49d3.0.tgz","fileCount":12,"integrity":"sha512-xaFWuoiBLgbdo5CvhQEdTdflEdYrmEZcfyNgnDwiqKiO2ART/NGcKSyKs8fmTP9ZTJHCJiews4vXRtahYKNgzQ==","signatures":[{"sig":"MEYCIQCEvmCK6Ipct2MAnVswFS9vmVKXMILOCLe5Z0kZAymH/QIhAMPkCyOs8emU1GoMpjH8NmCyrc9MK/UT2VwNAFdAA3vo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixdlpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvLg/+K4SvwGVhxCV02V4n0MBzWGc4hTrExQSHbyeP0IN7818udHo8\r\npn0DNBq1ehExzjtkZ+AouZAfN1ALuEybBF/9rq787ct9Ayg+fNPt9fXAgdh7\r\nCS3FBFFVV5vV3S35lS19Jsn7vwkvI3FCcjKNuszJ8Rcw01dd1coyhppO1rYX\r\nOg5vcm9oHqxLCLbiXiYZFrlfUbR2OOm+LLL1Ia3jvrr0Fvvjgd3E3bruLuYC\r\nJ7Y4hTQy+jflZspgy9kEke9dIe4wvWUXZlg37SanPIzid7CKc5uDemPaObSu\r\nzDeJd3uZ8DEjAsJdv/L7xNvzm3q/CujaJ4pJd8MNIqFkbdwHdOyRg0kgpdbo\r\nRh6Bg4uvKmKcDoLCXSe4iR7hqBtIl7m8XDTx0dDICsQHql+49n/1F/iZmxvj\r\n7E5n6VOQg22HpNMx0FIhY5kPODCHF2AKVawkWyJfCnGHKyz09J4mCtTwr5HM\r\n68VE1QpeaBI2dwMlWrwZ4oR7a/Wbb34KyTpPXCRmmW3wI2+UrKJAnCjyHQuE\r\nY5Drc/NZ876ijaiXVcSd6806afJQrkUL7T1s5+qcXfNee5sT1O2RR22vc5al\r\nPjjmWMEZrfzT57hJj9S0FEqfICXh9RQZo+Iuj3L7esiqNstdlmYJBg+HN+N7\r\nsElLa5hjWLL9G9eMoSxZimNlFpMGFSSaPTc=\r\n=A2Ow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8304e794f430681d03b9d2d3193e635a072f2d8a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a02fe49d3.0_1657133417169_0.305724729581899","host":"s3://npm-registry-packages"}},"15.0.0-canary.826a3d8be.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.826a3d8be.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.826a3d8be.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"573a9a4140544c822194ebc1ef8b9d8262b64c89","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.826a3d8be.0.tgz","fileCount":12,"integrity":"sha512-3hHzmSsApt8JI/GvBk+Y//v/Kdayhi4CRVxX1CywGvB6rhNIsALldAa/B5jZBfHJRccaNB+PA9UAtaQsC14wmw==","signatures":[{"sig":"MEUCIF3NquVgyaA1IEhXaY/5YGU1nz1BMw8v3gTj6zLRYgPYAiEAhkc+oU5KBSRGMcNs8+ziNuf1wlK1G9Sup2Etbeux3bY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixeLHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYcA/7BwXCfpi6HidxDP67eKaQQ9H+CH7cH+R81tKyCnd4EG3y7YM5\r\n7WJbb3PwRAu+qUCByQp4FwXcSVDyj2Psjd+sD12s9rXBev8L+g3ZY5t7vQCL\r\negf3g/nlk4T0JHvZocdZPHa9F/Tgy01o0AFlz93TzPflJp+/MUFMYm3tAQ2o\r\ngNDJmlu1jsnQeqHXKjWFRwFgRqEnOQbT/S/d9oLlyg3xCVbQHTsCHiiGemrQ\r\n0xShTIr/CpINu5wRseobmCchQRIIlR0bu00dl+aIT6p7eY6xv8/IWBxVxFX5\r\n9wuQ/MfzF1AH/ihHrnCY5u1vEu0K6vZ/QJa3Std5ixE0bftV3OIbOBYtWzw3\r\nHfs9npH1X2VuajPSyXpgMu8CrlG0Q/velMQBuHMhgAjyki6UwHmZUExoJdsM\r\nsMXLLs2KzUWFeolDexykhLARcnGLmwkwonFRDk/cGyhAKRJPGcTzUtJlPIvr\r\nJs/Weuv6pCXoiVFZtXeK9eiZTBBVJPKq7DZD1OcQUaInTPmiKhjh2pCmFwN1\r\njlAGo6xCYA/SiqAVvGCtWbWGlJV2wfdgjzqcDrAMakQVnfHvmJNUNEZPmm/Q\r\nxDWl/5U8pl9efqTYXlQTkKOzFdyYhWiU6/hkpiWCt+KKUA2/Ei1Hz3czyTBV\r\nOBYxKYdaLkd+Sjqdr+7tlUkSQiO5E5qj+Fk=\r\n=JhbP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f54c723431e97d10fc1886f271ed251cb10209ce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.826a3d8be.0_1657135815198_0.13909123145449342","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef276aa93.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ef276aa93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ef276aa93.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28e9ccba59ec2dcdb89f01ba4263e34c9298449c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ef276aa93.0.tgz","fileCount":12,"integrity":"sha512-L2/uua9rJJb5cMkAld5lcoF5v5g4ZTLzn01GXTcthXqqrV1Tm9kMWSgG34SlYZl9Xf9HRfsbfDHi5tGX139U/w==","signatures":[{"sig":"MEQCIGfort+FRJcpW7gM/PnrVNgm3CHMP5O8Ln1xVhospE97AiA9K1ZnwiYQZsvHGQzU8ZYTiJFvJW4NtAuebt6nQ8XK9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxF+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMuRAAhBcoYpMD8A0dBB2S7nkwB5cCElMSOR0LLzsg/isVdZlTamrG\r\nFq0m8IsO8gck//CrGpBS2s9pQ6YJV7Kb1RTDPHo1GpbOHiqAUYSDM/blRYvi\r\n3aK7TWz01nC85iDe9J5KGl2o84rUpSQyQZBMb83oQCKDXTabYvv8a/VXlxmS\r\nUVOOdfhrmG6htNfx5njR+dqWIqMJvR84UGmnlS6DBA1EFeuhnb01q16Mp+TR\r\neiR2achKcaibl1SNYYIsp1PmnE+m7bLFDOgzlIOWtBw7k9+YIhowByrJrqvn\r\nRSUfPxQnETfhHp5OfmU8oU5hqm2fBQrr5bJ840l0EMnMNvUxt2bRl3V1cw6f\r\ndkZPQ//x1CekASQvvJU5a2g1LRvVXeE2MWHJpKRPddm5hzz8VmmFAcJTE70q\r\nqQ4lagC7kpK7ulRfHYGCm+Js6jVbwWis14ZF+KVCff+klxmJ6Sc3fK8aXRA2\r\n/xbHN07Dkjj1Il1ZFXFtaWXSg+I0m/DctxZb/Ez1IyhZd4WrPaVUugeaAFgm\r\n5b5QmxyDJOZKGMip9evh0kf7s7VguQpCrTh24kBVz6qXAbJuSsPNvBspU3YT\r\nWez51JLE6Lfh4p54tJsj18ocZ0YFZUxo+s9rfzKRbzGV/YMc7x8KMAo0KirB\r\nP5sG0dMrBZsymfT59ZwhjssGeVJ63AA7Qcw=\r\n=kpEo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"502fb9536e29ea5887a9fac4aaf0c9dc2c732e61","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ef276aa93.0_1657213310266_0.5146283614077736","host":"s3://npm-registry-packages"}},"15.0.0-canary.59cf61d6b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.59cf61d6b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.59cf61d6b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5af650d968bb82df924aa345ddd11baa1aa101f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.59cf61d6b.0.tgz","fileCount":12,"integrity":"sha512-U5nHf+tBEne77cqpJ5IyFelPJkDK017Z8gB77M1/yiZLvPB3u4uZ36cWN+INAQQYCEiAWe2bzXlnVy8HiK3OwQ==","signatures":[{"sig":"MEQCIBTJD1POYTTXgYAxd0yixrxWl/9+myAqNeu4M5zy3+daAiAHow9L8LkEs9jI7zmI5JQAEa3rh5o+cqIj8EL0G85YAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxg+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2Rw/+KRWwXoMsqzJBJuPqfvEIvNzB50HC/+Ap+afJLuyded3jBNO1\r\nYDcobXhkZDSjvYDKUW8q+ucL/oGS8EzlFPkO0YxI84VC9USV0hyh9gipagsr\r\n5BW6peVETtsY9+k9RXAc0Ld0zmwyqhZhcbh35PTFoAtkTAv23HpGZ55nqwBN\r\nlcKT6D9qPTxXiTPAnI9Nw/WYqme6MiBjub45fhEmUit22jqgRHiwOEdglrm8\r\nMPj92Rzy3KT5YAmRaUPJe13E3o0aLh5k4AgQfeLNk88ZcwsGrPL9VWqNKtr6\r\nJ+8ArQhLGLbP7gwAaymJpyrTnnuHkgWSU2A/86UZQB5pFuPbKsrZqiqLaFcB\r\njHB3JOg32B0xuHtSVHb9qCvAVHj+3WpuKRInexdTdGg82Dx09h1t8E1WDbBn\r\nVEaID6gmp77SF4IFQlJrRf2+xhwQyDM3YhTazIyd8htVi0r8dSre37pXieIV\r\naxpkUDhbsnBT0Ui4gdAtkJ5uCKiqN3rojvCKpPYgcbcOHvHWAsBn0OjN9c5s\r\nsQ4Wj/se9HvqKUaIsbD9BhsUmdS5Chd/79/4aZCyzIET5ohacsPmmdFiVWv2\r\n/UpLsO6LASC0Je73VOKaiIX/kVDY1KtUWto3vmT+xF1ow60ucNkpaF8gHheL\r\nKsFTLR3OsP2W7/a5nP/z5LMmMOwaBTMGbLo=\r\n=3Fpi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2f27bf33b194929683b4faa9f388325b07b408b4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.59cf61d6b.0_1657215037992_0.960300792508658","host":"s3://npm-registry-packages"}},"15.0.0-canary.8647092f7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8647092f7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8647092f7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f0fee8f7cea53e6984650987e975f834fa25b5d9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8647092f7.0.tgz","fileCount":12,"integrity":"sha512-mpD0ZwJCy9QPGl1eOa4Va3h7UZDQ7vtOiWpU1kljojqRiOdm9b1xe2I/9eee4XgrKm2tDPandLdjHVzJAmYaxg==","signatures":[{"sig":"MEQCIAa99gn3hFYFYFzhyVQkP8PwSPU+EqmqrztUKqv/b87zAiAA9EXmF3IcdIXFb7MOjLg8zfTRw1Ei/2mqv6S1kBTkJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix0QgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzLQ//e8NOIhC90enWk1jtulJOMahqrbYDDPE3cdHlBK76GG8/Bjlw\r\nminw6p+qirjtcAKlQ/AOajvkuxz0kFna/Gdjdmwqg8WiHLPHOKc4kWrmwvuY\r\nHhkvitnsdWaq1d+8opj69ZolhrWf50kUlSfOA2hzommGgxm7qTaurw4R6Px2\r\nHSQpkJQqdKQkrN02O7+jE7VJEAgspXMZsbepnwvR6wITqCVSOOPhGVFA+sbL\r\nW8GEbHo6K2jA0SO5hT0KGHOXqkxU5FLhxWBRSoVqBya/1+DXjVITFuIiGiMs\r\noEnh1S+7xstPvc1rZK/z0N4CM9UHDIT12BqIBaf+Y+PNy8IdiNpzOHtx7x2g\r\n/lrZp4EgviNTNBOYwRBkhAsZxbEQTLUpvsFI1vEi8XQ5R9ioBJSfkKzqHEP4\r\n3QHrWrQ8ovYq4WQh9OOsUHpObT28CCLwdCAHZuecIxhzg4QBTwNO3jIqPQmC\r\nTXpIm/aG1vQ65P1lteLEvDt7q1bxSc7BrUm8S9Z3dK4RUw1Z6uDmBLLDiFB7\r\nkzyryx0lMYGba88O8ziKCNYYoPAKqMF48UeL1hULdGP/Q1jqmoScXzyyLUHM\r\nf3K9vNmNWo5ZacUwv89Wrzh6c8n8fOm2oCewp4ylT7L+muZRy6N+nIcGhQ91\r\nFY667sP8EY/riip8mtMVRbCguxqc/ughxKw=\r\n=XCwZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1edf72197ddaf5b6318f71205888f8ae695e9b29","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8647092f7.0_1657226272503_0.7895416179648009","host":"s3://npm-registry-packages"}},"15.0.0-canary.02ecd4d85.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.02ecd4d85.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.02ecd4d85.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"43cbb501cc70b453f31a1d671da9c837d81eb93f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.02ecd4d85.0.tgz","fileCount":12,"integrity":"sha512-myExf198zEWgFQYmwc/OIYXF6zJODJDrcPGvxs/Iz7NoXOubsFVnklaaTnp2TwXMzZRBqOxKUhUZBgKRKicneA==","signatures":[{"sig":"MEUCIHyMdGpDerF/k4hYZDz2JbUf/PD/P8kEORvH2PpEv0aaAiEAybwQujXVdimJ3E0BxANtG9tSw0GHwjxbAkLpC+7Gcu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizFH+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXLBAAgmCG9Vk/yWKEjYZ+S/zt1LN/cBuzFlNxRSjfqoUzoaRy713j\r\nLia0w/97eeiikCtQrdk7VrWKUrNcgzR4MW/lYwz6Tr5kuGLu3ot+hS5qP2pB\r\n9AVD9tSRlQqb9vpoTZD6qPveTSV0uULl4HNao0nJI6OlXvT9g4V7EPJqdwFg\r\nvC4zxpIZ79SJk8VDafnuanKmhV+rFmcRj8pQVaI99nmALsGO36kqn7En/ZCQ\r\nK7rzEv7hyMELW8mOiOs288p5nYSLiWQGaTVOCSO90mfvdVYRIgs0kSfv9hIV\r\n/DF4lH/HOzG27ycZEHTDpvoDSe+OYs9qEe9wZJ46HFF0kyMzwpRIMfSBc70t\r\nZUO5OCpnBAdMuZwqC8rV62QnHAFWFlfHMAmbUF/Gc8j1NZDL6t/igG9CLbX6\r\nBGEBgAJpqZuYzCULDS9gX+iEsBQsG4tIvQurHDD77r+p9MM6OqshzF0nJTNE\r\nw72ItK/BL3ejSUVByF/J0MYC6I896FBQlOz0wxDNzy1iAF1u+gf+LqrF0nYk\r\nS+oar7twRoyfpDfpiTKG722NZITkCGz4ug4zMyaXVL1oPtlr3UO5p+XQ4XuC\r\n6IQlOYMbcrKu+o9loYPN7jziWl3x1ZZINVGRJTAt43rQJp2YbhL9w5jd5COu\r\nccuPWIyfmhFyb2igYi3OKETD8ZCcIA9nbm8=\r\n=283q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9bd9b1837b6df66731c0fc9da61877874518d2c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.02ecd4d85.0_1657557502313_0.5661496512791202","host":"s3://npm-registry-packages"}},"15.0.0-canary.63d3a146e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.63d3a146e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.63d3a146e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49e5bfa3b75b747d95e75625e5191bf56e731f9c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.63d3a146e.0.tgz","fileCount":12,"integrity":"sha512-dXk8b4UzeMhYWAsNQJc+OWeF37WEsLQ+o33LiRgZaIQ4HJ8mPf4RAj5cJ7iroQUjRbOIVTMopUTJpmpoCp8nxw==","signatures":[{"sig":"MEQCIHfNsL9j1fHFQxEO/Y+0iJvRWBWqwN91JBI9kWyRlasqAiARQ+Rm2i1o1ehFzjlYJMrorPNWxnguu26gOVffgCJkNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizVyrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2TQ//TBHqMM0Gk/tTykhnYetQ11F8al/d35oZ2xZYO2nh6L6W5Y2A\r\nhCYHEIF0/nciXSAy7Ngq3WfzZ315R5zVXtkX44aD4NjQhBQWWi8FTwbiPatn\r\nEbxxbXu0UA7BVGq7mQA82h0VGQEY2BSwH0ge0HHuQRw3dYCh1xGHLvrJ30Q/\r\nux8uDgsVFH0KSb0DjeCmE1GHh+xr4NGa2CKCd9ev3Bd7DmjBaisn2ifFZV40\r\nE6qriVZqRkjGuiXrvaZqaREfcIKn4kCfetOfJeEcKzbvHC4SjhM5+BKmwf+A\r\nfJFqavbiiVv2hfA1Djeh0FI26C7X/Ym7U5VZVijgeH7MhOdyosb5L6dTTEUV\r\nCaxAs+nxrrx5lrJqTqRJRMhFmHEbFrzc0zQyJ7BSR8oZAetp3jcUBYD6gOJz\r\nR2AY/yoBcBzMeeFMh5piI01EEni5/mpxiEOUCU2kHnRVIuyvuI+XEoigYVVU\r\n5a/Y2QUuIMycTVxoW+itOEwAN0YVd+AQ+McTUwba1ErzTZ5icApT+IrBfbOo\r\nZMnqmNxF93t204gEIxS+L+DMcOrPfcpUFfFkP5dTS86z0v8ZFrkeHliU4MdD\r\nLqtAxFqQUHUSoWCTosprZYpARuADf5mFOO3akmHR5hE2ldNwmW/fGLv/xGmh\r\n4rFZ7ojluHquBmlryRtWOuh9MWtlzaz/Dgo=\r\n=03yU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"593f32d351d8703bd0422f65b3651e55f97fd31d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.63d3a146e.0_1657625771550_0.8476955383687714","host":"s3://npm-registry-packages"}},"15.0.0-canary.88db01990.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.88db01990.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.88db01990.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe2e7915415f93ea1adc9783412757aee429ccd6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.88db01990.0.tgz","fileCount":12,"integrity":"sha512-58BQtowvX0HqGQNljBXv32EK9dDocKTcpBq0iIiXlleiU3geGGJfgyCtzTOWYDwwhMlquvoICh+xN/N1hjDO1w==","signatures":[{"sig":"MEYCIQDtIoZeLtnBJNVppBuE31X25Qj8UJA/hXSbDF5P2ZUgogIhAOUYxEP6i7z35Jfzu1Tqam9EoPCyMvaWJ3EchMtuGh7j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizV1dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrhzg//bcnv+PRPM9CG/fx8bTunhNzL+EgygRI788eKoKXg5kwEYNVu\r\nsdyNT9rBXpmPw8ZSGhBk8MaMgY3vpsaIYV0W/IQ13L66T9fg2B1GPL2snq8e\r\nMgloOCeWvLzmu+LkltKQfEDTg6UxzasIX7GbsnMfeiyrUcQ1LH6P93dIXROH\r\nSLSLBLFOyVLikKsNgFwooVTYXikS4DOHARkwG/Fbk+dKXS1evfSl8HnNCDy/\r\nk/O0ze+cr7oV7TGbOOo9dz29sjLq4JM/SWXB04frVxuRNOAx5EWzdKsCLgYs\r\nEgxCxG6Adg8LB99IUBzqjZzoiKZfSR7GP5y0CYO4i3T1oOQ3ak5kbmJ+gV/l\r\nvnSiqbQ4L/Ag37N2WBkn2nlThH9VPmwbc7FA9kK0bzJbOAduEP+CF2wJdwbC\r\nvy9p6n5uKvlhlh8+LrgL8jT6W5bI/poYYZAGWAq6Ji1olah7I3DYdPuA8tmy\r\nf7UBrwXS8U7nOkUQ+4D0Yq9hWbKEx4ueohSzxjZ+Wndpv2AZy1oq2ivkNjhh\r\nne3F/DEBC+RRALJDGKv1HS5rj01QUKt6HR6TSMLre6glmUyQewF5nDInHQhw\r\nW4mctXK2d3Hc9gCwCgDMtNkmHXtr3uzBmBgvgwXPeVFT4Z8RS4oGeh6CgXD8\r\n0ikF6sGZXGUzhqD/Jq/8XM9wFUhLt22PgM4=\r\n=MClQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2570f15e2572775da6e1894e5310c107a703ea4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.88db01990.0_1657625949052_0.8665826182227987","host":"s3://npm-registry-packages"}},"15.0.0-canary.6432d8fd7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6432d8fd7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6432d8fd7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34fec71ba814b8d49d062e7e9ba13fd2a66fc2d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6432d8fd7.0.tgz","fileCount":12,"integrity":"sha512-RkOAPKA8rgRqhtDOjRo9kk7ZLbJC1zjow5yyNd1Yi4D45xBXUvWNmPTB96W1j8hpft9GirLLVZUwFynIpKFUgA==","signatures":[{"sig":"MEUCIHLMV6hwA3XuGils/wYpjWGxsm0kAkAy9raYmLBfxzeoAiEAnyWmTHtBh3PKKyAsj5Gw/zfr10mo8gBJouce3DGEfq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8WDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmomtw//cEVXNoFVwcuTqDsmVSLNhSTsjc1tVPwJwQKuxGlHDbwhIhO6\r\n6iuzHMSCVGTjCM/dOkurMcESZ8zIwPxB4qVvECIwCJaT7wwpBUehe+gDKbgZ\r\nDH3AdEtNI5oH5JbbiHYWgon851MwFbqbAN2L+NV79xKVY6AL9EIisT1fFg2U\r\nezhhYxdRC4doxI+SXQVlozana6wifU/pMDH2QyKnOS9jqTsoKiwiGL/W5u7Z\r\ngVmu+t71My27a2rEQ7y+pAwY9TX1rptxcDRRjkduVU6EPmi+ETPH/YDpV5MM\r\nf0j9e6CybT71GWx/ZJSOBzAv6Ki/xIoFI5Y3D0gXLe2yFChGZsF8CaWYF9Bt\r\nidPNCaYUceMX83mRssWKK/WET88zQI3QGKxuI3XEK62L42fssl/Wstiw39Jn\r\nW6oLgA2e11TRP9A8nc5zWnJ5oxqfa+9hDT6EpVNI+eqJizj3dKlx5h7emDt9\r\nlndMLh7P9HVRoKVHuOB8YbiHnDWiwVJ0ihZgrOw7VZ//ycvYAldfur+3F74H\r\nqjDIUsoOGoPT1jm3/wOIgs8LWezFCh2c4etGMydWHD0VyMSBBZB9R32XXzzc\r\nFd9R+bJVgjyRSn9T/Hh/LlW8Wo+vOEy0c/x81DK94WnEkvtsSGU9ACkouEM1\r\npqD3jY0kq7YtiCD4xQmVoxvwEVUiPyytSWY=\r\n=5WmH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"307aa53d6ea873bb978456b538f97f9922496798","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6432d8fd7.0_1657783682976_0.500885998592675","host":"s3://npm-registry-packages"}},"15.0.0-canary.085f9b25c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.085f9b25c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.085f9b25c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26f7c07e21382d1d9a898ad4ff37c635613e7cb4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.085f9b25c.0.tgz","fileCount":12,"integrity":"sha512-J2bj2oH+q71s2qAp80jmJ44ic6atK9T1ylDsUnJVQWQ7JmwJ5i2D04COgO+8pH3UbecPmfTAeBd2O4ABkBVjtA==","signatures":[{"sig":"MEUCIEOEV2vvdZwWnfVzu44Mh3oFyQ1IL/MjywoIt/kF+nLFAiEAvHsG2h1zAhjsH3OBvir90JJ7QqMh8L0Y8LBVNa/FsRU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EWDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPYhAAlsBj2HLqag6hM2RZbg//i5XCTJ0HxK4q07gK+DwyegR8lKZG\r\nuNEfQTmrVks4QnA1UOh8pGvj4FwZtcuE5PdM3YIxsKj1j6gCJfanTvgBKTGm\r\n2Qs8+O7s+e5povbCYRWAeduztGIzL2ZvoT380b4hgCpHucNiFe82CYP1Ysj9\r\nzVIukdjHZD6R8YIBO+3UFZZLAnCppjIBzddXrHQkD/4g52qjHBe8wyh/OQUh\r\nEb9YLQhV9Ph9ADJOjWSb91Rs4epQPorKFFdFEG36H0VHNwIonRNvzl8TzPZy\r\nBLKg0Ai54pUCfDSAuvmNozJEph+IcfY/3LJJ8+KzDJ785y6Uu8+3khw9e6yI\r\nuNz7Pt1KjpKrjqB93PHE2krgqHliOGGH9k7tx4YC2I8VmpeErdSa+MFRnFcU\r\n0W3u15tzzVnutArES9htblnjVamIO9TtOFzjG08cVjczaK0KihzY/TnNfN1T\r\n6uitdGV5/IKX78IR02hoDH1EE7knZ/kmESyYPD89EIXJ/xRiwkQSm49RWTu4\r\n0i9g+O9qdiJoypBib2RtY+FEoKXRA44uODK8bWWHB+DUs9hx5KCl/U5uIaEi\r\nu/armORnMYNv/ERB46boLu/crnkH8U9vz33zhozwzo5OCWkgvR7x/siBUuRt\r\naU08XusbIKXqo7qHnLb3/LqjdoWmxXpDyps=\r\n=i0PK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"766a8d5f5fc7e4e022835f16c6ecdab8d2ccf071","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.085f9b25c.0_1657816451607_0.0865261504380972","host":"s3://npm-registry-packages"}},"15.0.0-canary.39f9424b3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.39f9424b3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.39f9424b3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc3c21a713d45d3e12c5d247ee1c3001370ba259","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.39f9424b3.0.tgz","fileCount":12,"integrity":"sha512-OF4TkhoFTaq/+qSSh8SZb+hY9jpXsWgp2mY6DlUs090d8HZSWAOx6bK8tnxSM6UO/QbUln6ul2lJ4ecOvIpr2A==","signatures":[{"sig":"MEUCIQC6M+ZkHiy5XYy/DBNWnXZoTKO1lqfMR0ObwOf7XNoxEwIgA8+E1v6P2XtmHGS1vQym1lHMwaxQ1OvahMy5UREgfUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EybACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQXQ//ahJFoxdDHGSKKHEK/vyejEtg4hzAcxh+uhZAKA6k1vfI0Qa0\r\nqtSh1k2wCtjq+TUrtYpcdnh0VGvONB6v5um3VWIOPJxq7BWZM1xdmB248fLJ\r\ndEKUfGwBinZ3Xg+xD+TqWOl2ItpI3nXcaQBs5eqhHBg4tHmmL3jn8XNLjTUR\r\nbx9CYKNc3YOcZsSxvOs8mLJNXqO/zrgeX/Io68b+SBKgCEsNYDYYu+o0mATP\r\nrZkCFDHHUEVD4ylDO3ycqQ4bE3cKn75+JiKXzyAv4ivg9m3YvT3+2ovWor5G\r\nZtyFqoUhLlkZiktmyXddMa4b5Nzv8c79rQZt8SbMWVNc6AXb8Jl316uyI89F\r\nxr3VANWFPZrbV8/swJX8LvvtcRYTZpn+t7XUinAFjLXTI/Ejy6PFFV12pRJ0\r\ne7VHyZvB2l5zdBhcdtPcSQZylkVv3qd3zHeS8FECUBnvWgW6Q1mIvNPUFfU5\r\n6pjFE3lm1CMT7joPWiPozgKupyahjamcjoWXnWsZgXSHdF/YsTUudwWkNB90\r\ng5OQzSlLBhA2Tn2BN4QX+sx2IEXLOBHx3iQDb9Xao+4xjnrky+Kh7k65FB4J\r\nzaVCBou7LXbqm0MqVueDu0UCyJcCW/EeJKOfRzsl5uiiXGSlLVRvLwXIJpCk\r\n4sMZ3HEJs0kCk9Llv0LbV68OKOzxMOQBaXE=\r\n=iUzX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"62e726843fd90c6139d8ade27db8da6ded6e1d77","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.39f9424b3.0_1657818267375_0.9638234047064189","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae9fce587.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ae9fce587.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ae9fce587.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8efde87fe4279c01da2eefc08b190180fc5f00a4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ae9fce587.0.tgz","fileCount":12,"integrity":"sha512-+VhIBXV0CuArLDDKYES8jXJQk4nq54LC8Cn2lK3MK7FJY2yWrywfeahDD2Yj3Nftd1b/uyyfuroRmzEg28SjVg==","signatures":[{"sig":"MEYCIQDRErgcOsJuqnOQOpeJe89G2+yJRyI/6+D+t/KOqYSnygIhAKC9u3lozQ0wtATati0Q9lKilXrJ4dxlxzVwpFbN88SK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0FtcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2Iw/9FwiCNyIMrJ69hDnVOmhTHfB+LHBQosoP219fPqiRTtIfFGJL\r\ndL0PVQg/J7PnMTUodIl9bD5RWyidraICpCHWFyoPtDK/5JmxLvWD08IKO6Sn\r\nkgBjumkBJ0dizVzqqG4V0L8Va0N7Dcac6WVZHK4AnQ1Sy6mhIMoIoa67ULYV\r\niOJ6Esl+O+wElgbeh7n3cKiy1KIDXyemSJBXrrp8qcWW/veDTauuHI6vtr/R\r\n99Iq3rFojlMvdsziRF/TALG1e9OpDIavq3lWQX4knKfARI34X7gxHkmD3dmU\r\nVaF08tgUgTr776q2vDFhtkincgm8jJEKJzn25Ks0GKoghhz4RJ2VglkyraER\r\nhMhKRJ6gbm3j4PbtcL3xXD6pwPJIXhTmCgkVxj57OpGMlNxq1JShKnHeYyOq\r\nwjz9H2pwG0/Ft6gcFFo2RIbh5yiVKyOkTFfFsBw1/aZ/ce0mFa3OZVjWUVYW\r\nMPfqvpCZp6bbifeywAU/ruS0DbtVRLz+ZGQqfXv5F2O98+0Kt8wXtK47DnuP\r\n4TEKiw4ILqCo5V69wvECfERjSlXdS37Ic86he6NBL8bHI1bmtRU5JChwtrqe\r\n8w0LTPP5/+E065EPlcgP60OUQkAgKQnPTiDBXOPqO1rrS8RJOLYyvdKv0KBe\r\nrVedCdZ69/g/QY17P70FSs5SoZu6S+J0CgA=\r\n=zcXp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2d55d2ded8f3ebf66d72baffd67452a8de349b3b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ae9fce587.0_1657822044025_0.02495183655336719","host":"s3://npm-registry-packages"}},"15.0.0-canary.1ebddc343.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1ebddc343.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1ebddc343.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18af65b234b6437370ec2c7d592734ae0e4fc477","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1ebddc343.0.tgz","fileCount":12,"integrity":"sha512-12N+gEUQ3efJowlxMytKtZi4nt9TErVf61fg7foRl2AdKEWpR1W7vO9NStO840NL0Ae4SApf9MmwAqnJii3JPA==","signatures":[{"sig":"MEUCIG8BPrDuJRFIYmUtSx+HoMrL2JZlDbT/2VZ+nL6A6jF9AiEA6P04ne1nSZzy0prOo0QMSj+hHIEZuc7bKdjHnEGjg+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0SnjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPlA//S2ML2p76mzM65mLrfczpSxT9PmeF1um9RB9Inqt/GAYbcg/P\r\nLGlsXJWY4xPyn5bjqOJut1y1/NOYpxYr1k3i3g/IY3S76HAmjxoADRquhMyB\r\n++9xVglwjCqRUfwuU1TRWBKAg3lZmnqRYRnjUk2peYd5b9ksyB7HTvMX08D4\r\n+O+B41fGJG0MmhFCbNvNnvhtI9gLG+FCilv8bspFYHXdfgUM8wRs8YSHAcW0\r\ngaKdLWtY4vOizm0kfTLXvOpYZv5GWNPg1T5/VLLJcU18NNvv0XVckUzmstUK\r\ncYOqIeOm941fkB3sLx0BvLtsEhubJAL1FId/cz1G8UqKZpzfFkPysrbAGlba\r\n5Vpf9fDfiGDLNpnodWWDiA2V3E+8gdeXBWudJfl6O9ajxNQPbry2tlkDtYCw\r\nbV0GshgK4JPBj6lbptiE8bb4/qtT50tzK1wCZBahU4OAsH3jmmc7Om5Kuraw\r\nPmF7cy3Bstw4+JSzTCTS+/AJfHSDtwGWsMmwLYvRk/Pl/Tnb6dIUcKVZbZH3\r\nxb24oMWF3t8FlMbQXlV8osWVqHwde/pX7BJ2TarjNth7xmUOKfMEkheCifly\r\nfKDjJUKM4clB7jR6V4NBv4KalG8ekL/SU57H5ROyG2wRkh9oJNwF/mquC6r5\r\nFrGF+QOwqqFu5G14p78vy/becJDqRmDjhk4=\r\n=kKus\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2ec31cdb5e8e1a849368a3f352b213919bec43df","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1ebddc343.0_1657874914925_0.4326758296540445","host":"s3://npm-registry-packages"}},"15.0.0-canary.c5018840c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c5018840c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c5018840c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79e3ce30c88a4d5d14d7f36042e59103f85130c2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c5018840c.0.tgz","fileCount":12,"integrity":"sha512-YxfgEXl7P9bzF/8PC/Qww8WybzKF1w2oCng7mXwNfQekM7bneNcC6IaypuZzsmjmc1Opbkm2NFJBMiu8ksaL2w==","signatures":[{"sig":"MEUCIQCRyCEP0HcKBv1bIOHhEcyix08ve2ACiybx8Dr7cacxWAIgWnVtyKRdBXIZSlmaN9oj6fVcAVa1V3nKj0x/1mCRIxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1Sr/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqftQ//QjtbUgGNCWuk4vfKwZ88CfH6iUgFRDh1fpXavJvT/liXefyS\r\nQIfsTCnTj3IFaGm7EARQCGoz1VobH/agjGqaxFznml8kUgqz3aVuWSu7akC/\r\nLMAA9MFU58eX/Aa7UC2D12PMiIOn1Hed2W5ZqmURJVIa2vMTXwwkW2pua3wB\r\nZTfUwhWC6psxKaOwYO596EYu/JHSoq9y63DM2PdKbxdIMSYyHT8FfiCtYzjo\r\npE2rMvCdJASL0nFDdF5z632huaQ/2GC8If1e41WxT8UX0bhSeErA0NCghoTp\r\nZfL12nuym4vJWz/F96E5VZKOQe+/8yq1Zk1dMuDZWsBSoRqEhstOQL9wImNu\r\nC1WpFJcgp/I5YIIGqc6q/gqGtFxT6Hma61iJzyt9FGRRPTnuhSyb8MWSM/ZE\r\n+Pd2Hr853m/fCevOMS5nFt9bo/S/v8zi0taLFFFuUFgTR9Q20iBjmydQtkYh\r\nC7bP/xx59LlI7PEOQHYSwxzJcrXZ1nMSivEDDGgxLFcamtBi4Wsh16FNEq8M\r\nUDS5XQdPf0fYVNzT9EI6iQuW4reydBacb+LtHmFOlSyi4KQQQtClOrYX+9e5\r\nIdEhsoQ1rbroE9qj+nYLd2J3wKO/pcKKVoL2rZim8FKkqW23bLSytqFnSTSW\r\nsE/d++ihzMW9IjYF3TRQawxmR1RMEw6vVmI=\r\n=DWie\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c86de383c50b7d72b8c5cf908c5fdf3e6efa94c4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c5018840c.0_1658137343096_0.742516354452889","host":"s3://npm-registry-packages"}},"15.0.0-canary.551b40d18.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.551b40d18.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.551b40d18.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84837f9e529d8a992bd94d0f9068d46a46f8bbcf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.551b40d18.0.tgz","fileCount":12,"integrity":"sha512-iWfWhglRFkQJa8JERbfL9876VihQ3JzNodWvNgx+OwE7nzG7OQbSok8Ey/bTf7Neqf/V2tZ5GNm0kohzihjhvw==","signatures":[{"sig":"MEUCIQChXmGMc2whcG+w+nfwp0UoG+j8dkZ47mmql86VujDJCAIgKNr0t/Sn0/rqTZnyYh8zHlV4MAspsAWkGRiW9flrF+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1S8iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy+w//a3UhMNIDHfu8eOT4k7NlrAivLfJymssk1d9hGV81Ok7Lqw6x\r\nP5Qa136+oC0E03mDVVFQ2Rp0zdt5Dlr3JlhqqeDQNZ7nU08RJiDCzu7uiqhm\r\nY+QPgzwJuyfDBKcmEsMwv9+mDNBpjmOukxJbmQ2oTIKG16gvGQY7MHI6xxks\r\nGksIO1Jp/q7HIfjes1uy6vgu4n4hC3DZFBs7kyQy7kAc5NZRlCYWeqFYRZNd\r\nnqvuZhcbIL2iKifzmEBAM7o+RD3VbVu6v19Eg1xfGtSx19SbiN7y0kKqXXeO\r\nZXoDWtmMQAmNg+YNXPLlP9TTo9aMOvUOxxYhda1mIptphnfTWbgz1oCNe2IK\r\nvooWL09pKO1n8Ipq/HnO/h4RCnh/o/wFX3iEWsi2rMLfYbXNJHd4aPvEFasU\r\nkJXl5bCoUNOGOCfIFjAvXFFsjksT0oQpu4ohVqTuafqe7hOPmTBQmDk5s3JH\r\ne2zWo2+TjOkzswZZpijbZjH01CtU60L9Jj0iu3R+MECSLPp7O4fsr2N39YRC\r\nR0FXdCGWvMSq4XgepVd1c0FTE2ln3/n7TskIjubczrQZadkqzlQAFp33dz2i\r\nA1JxyUsQmRV+JlDk4UqnRorSoKd0F+FARxqCCaUE7cAQCEY6TrR69MH9hFe9\r\ndxxNhqsLqFhh5vjXYZJsSi4nHU6mtBvNiw8=\r\n=EZcS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3e9aa3499438031c9229cf2a18a1a3672620853c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.551b40d18.0_1658138401565_0.6246620790859037","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf9f12371.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cf9f12371.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cf9f12371.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4d63b2beb5500d588b90683284871c5aa06afd9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cf9f12371.0.tgz","fileCount":12,"integrity":"sha512-NCmw6ks9AJrKFwbaxo1bkAG2UUg8CEmJbda77+auZoUSs4rV9ZYf24cHyabwIx8eW7N9mjodLYYkfKXbRMUJxw==","signatures":[{"sig":"MEQCIFrGf+g2BQRT+MxNrT0/EDvccApvkEia3Lipl8VTai6XAiB35O1ooEtmqpD9+Lem4asBLR8aWDgUixRKMc6gOgzOXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TAYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwQRAApFVQBMT7cPtB2OLWm6LFjq3jsoRhecuVpupQln5NdJHVJwzd\r\nR4ymXZBjMQQhGU+TXXYDB9LrC26lj9EtLEiykT79Y7aTWb2A4oHR7BSqxKdY\r\n1lgCWfK81us2duEYdDyt1M/fykAL0Dxc5vWDF1cvfZMtvWZi4LbmJ6ROt7ZJ\r\nfNpctFPWBiwbi9iu5+xS6gDTd8FVxK4I60PTRhCQyCd58+E/ccOpdUSu5fK/\r\nxgCvYYFgA22WJY3gBJYmuV3NtTmOWAwxRkb8dZXaG6X5togzovcYeHEZfxIu\r\nQYlwwJEi7e4/4L4lBVvUfHYX38hRHfetDfNfWQEjPGJcX5/iL+KhVtjU0TXj\r\n5AN/a/+/JAVefSNwzhlWyQXEiAukwVLBZUtM8/kxZOamJ14PRxCME7EpDVVe\r\n23KZ9BXON6qa3P4Y1O7/yIHNr3UkcHwvVCU+fkQqCb/p6dM8y5/Rnuny9FXy\r\n3vXqM6J2rxJsblPVtCtit8UcawEvYJjNUfE6wwervIOVqANT8XFFzGFMVKtu\r\nsmTBSrx6Lbjhdt5k2IYMaBTidtBYXziZxa+cHnx8x9JI+RjZDwe1OtkUMTWA\r\n0d06qgGOdG65aiOhU19YwGatBv26zCM2Igsg27QIZ5xFSqteA3Xp3s+YDABE\r\n1wRMCGiajTWB5ijuVDDE+OKIEx+OJe3ZJtY=\r\n=P/KO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1817e344a80081e042f37248beeeb96228402878","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cf9f12371.0_1658138647786_0.16380419249282152","host":"s3://npm-registry-packages"}},"15.0.0-canary.2797ff8b6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2797ff8b6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2797ff8b6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a79a80c886e9cfd43e26fb654877296acc084c0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2797ff8b6.0.tgz","fileCount":12,"integrity":"sha512-rs4pRLNsuqi/Ia4k/aCSP2YQ2KYQFrq7OhE7d1hGfJUZ4NhNwcUZ8r/Chr9VMabh3RFWh1vyeuKQUJOV5x3BOQ==","signatures":[{"sig":"MEUCIAknd6lzhgNOQGh9VIcs/CnSP8zTuffJXfP7jNg82ul/AiEAiDo0PIW6wEFEtmY55z2QdQNd8brXKZVVm4uz6KTqR08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1fl2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgqQ/+OrzBGfzowhK9bWxsvCUTEGglyaItyfUXsbmzYqBZpivqR/ix\r\nZ9j05SXTAsYlToSDTp3YFYn+ROVo86+8Jz0D4XwOynIHEQspxKYQlyDzcuk5\r\nBZyp/Pw049STAsQWR8tngd6mK967K/dAT7O6/blD4KbqmF+5xXAurFsjFuhR\r\nfUfdJtkn0AxCqqUOaCksJ1OEPBzoxnlli77H+Mtu3cujY7cosPQQG3dR5084\r\nd/ce9w+8CcMf8c1trZlilh/nH+Fpyid2srmK0wZCOyWrKLhQUdKY87P/onNa\r\nYae+zpvIUdBmMaQgKcWF+uyl+Ey0X1MRzzrpLJ27sBv3znGdJBb8l2MdOOjy\r\niBfOr+2LcEGCjA3mAz6v9iSrmegAc0i/upkyLUwwqtyHvyN7W/ZBbppl+1CB\r\nYuWNmwt8G3qI+XxjOj+qMjW0K0aVaqD/KhbDoBiae+MxLIRKk95WYqF7MHTO\r\nyuDLd9zI8u7zBS6FC5lh0x3WG5mNvp7mv4iYlGHS/+VL+l5c2fbi6R/t2Dsi\r\n1rA8ZX371c3TzpqCdcQjvfVr3iunqGcHDQ0YsjIQRLlguP7i+0NBxyNxMf9L\r\nPuRJG9WXxdqgr8R/paxVSRD0Mb7q5zt+T+z2rvYdfIIdLjswsIQsn5VXg+yV\r\nlteAPOsg+fJGOwsIqTRULL8Xwl5D6HXLF/Q=\r\n=DAF2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2c89951e5e0cfca0b1dc61a4f30259b33cee139b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2797ff8b6.0_1658190197948_0.41171508579057914","host":"s3://npm-registry-packages"}},"15.0.0-canary.110fafa17.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.110fafa17.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.110fafa17.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a509b509f20da306a33b00af6388a26da297dcd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.110fafa17.0.tgz","fileCount":12,"integrity":"sha512-n+Fnkj4vhs64gSOZQKvIDknUUnmRgodJ5I8cJIhVBt/s/HsigIHwyb145EkQjU1zM1iPWcLzWMEKKVAdeCNiww==","signatures":[{"sig":"MEUCIQCEoA/h+if+Qao/LypnXGiExxlVrEqfTnzNvO6ROOB7IgIgIY4XSd70kM2ejIjAQHavuKxFlD3t17AhvAx/1eu1qsM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi17KzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrf8w/+MmI7/kDi4AOT2B1/zqEdq8hSBgsxg9d69vR7c28aJ/KPdPvU\r\nlGT2qjyQwLaRxvdLQaoVGjmRychMWzYhZfzcTMAXXGaO472woO5W+wxtgQ9V\r\n/Td+1EQwzIRoVCJGXHdJ9pD6Pz3GrG50549+iqWP1KynIEO/H9qB4BO51iTT\r\npy8ZMV7c4QRxnT8WJ5hH03Gb/lbt4K5NZEGvTvxEVNsiMs3+zo0DNZxORupn\r\nyOAM9VM3AZn1nYsNLuP8+kpCLmvU7okisdHH7zEN4w56BfuaeQGMP4MSbE1J\r\nYDsTYrhaTnZoIsb8PzJaG9607bm5lRv8Sf+ryu31otFwQaDEbto4oX8qEsqe\r\npkC2Kzfapn6lRBsnpBtJw/rRfjqqYdLDFosWfnQxdqdAyEiDV8CmAlD9/6lL\r\n04E+GQr7I2gDZB8QjMhucmgpFIDmtsk4gnxyS5K5bfBaH1OJBA+s4d9/4P6t\r\nBI7l3CwQVhuWD9jmWwvcsjU7QdKtkiJ4olCG8qPR7KLA6GmiGxLArooXrnk3\r\noUY3wvoOOtU6/5gnK1Spc+a8nCcCS0MYXeelZ6LBsxgS4HmJT+J85QySwBqY\r\nhxa/8UVw7hwSjmBCn0qh3FM9GyjAUUV5lBluEwq5ji80tdNbXJnDDOlKwIAB\r\nvkeTJs164cMWUC1EjxxFv6EdtH8rj2B8LxM=\r\n=eQYm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ccf0ed3e8eaadf1526fd10979e8c00e79b228f5f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.110fafa17.0_1658303155055_0.938697095061853","host":"s3://npm-registry-packages"}},"15.0.0-canary.386ef1d2f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.386ef1d2f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.386ef1d2f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eacafe3bcbd7163b9574ffb7013c44ca4b7e4256","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.386ef1d2f.0.tgz","fileCount":12,"integrity":"sha512-V7ntj+1K7JWJ8r4JkUXCvX7q4+6+erUEuGEBpLS3+8K567SCdakgU/8YG2jxInLG/wMY911ykqrK/RLxWoeZag==","signatures":[{"sig":"MEUCIQDBoH3ImxplITjlBMC91/JwwWj6EFwcloYNqNqRIbNhrQIgYJ8+Opc7wnj65PeToUriW95DmOg/X/O1pqEWxXiV3tI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2EcUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoT/A/7Bo8rDFaTIGMClXiI4XshuQd8Kf1+jnak+duI+aZ5/M0ZlBwY\r\nDj2b/vSBc9awXez0okSP80MynUY4tip7Bo3nMUfTxwCr7RQv3Qfyr0la2ok5\r\nWioWqMBoPCiAoduciMu9xJ+F2GjBA24VPsd+0yU1mjZifqz8gHie7lyVZJqr\r\n8F5A6jNWYbedrsbA5mOjKYsaCK7CzQK1cDgFyF6KQx12tIKtte+FmX4VHtCU\r\ne1yNSrXpGqo8QMU+ycEEfZIsz6RNP0pZ5zawRP40IUq9BYi7OM6hKki1fwOY\r\nobGxg73LMEBnbtvTYTbH6SYN38n99s/6axbZDj6//jidstHhKPt/VetvClqs\r\nGfm9eg1RUWDQvXVmNG2fNHXqVJ8o/fhiREMQJSPY6uR2ozr4OL6pYdPBtjQx\r\niK+PnNUSb5FjfqY0lQSjNupMUhaSEDefeBEc93P39mb5fZP+bjcd8gM0ZafW\r\nr0kZAvdF3BpZOO66IjB9NtIoUDyK+AWUjt5P2ISbGpFm566fXirfml4Jjf9r\r\np0WbYjzHI3a2Se93/EKyNqnAXj38SNkzCv/YIdlYu4+GWY0ERI51ZCEvdmfV\r\nqz4mgTEYjJMtwf35mdKY6NM5C4Bhb9t4EgZmTtK4V581MHmUpBSzmmCkK4YA\r\nVKO7goDE9AmUGv/5vQ6axvbHD7SHbHwOCZA=\r\n=8I+A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f81dc27b99348c90268023c46429639f145ca534","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.386ef1d2f.0_1658341140629_0.41120540493205304","host":"s3://npm-registry-packages"}},"15.0.0-canary.c3924efef.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c3924efef.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c3924efef.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ba59a4ebd0190eac067fc0a24a315380468a6a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c3924efef.0.tgz","fileCount":12,"integrity":"sha512-TGFLgDmOqP8jLwSXq8tHNvu8TwkyzsAbd4S6PXApyoGsrCiGiJW8EsRNYMz2p6kJ9lubHTB6bVbNSiEQ+2aM1w==","signatures":[{"sig":"MEUCIDLdjGmVExpYNHeaabOaqs/+OdxG5uPGXxpVfw08vj0yAiEAmIugZ+v0b58DGibNapRObFjaKgKaDXdo8iho6yR9mko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2ElBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/gw/+PZmy533byP4NK9zgKd0EdP5fZIo4UmeVZTCVA7HroY8q8yCi\r\nm4qm9X+Py6DpHWAkmDIAr2YV81/HczN1o6b9H4EKB6qgI2T29zHAdTMbrn1i\r\nLXpxeNVS0mgVDv01FJgWFTsYiRTbPTwKsUtEdagn+uc9ytgSkIq3yZdJPC4w\r\nSd82JyOn38OG2yMdOuJddpqVM/Lbj+NH2Y87g4r/GNU0DWKt0UeFSYqXTFXV\r\n7HEsrhH6w4xWLfG8A3VGvGhLAe4xw6bjtdXw6VCh7ky/ePsjEtsKscK5VhwO\r\nwLdnWAzNDuqwxmDIi3IloBzMoRHBrrcwL8Sl8XzrGWGTmd6ZVVZT8YukKPz9\r\n0BbtzUMPWKWsgh9ZpioKOKEZqrPMLScNVa6+gzNJOQYbvHvL6Fy9fe7sq7Jm\r\nfG6oUPsJ5JHjo3nl0AH0Ut/tYECNsCf44h921YvtVA+hL7xNXsN8Emz1W01V\r\nMxEMKkI69NQD1ozWGs6iCwlCYb93mUgZcAg1lx+Th2v/8sJ3Judx2CtWTIS8\r\nOtaKyhrhxjSxNkfB3fEDfcwlxrqvMmmrp927/s91diVYY3kCXUa/KYxsxtkV\r\nsLPAgl4UHXkX6+FW2kD7kjMEC+Ck6aNfB3mEr/QJ/VpqwYFEhjgtY3F93XET\r\nY12q8an0k67RT+cC/cjlhJAxqQWkVUqCe2U=\r\n=iLsB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f665d9454e06d217296aa1a2064c9c67d3fe2759","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c3924efef.0_1658341697086_0.8546060851188833","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf5c5907c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cf5c5907c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cf5c5907c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"200c55c827f5ca853566af65b199a1b86a40c3d2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cf5c5907c.0.tgz","fileCount":12,"integrity":"sha512-+S49UC5HJmKGtdg6l328Yz182iGCO961jAqMyzDAlozLpGtZeUD6irN0IBg5TMBKtErrLqsospaPB6vkLo8Ymg==","signatures":[{"sig":"MEYCIQDE0IDr0Q3Y78k2Ihxg/LrF4FRaJVzDq4zRwoiZguUeVwIhAPQdnIC6po6azEzIJWvi/UnKAxi/g3tVFNVk739LM333","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HHBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsaBAAjOdkkPqksARc7mYMqJI3Q9dCdwlnuZ9XIvH2LX3xKDuCTOxC\r\nHzImbSwGpAXrsVkmXjLRsLzXdgifp0NlwWeDvdukKyXuVoR+a81ujTeaEhst\r\nXqYfWBXfjYVshlLrfJXqyukapG9fGVNH3MpUEA1hq3DZa/w4O8fvNPEEqpWg\r\na+doNasv0nB8o2VVqIW8YzdXIMFckGBQZghqAr2LY9QriZd/YbBUcUi2ompD\r\nzPMf7ElWVA7gohYWOGY3pJzv2mboabISDKS4mw7Sd066dceLIeg9tQYrnlyV\r\nVNdl5pWkobEWCB6g5dCvN68zGQylbIoi+UhKepNm0fODa3Mx1hwzPPnB6/aI\r\nd3Z1hzVs+OeDR98KCfTHxkkRQWW3LY5jb0yfSZLBw+cOOVUOFMgAIkjQ7Cv+\r\n4ELQwCugPD4UXjjFca2dWN+hRNEnVanXXVzzbPtqexGDHGvbEfpq4TT7yyhH\r\nOXGDsGRzXj+v3MW3OPG+rzHXL2TNn2WzSdhGHdIUnaajoRhmFe8X+hrSi4/C\r\nCqlGm7ryY1hIRlwpcxKMgoghAq54ZuR9G26WYcR8N47SCM5PZ9UcBKELBZSY\r\n0YgG9FP0ZCbE+o6WcbQX57BdfPlncS3HJxZBpgUaITmNuTHtfAWE4C5f/3Lf\r\nIrlloOWcmXRavdBU2erQDof2VQ25x3tZ5Xg=\r\n=dOMc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff18947542e40ce8532c2ad78551ff4e74f9d647","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cf5c5907c.0_1658352065445_0.17315418461432475","host":"s3://npm-registry-packages"}},"15.0.0-canary.0617e2319.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0617e2319.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0617e2319.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72a025692a31ddd1dad63318b141142d7023b1c7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0617e2319.0.tgz","fileCount":12,"integrity":"sha512-NMOWS0dDhoh2W7E1lMi08x7GkruJzUmjuamT4aANi6OSc0/tIiIunGcmFBc608f+Ti5AfBm5anzI64/NvhRMdw==","signatures":[{"sig":"MEUCIQCjZZwbgf1aU1oCWxQcjVha7/3Hjd3YMbN2FpBe7j6/8QIgRIXk8z6RvtMiVM/mHF/+fsFHT3F1LvXFshtaq0hFxsU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HYCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqF6A//XkITdPLweV/P6awG3wC3jm0bGrVFnUd4DiLplorDTat5jOmv\r\ntOAXDlcU8yECAFp9drO1+SgWH7+WiRHOna0Kwt5FQXbwS09Y5di07xcuae9J\r\nHijhuV75x07GPFQF8UD1vk82v9uKPt6ZrZHUxt0HSsEvnYMOU2oZuFIKKj7W\r\nrQb6YLR1tD4TATLfq8rtyZQEIFhVl2WHoO+bYl+a47dn6tXH4j90+g9zzVc8\r\nAGTCYdxg9Adl0YbiNebYR7htTODmhP8fGKEQwIhgPffjOtByoI+KL+FwLNWb\r\n9mAKnOEc1kDgtHbl7VGsFj3CIQcbWYwGXjyHcDSY7Ytow/Q6YMQxSHPFtUs0\r\nh1t87q1Qoa8pBpod2rRrMgKk/pAvrduQYzVMTW6N0UTbf8z1KaSC4sWXHKvg\r\nqaELX4CNISWV6B6aMcGNjbKWfYps81BXfbg82/oTWFLi/qjdTim7uPi2djZj\r\nyIFQY57WArPdYJlGNlr7uupQ8EEzrAZARYa7B+UjUN/byUEZv5AJSST+pBz0\r\nQpBaDjq9yrSQLSL6xuz/prlMt8KlWHEhnklLUyC5gO3Q9CSmvGAfW33HFQ/s\r\n+QyG2+ZKGdadbqQ9+Gc67TCC2zmnKmVQ8qzTEnOv1NEZ0NDKLK/o2bw//853\r\nOuXhF2gbBUKrDdUJgOumvlTa5XaQxj6HoeE=\r\n=4QRE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4d6efed0d00cc69adede24744dc368da0b2c897","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0617e2319.0_1658353154556_0.08579749036454465","host":"s3://npm-registry-packages"}},"15.0.0-canary.a743b7967.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a743b7967.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a743b7967.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f623594d6285e9367ad1db4e1723b1e5fbdd5fad","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a743b7967.0.tgz","fileCount":12,"integrity":"sha512-0v1ecmZ7rtbjSfcJkvNiBb6DbsKsYVmujqCdh+vWmDSwgiXvqd5DgnhugnqnzPRbCCkArHPZPsjFrNUqBEfwug==","signatures":[{"sig":"MEUCIDHQ6v0eu6c2kHUP4sb4Fq+VzYeAJV+dFdBmjIX2gbysAiEA6lcwYaimBs56jvqoE5sD0XO/ZPk35+BshZf7zqZceb8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HoBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwPg/9Hy/H4+J76OBxWwbkNGMLYeAD/CmyBHe7fFfGn8gPnGWj6DFJ\r\nHT/MFa48LgYeW82w2/6Xn0O++wk1KO9Pjhhm+qjSaIH2KO34YVB8dRrPibdz\r\nPEy5nPdy6v+XzNEPhKraMR2cH6tfZeO0C+q33jJLD2+NYKvCo0OSgNnAKKVy\r\nX44ywOF2PULdtGSHTGpJKKN2UijXiYnXwa9Fn2nzQgCVC/kmV160c0PBCbbw\r\nVG2vaHOIfyzJrPdNNGX3POQGKqrP5OJJ1B0qs3FiCsX88xqlB1gQh7ueVV5t\r\no/p5O2wSW+S2ZqYZQumfczkbdQ4INVuC9Cq12UAUzehDY88No4+ugddXow6Y\r\nA3laIMywyAekunVUuDvFlbakj7aia2beMkXX5O/XcyfkedCTwu1YDn0kalbD\r\nFtZwHwc4YfBONleJzkj9TmfiC+Ey0ktzq8A77Wm41a1H4ahTR9DPv65soiAP\r\nWtSjkm5S1EuWHxQbiM79ml7QD+retPAb3G8f0ZMMlyE5m3vvQqsq5TxBOCej\r\nI88WvnLPizaJ7bQBWHUKpY+SUQrcGz3GG2Jx88D9jcAca9o4tCjOsf5EyjoQ\r\nPex3a7hTAVuw0v2OmRhnOU8R2O9iY8Qc882cp2Sgp5a+Wczg872nL5jctSVp\r\nfwrTLLXQB8C4rH7I15Qqf/K/j3mnmpeiTWg=\r\n=fAiZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6fe7cdad71b01dac35a3d815662020bebbe50e23","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a743b7967.0_1658354176988_0.45202245029704446","host":"s3://npm-registry-packages"}},"15.0.0-canary.69fd619d0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.69fd619d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.69fd619d0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fdf390f4ebf166e584a6dbc7f615dfcaad583f97","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.69fd619d0.0.tgz","fileCount":12,"integrity":"sha512-oShkscf3BABSliU9RDqRVhEXyYGrYaH2q5uEHyRY+pa8ewqnSH5ivDn0cAQX8crgnzkkbeqKuxKUA0/1DNJh2w==","signatures":[{"sig":"MEQCIGdg3FT71Qp0my5maVfO5bgnMa+XSLP6UCp7b2lcwsrfAiAoXEC+i8EI8rQlz++lDi90DeDhy/P2cRoaWJr/5+iqPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HzNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWyQ//dA4aSI+KRvMWlUxqoMjauzwNA8AqaLD1AG4LZN3oVlaz2Zk4\r\nCZHeaAy5lMF+7OT5JpKocPElG/wi/bpZLKqo9ufDY32XSbNJrpl2ImkKAcKV\r\nZtNNaYi1XQraIzPGAfIC5lMTial6CtNomWnN0YtgO0VQjjCO6fWvSq5tuC1M\r\njr+U1XWHeu0+r7A/nZdyoKaV5j8zqSHA+8OtBahiWSAPD+hWCXJzu6Kxl7lZ\r\nT6uMNMrj0ef5GZ9JwGfLKWCyh6pynd/BBHUjHZ8Zc9YQ4/86i6BlP+BCOEtC\r\nkHt5gvSh4LLtDzy4elSwWacQ0FFi8Zc07mv0deUWEmMlhIsOal/f/0ssZUl7\r\ngZH7Kn95KceNgLUoiTSoDyxW18W2SrhHp7IV6kdBWCtGrW4Zws4te2Y4VUC3\r\nlnMLMOrloA1EGT6wBU64T39d+Ft2aBbmxcGgpFM/6i+QgRgVY9CaKV6gX5oI\r\nd9cAuWTVaxHkFLsifjtcjTiMDsIC5Zkp6zjrs5BYi0ndPL1rts+NF+8NxIHY\r\nIqw+GO2Bjw/p4o1M7A08FWJJmqQ1iJZMJ83nqmF9TxeA0KxISUS54JPK8ctC\r\n/S8FVv+jvRnG+zo7D9fVEkaVT0+itCI9Co/GJ0oPzV1QxX5YGIaDm1gTJQ/1\r\nm6Oh0gIWPEM2h0pmUEMRerq1fiHslPQbx10=\r\n=JB0r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8982644a21769a71fcdbd9d8a35d87f00bf73b3c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.69fd619d0.0_1658354893298_0.5181416515110702","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a6ddc1cf.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2a6ddc1cf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2a6ddc1cf.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f95073d723015986b89a08221de13ef03d7c4998","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2a6ddc1cf.0.tgz","fileCount":12,"integrity":"sha512-yz3CKdTZHCH7nWK5kltOpsbAk/MMc+IZortWkdiapwLJSefd1GBcu3YmlDhNfEqsJrPk6EeC7SE2czQF45QwyA==","signatures":[{"sig":"MEYCIQC/ua1o7Sn8knOml9pXbYasB+/trVmuYwWEjLXzP6TBbwIhALeWMmtzoBnTylSyucJDhgLBdTd80j/raRONBN94SzaL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5ATjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo29g//dSiJ+oA6mcFmNxmRWsuzEDBuC6VSbje3+X7pAyuQv3owGNRI\r\n7hy+wg2UZL2aV1QB+2Jf05v7+P57ma2iFnxKFyj30SfHg7cSHQjwy9L3krZ6\r\ncTi3R5dV/+6OxPUrCZJyGP2Z+7X9TYA3/rX8RkErFXMwacFVD+BLHAtRJhVa\r\nhi8UP6NWWscb2G+Ll/ZhT+WO6Idwax4KvYE55/fUDkJCFxCgQ4pv/w/mxoDP\r\nhI8WSL08YBTuieHSkNQ0rNQ8Z43mYWTpmQB678hHSlmc4ennGPHkYqqn50QU\r\nW9kyd1S19RfUQiTuRNuIVBIC3UKRHSiumz+DSwvvTrSKqqfOVZGwISzqAEPp\r\nJNjnMkQWLsAWYP2mBEBuxgubpNdeCJ7CY4lCvkfJHNanYZ8NCYho/pwurKY2\r\nbGqEREYJe2m6oVNTOUVGxuVniHKRpgKOXFGvBHG6D8GLlQNnjRMRfenRMucY\r\nojX/CRjeKPelHuVv8MnRB83wZlsla/3oRVjPtYlN+85LmSVdtp5w+dBOjmLr\r\nCqQFZ5lKNYyOFkhFWLy9QQCDaJqPjkTAiwAPOhkSsLtvz1Dkl5c5uRbb2GLt\r\nLz0DtR4gDfe8MBcqXzCxTYcZq7JfzBf+KM5InfjKQPb3Hjc95kuTIfDJh1MC\r\nkMfqf1c9/4xHSyqTfhGZGM9gUSqc9WX6/zE=\r\n=sapF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0e951ea9d38f3d449f24bd1d8ecb0fa70c0da462","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2a6ddc1cf.0_1659110627436_0.9396060126058008","host":"s3://npm-registry-packages"}},"15.0.0-canary.86efd56f6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.86efd56f6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.86efd56f6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0623fc7d07587de852a641f680fa4513bb01c098","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.86efd56f6.0.tgz","fileCount":12,"integrity":"sha512-iYE52Bkx0qj0lNkUmYlxcPFLFkEbhkujDCRkFNzB47aoa/JNIVSWI/RBXYATqigzPvVxh+748Hrn79Fnr/gQPg==","signatures":[{"sig":"MEYCIQC0cAcwHqeeI6JL3pddBsPaldeOcGpZZLHBIMbr6H/Z8wIhAMaliXqG6r7K5qU757OyGbs8LvcEsCtNl2GFsxbEtZIN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6ThdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBxhAAjN8IIYezU7jxAnBW/mwHDe5seJm3J418OlkqQfYBkQmdfPfT\r\nhG1OSSf2sXItebNzXEKtKib44KCF6f0Mq7FyUTUxlGc19mUQ1uord66TDjRb\r\n6PDmDmzYWkbS6RHxTdFcNMrib4mfWegSckbxPPvw8yomeSXPbrlLH8Aj7thU\r\ne2YAHzNAvETvlodKhpmEkFGhkQmmEpLSwHrI+vLKouEdjpOwOKbNXXhy+ENE\r\n5kSra/oIYviPsZu48yidrMa7bu7AJG8g0/PCJAYAr6vRTzJwgkPhwc71T8LE\r\nuHNkOpOxT3NmfxHGg4ELJTRGS5tH6UsqewYZ5uPSP1NROuW9VNpzUBgJDy4o\r\n+t1RC7P3WR7BpLRpMCjOQcGfkxv7Efc6TfurHjmgSHxu8n9m19pz9HWje5td\r\nFpKNmvUJxBtUBfkaPpZ0Kz3ig73QC6VcMtyIM+GcUE+sGyCBwxBdTZut11wI\r\n5QkkO0UaitUqNGVSlq/xaw8K1ST1+3xwWmyZfMlm1isVnbNixuBTlVLsK79P\r\nZ+7m+Wy+VCp9y/pbu/5+L1FYO0lHp4RyZbpaOOwE5E3I351ATINwJ5jys/9S\r\nLMN3P77Ro3BQfraPuK27vzrSz2ow0hbDleJ/4TJkPYf5R6jddC/2HEWxrLzO\r\nbSRKhFnfqi/VgKzNxjw3O/skhJ3NB9ZPu9E=\r\n=XTG3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4781ca009f9a9b59c7dfff5df2d23bb14b9de2f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.86efd56f6.0_1659451485172_0.975430100680275","host":"s3://npm-registry-packages"}},"15.0.0-canary.ccfc24d19.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ccfc24d19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ccfc24d19.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dcfbfa4088533c886015d738a8fdd1e99ea42786","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ccfc24d19.0.tgz","fileCount":12,"integrity":"sha512-25H69bMihPi2HfulA2zfsN7DVx3Dc1Ts7JK6S1mU8tX+AvONPVMg2WBPLEexcpOVMT+5pOO35TPvSqzbKHXsng==","signatures":[{"sig":"MEQCIGR8k7iEEsunprT8/AGTOr9eor+JYEr0Q6nbafJ5PHU0AiBZKdhH3+kDmP1nskE6ELhfLsRW2HqGeqtgnuz3sI2Efw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6rqIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqrw/9GN7H3yT9XTrHNwf6TPXAaW3TR71PtgsJjqSE3ktytnvtFn9u\r\n4I7RNd0fg2lsBGnMds/9Q+/fS1y0AGlNi6XacyYeveOeEhhA/zXAfsXvEwcj\r\n139nQBe2+WAwCbP6AdFGLv+evo7zLSzjiG4E630JLXgOUeRVI9swQ2CKf1Y7\r\n7ia69TD+37Yv1fh96Z65YNvQfLdxstINnUKfmvEemnvSBKUFL7XIa4uBFzOE\r\npM+CxsYUHUVog3SPjvShaRpMXZCy3wMcbH5a0hKBoOnkgDI1IUwI4ZKXVBIh\r\nD8nYoduGd/IFq+jia4pyxiJ/ahN4vj9CZXd6F4Bm3nqmDW0he3nj/FX0qVd+\r\nbaJ2Wo5aUoDyUJckrvgHMvedc+7KzLbVinslUGxdaocSMwhWEIquFug6PEIL\r\nb628BlyXJwj8a88ploaL1kpD7eeKdGSTX2623hOmgp1E+14vvGgghpPOWzZK\r\naqYLMKq5up8D+fMwe14ImWbjN+5sFtY/bp1aApsmJ6pAXXz/VyDj8YquC4Kf\r\nIkgnRNagEMb6GiWowIoF028ExXJiXXpCI8df/ZuMbWpBouHRKt/tZXTtAFrH\r\n+mqzRJW/xGiFaNBVsdD7nLsGoyEXZMc551lcJmfNiVYKtOXlTEz0hQEetK0X\r\nWxOllsIm7Up1jNNW2/ctsgRVCekxRgfU0ss=\r\n=V/GQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f790058ff0b4b30289ee965102aae1ca19654ddb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ccfc24d19.0_1659550344307_0.5691234441650663","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4570146f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e4570146f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e4570146f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2458ee980db9f79972f45312e590a4c41efd11a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e4570146f.0.tgz","fileCount":12,"integrity":"sha512-ye77YiI06GVjvIt3AMjyOYdWzozXtiSqQlHQiQ+aI/J6XBbjtqsJBZfJCzsd+FRg8i9ey1RHbO+tmOJdyoycNA==","signatures":[{"sig":"MEUCIQDxfk5+F+ycTbr2T4gCmaVrmsllQivNtUInCmZViW9V2QIgNl3VkSMXqgMvBFml1JPV73kR3qRHy5lV33kDCqU4JUg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6sD3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwmQ/+OHi9+dcxP6W1QMEwQ8MSBQcjF1CvKkltvEXflXIpwOTlaX6h\r\nqGGs/ZZLwN9e6AWhkwgGvbNkDSON3roowzSHOFHaaMGcFW5C/Qck6NSy032A\r\nhdW9WWL8rUeQSnt0pXQDxxvqUvZ7n3T87tQPLDes4gZqbMgQ5lNeaqzfXppa\r\nSvIJHtbHDznvEfmitCF20Jo+UKyzGLjkIT2OXnbtshmohE/1RgoItVfTVuVT\r\nD7F1oDu48OVLk1STfYJAPCeq1a0sOBj/vkD/hW01ZIhXSxrvCkBfTM4QerXT\r\nXQe8ONvGZBBteI87YXewwzXmU1B7n+FaCYLHuFCyt2FEGfS61ukw1cgEN9Zs\r\nP12Njjy6ub5zuT0Zp5GNROq4vbb0YhMDVijbUigAZ4RlvDaNVpBKXLMUoFGW\r\nMsdVbOCbtyLH+U7LViYj59DeTjXeDV6zFeUqJoFSEGQZpSG/XWjliIr+QzVu\r\nvqP/bUYygQV4EMaDNQiECk1ZJZKSVFSm3+bqnzCP5ENxgCUGITqJvt+bzG6i\r\nKnOtKGsu+u+YUIDRu9WJ/OWlnqiSad+VXAkJ579D/uKRMRQCs9OSOvEqGT6k\r\nY9llQGCcvJTc5/MWYqidgWX4kmowjn67FDV4DKeQVpc4Jx8IBu6QC/TiczwS\r\no2bbVcxB+ksySl+Iay1msONCy19Slzw2ckM=\r\n=SDcQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e80d690ce0a868398025065053615e866dc51ada","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e4570146f.0_1659551991525_0.9183037025462277","host":"s3://npm-registry-packages"}},"15.0.0-canary.6683a36cb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6683a36cb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6683a36cb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d31512ca97f2d2a9ea4adec6835c3bad3b9793ac","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6683a36cb.0.tgz","fileCount":12,"integrity":"sha512-7Qi0MfnaiBg1GYagBLmu0Oj+f94odK2EOf8PFysqnG8kqijA2ZhU3fXk4LgXbpx8i1yS4K30QYhtvUxzjPB6Gw==","signatures":[{"sig":"MEUCIQCToZUTkee5Qe57CrkVltfAQvHqAOWeLLXpvhdhb4IoKQIgLa3f22y5yP4wQ0+mE0zvRiGlSCkEY/n1Kt2vdsj7J4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6spQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2Ow//Yr7feoWuuM4wj+Kod/XjFJxUY0wQDR1C8K4o3rbn5GiOUjU5\r\nuuMHTTIoI6GLhq6iB3yjLABfa4dOSp2xzikx8BOkwGzP9qmrZCUE6BMy9I0/\r\nlQmOh3vjcOC+TU/0AwY4oijrbFC/vx+Aq5bHGFffJu+xagmWAtA6Cfx92Sk9\r\neae56SyfXL/QzArrm/uwWehV+tovxE3wVAKKcEPU78k9FXHZwpNvna6Aiu6z\r\n/DteWEmVwYyyIYz2GCIRz2jiV2Pb/dJX7v0OfIsALLpr1CsCuH98qnIk56WH\r\nXTDYGyBPbSNXqUpuH92zE1NhdTHftXd61GlDJLi3ZLMVnsFFZloZ3ExuvF51\r\nnRaSBUV+WzaIua3OkjuEKKq6jVX8UM5WraQ0l7lNA7M3CMrlh5yH160Z3quy\r\nokQa4beEd/W0SiZhnM6No/cufb6ShNTQ8vC6eSKdAjdR9W+NIqVoKYKT3mZ8\r\nBzZRnGyxKPgWFUxydd3Fux1ANxvLlJbLvQ7+d8uYAybHyOdJxt3PoFmutX8q\r\nsBlHHCaBinjgCzK3PZd62nJc5HXUqdoyWDOaDjBEsX24efTmF13ZnCFdIeYM\r\nd6KFqu+SLfqbOyIgOzkVvSKLIMzqicrRFANh08zxAdYmBIVkighhxJuu65Kr\r\n3zyQogTE06CqI3QJwPo+mn3pk+txcsnBoJc=\r\n=6Z+8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8feb0b9a8c5151a18a06d282cce87d861ea12e5d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6683a36cb.0_1659554384418_0.3369567920802765","host":"s3://npm-registry-packages"}},"15.0.0-canary.10196647d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.10196647d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.10196647d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25411c3335210746f856e83c2fe2b120b4ebc368","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.10196647d.0.tgz","fileCount":12,"integrity":"sha512-QdGCwvSbpOgnl+QRSW83CSYiEwav2d/Xz0841x/Dz1gF57pwI2pCai26R3u6kfF3QTJ989pozJkqH9HHnzMGww==","signatures":[{"sig":"MEQCIGgboFJ/Heg0ox++wMsQb5UVj5TToHQJVELFARGMhKa1AiBMWGZz1iPCPW+vT1Blu/vg8fGVun0l+AhMXCyoEKWPew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6u46ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcjRAAmCZtO7px1ljP9a59MiyUoSY1LfbCylOh94GU4wnXcCxny1R0\r\neq3/+B1akNO0Cvv5XVEhjW2grim0ulp74yJge4E3BGXBbnVvllnRJQ0K6eJt\r\nko2S5oeszA8gKcxC1iaQmM/thnPKQOIrGe4QkQk4mHKxxpNMSGjjZ9GpM5Co\r\nwTGNz9QwHpxA9/JqhjX5RB9MWlt4lRE63aqqhBRW6scpVtai+ydY5dqSnJcn\r\nFQAPqxXcSx7gYNuqZPJdDWuFtWNz0Kfxr12zxNkSpDhyME39InKf/qSwwDhe\r\nFGzEZi9k0+PyLap8ouqVECpoGXhuRQDQ1r8ku+maFQP6p2zKd/LDVNmu88k0\r\nHauyT/mZBhULaw9yWm1GKNGcQ0aGPl6KuhoKgVRqkphrqJPjsIFdVlVmkXZa\r\nC052zzELL7TI+mEhfdPVGXb5UL8TA+b9sJSFJjQu8ZPFMuT6Cyedx6dKsPY4\r\nhlfkbe/KClFxZ1cCf6Ff71dIYvKBNtjTUYTXuTFeWxHulDpHjfvXFqkm+8dP\r\nu3SDa1JbpcL9+LKyeEXLo4e4LgD3FO9EsspNziTn8g6aUkz2ytD4Y0dTNFhc\r\nkjLoW/++RLSJrMNTUEDdteFlOblnFyIQUpBSABE34RW1nYPCjEytOpOlh5yl\r\n4cucMRLQEHSOwX5Rd3l+VW+VmFIAD8rjrmg=\r\n=8qUD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a708dfc09b3443c565ce80a676b159abcec1339","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.10196647d.0_1659563578069_0.4069991217249971","host":"s3://npm-registry-packages"}},"15.0.0-canary.b20d3d73c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b20d3d73c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b20d3d73c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"956783233bb07d15b083e4d69e52346584d447f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b20d3d73c.0.tgz","fileCount":12,"integrity":"sha512-bTFjjB8NNx4sQaqqwNDhbDAlJeWiCUVlxMJtTXLYg1wlFc9FJvj8JOU8aoBrLaEGzhgbuhyWi5qDw8mr3yaWXw==","signatures":[{"sig":"MEUCIQC2fG+ha3MnvzIxq/4uYgQpEnlgvz3Ya+xg906eDCfKoAIgRJfGCnmD5eqGDYPNhdizOQL8/rXiF+6F23CXlXQQQHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7Es2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqm4g//b5EMNi2OfbfGzHWhPgWS8cms4sw51Yuv76tx8hQX60F9krfX\r\nQZ0oeV9MjJZNvdbb3Him0KaoJusPVAxQWeBDogqP358IYBf03lreAA1wYKkD\r\nzTfLZgHWFaxIThMljBuajvufJSnFoBIeXe9+OBZjLgy5cB8Hwxz3E0irAb9p\r\nBCxoowpttut0yHyfOX6vgLH/bfYc9mhUPtENppfI06+zAyv9qWZF2EIvU1DF\r\nM1mllbHyD5PKaUFM3Oh9FRVs21rI24Tcv6DUMzNg3Mx3Pvsq9DqXNe1wRtS3\r\nMnfitUWjmmsFPS/S1u2SYTu2WN98+wKWmann+v7qY/xl7HiCbKyfviV80aZH\r\n2doZ4R65JIVhik7Q0evsBvHa/w82BPIopSseLOCE9Xfc/B89cbuWYsRBeVBG\r\n6DcRalw3NB1ctQbDXDm+2zsoIDOxw6K2kX/gzTsNG2frmWvqbrO7UH2f/pPi\r\nnBMgvJAU1O6GVZT3DcwaSiPBlwmsfaBc1wyieS4epxfxsxH3FOyD62ekMsil\r\nLtXZ5e3VsgiQ7KqjTZ5FGSOGVxgSBHAairKhPuto4dXx8+34bTjsMTd/YF1P\r\nds+PxnGe7QpnkbIBxk2t85PL8UYTU2bXWseo8d+i84/zNU03Cc6UPvv1Dsh2\r\nsthCqcexmcH2SeJlA0hzCoaVdy1TZ4DPvPI=\r\n=JWYn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c869b5a3ceaada6bf2ec164c65f1e4fd88a0e7ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b20d3d73c.0_1659652918318_0.10992740191027539","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c0c6b1e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.47c0c6b1e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.47c0c6b1e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63123abcaae02d5703006e2793c2401bcc1cb242","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.47c0c6b1e.0.tgz","fileCount":12,"integrity":"sha512-PjFCYIMZYNObWXAgqNUPdgVmLZaImc+MsiyZjrGsHwj/qvB/fDzP6ZCq8fWrvb/ROkfXu4HAkQYXxgM9Je57hw==","signatures":[{"sig":"MEYCIQCojt31z/qdrgMqf7W6KLkoiTr8tY3isADvS21gQx5PZwIhAJ4rrxHZyxfKYp/HXYM2qTflc3DFQt5PjcrhTEePEC04","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8nsEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTIg/5AHEUzwEPQxDBisiDlOTx2lZzOmrH7MAaQrvJ0uMOxSfKbSOi\r\nx9kRlnZb+/NL7tQ3s9JQzg5GLHbs7eBb4aBxAg+/1sgHSVHVay0sF2MVDJzE\r\n2ub1ZhWVn3ct80cQeIndCXo43uK6CVnUgv8T64u40di5rI8Y/skB4xEge3j/\r\n3iGlqmXE4HisD4iTKhefVt3gnHkExRb5JwAXkgCtPY7KE7Zx//fRHksAN/vz\r\nelLf9+drpvspw+VycxuwAiYhgYnEaQ2dgIeeAq4b7dD6cCN63Srgq1Cysmti\r\ngUKlPLAeumtGNv0DSVhjWxs7SakzUDKzNO+X7DhfogMeuPfKTLJtdpp2FLfm\r\nMyoYOsVw5pKNxJprLK8no8fw+1ymjdyqF9naa3ri1xv5L6Fk5MXcV8Qc+wuz\r\n9q91KhcL8GDdJd8EPPvRfN+lrxnXO+neQWCkfWEMEgKC1jBK/zwvLIo3Q+bh\r\njhjvpU71ylfLbMQcA/+YqCcQwqr7ltJTH6T7yuUATgxVG39ICdb0noc5Tup+\r\nK0xbToLRPywkBGtsiaFDBMYxj8Xf2XhlOkkJ1s0+pzBH3Rbgrx3bONytBtEo\r\nhL2AdnP207R/UeR9f51/e8KSGwspyn1qFOh66uXlu6slppTf4KSv9IvR9tsn\r\n7eXP9nTPfeFeHJjyIleyqoLNfM3LcuOvIcU=\r\n=z2TH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"692955bb2bb9c99ddd9321606e40fe4a56de120e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.47c0c6b1e.0_1660058372359_0.29319281620142323","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e3dc8e38.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0e3dc8e38.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0e3dc8e38.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc8342ee0ea6dd33c6aaa69793474e97c6f7bb92","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0e3dc8e38.0.tgz","fileCount":12,"integrity":"sha512-NO8c18YwVxKnUu3w+Z9EtJvnoe8/qLTF5Fp07kF2hq9JaQKJmUl2ldPOp660iKqHKHQRl7n5GyPuHO9F9KRzuA==","signatures":[{"sig":"MEUCIQDzfegT1+1krQeeJPzJS9VwiZ89VWZ7Ln8Su19E/wkzFQIgd2I+SZjhabFsyhDNvNjTKG/ICtDHp1TnSsatcUCWFFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9U4wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEwQ/5AQ6hxdPbgBOtoBPfYMPpnVB146aTRHl+ZJtMWmKqYJXiGWAP\r\ncFyhjLgU5lDDYm0/E1+4+KjtebZ881eOsjbM5mRpHQs8qpfHXVPJCH4ywW+C\r\ntLJ5RJ8AuzQZmkKyGuKYQ3h13SPxR/ZvOK4D6WHjA5eOu78pUxqQI19CI/tu\r\npqc412unnkTa9DtqwOJo0X4S1DnApUqUp33M+/KFOgM5sFYgKLDEPeqfQg3Q\r\nVXLMzrEHXWebe3MOcjTN6rrMnxyjk2rWIgvHb1bUirGshnrJptmPZzZmha9/\r\nxAI82W+ANkxKtFuCy9Nc/sg3pk5ZR+K3I445xsQmV6nUqX46TNpegsNf7HzY\r\nwofmWlE3pqBYn1/zggxGWan6lx5FNqj9aVQBTC9sDezFWkJDtnvbNQFpysda\r\nVhe9RkxK7bfuhjgPXGaggBrh9OEsDBLVhpv+PyrKecU7kwbbYtRgOkPaRPHk\r\nOyG6JCAha/cf15ramBZvmriOy2cCG4vuODsSnPKoHwLVIFFLSFipPyiWh3e6\r\neMWVTAb83UBundGa9FIUkoraDq/RpcyRXsBPjwU/Pq4wgSXAPmCdoNv2msW7\r\n4QNv8LuQwDAtNCaY5XhsOWlNwUIFTHJgZ54MDGszYLloEeOr+kxSbV9BYjI9\r\nX0D9BDHZSL/3n3KzpokyJSOT7yw6FcesXPU=\r\n=XFVS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"51983e03d07e3c1f50454770dc24ff8d6d6f97a1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0e3dc8e38.0_1660243504746_0.4957099421160338","host":"s3://npm-registry-packages"}},"15.0.0-canary.d5a11f1c8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d5a11f1c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d5a11f1c8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4728ee15997063c3d44cd69584182d5c293f828b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d5a11f1c8.0.tgz","fileCount":12,"integrity":"sha512-IatgmJeDcPBBie6CrRErbR2kE3LkpAtf7cK392z+yL+GgxDFNOK0GkrpMjOHPkgEDQeuL9HPRKGPvR1H2yR2ng==","signatures":[{"sig":"MEUCIQCBVLPkyM/YhO9elB3cDawYDQf/rJhg2XwvdGpnAD4PnwIgY00erhZQEjNbRWYREKtw4NrG6/DvfACe2/C7/+r5G9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDpaLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp+hAAlQ/sZ4xIzzfmYRyUZ0p7qEEe9KMsvPUrrd7XoS676duuiFJT\r\nf1Bt246N2o9H4YmsaDzqWsg6RHey6naUjtNKCKAtN03F25fUKkSM78SGHKMF\r\nDhNA9rZUpLa1i3Kk7xA07Vul6IbMzi91QY0HcJF3X11q9AXIUaIy43uAIM1G\r\nbBtosVV3+rlLPt7gLSv3tvQr4K7FCjCMVvo+Pu6CfH8wfNTxbA4071afv5s0\r\nPifPVCAzvwoUedw0qb/u2iVsT0L4N5FkyIebP898S/f4DRPA+ro3due+KRNx\r\nmKtTVs3gulx9TBN8GVPKUHlClJ/NcEBc089Ge4nj55JuXmyfRR32OSdeuzaj\r\nGh1HJVnAXdRh5uPZIbz8dI1YBhh8zT0dGsE1KWLqUtbqc4UxG6hfLDr8Qo9r\r\nebNzVPlPmSZNp5IcCoTm6eNzTaX8xHN68eA7z5j/JPF0Ps8G+Hz71tCVyZof\r\nLYbeJLK1KQKEnQNTV3qkqCyPOvpEvDxKg0das+HiHTOiCZ95SfRr94Uu/34I\r\n/SlbUqjztCWalrDpgSH7rMkj7jsniSPVCvpx1qQbQJ6ukSdb2BhoOpSQdeB5\r\nkHu3PK1wmYPBgl/sIxNHzZ10dT7AoV+7m6VSLQtx9q/uJtWWKSMaSHRuo6XH\r\nN+fK7evx571e0TXJaSWWvpKaGG1gWqmH0W0=\r\n=nzlK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ac71b54192751de3a5469d20cb2e1c30e544d30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d5a11f1c8.0_1661900427375_0.9807606403028175","host":"s3://npm-registry-packages"}},"15.0.0-canary.bac992a95.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bac992a95.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bac992a95.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"851c0f8d2c1dd4e18c07d7cf42968e42234d5fea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bac992a95.0.tgz","fileCount":12,"integrity":"sha512-8wt9KYLdxQ8inZwJeHSi57i0Z6cnog7ZjT3Z4RsiVrRCIyiWcdcmuDa68g6K5oM5slUmj9aA+ogM6Llk9FWsEw==","signatures":[{"sig":"MEUCIF+G0cjyxwxQaSFMRtHltcdIKhwf1Ona+epMLZ6gAAv5AiEAw+8gecIgOJwl4mQQKlS01DjHtPabibqBW+wBTBPD888=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEFmLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf6Q/+MMAV4aC4xtJWc6a42Tvr5mhzCvQ8E1JsAd5/xvLdM1d3s41C\r\nIwg/PU2VsMLh+1nNv95gReUoK/3lI7n154gFXomG+ZjE+yxMcSpiyXHY6/Ou\r\n+KfVeOe0lAZJBRaIba6/po+WH09Jz2Mz5VLmIS2fqewuVoZMi8jYd3yWsw2v\r\n259GnvmZCoV/ec3T4/8yGRltWcHhTrURiGv+eJM2J3pcC6C1h2sY/2ok5bPx\r\neNlmiAJ/OSXZf5N5AWP5+i1W2VMHP1LYUlz9uYxKBjZpgqqCbOyxeum4+Ff/\r\nKDrtQhYfFkWCDUwBfed/EVxWV+Bz66Z+ls0Dty+78yvSimbkvCSxa68NSIL7\r\nwWljgQKNyzC8kol6BvbYnegsN2/2zhHDx8cpRD59B4pYwQNhGE/C0MV5IRbL\r\nfpdNLEZoABNoVakDHKkK9dl7s+ZS98IMIzTk6yq8YnvOj9Kf5d588ttdd85h\r\nnVTRj3NyY6ydNpzN3m+yj6o0iBElN8TprlbBWq2I9SzbjLVWNtn0C21xQ506\r\nCK20g/MnCWhX09kqwhdWlLaUI5T4AI78tGCQDJo0z7nv8e63PKnqF0iBnvXm\r\n2oSkWkrr2+zI+oIm/1uXlv+iDf62vwvEHzqiiGdLoy5YHwU5MHPjJcRDb7xI\r\nyDu7OOBY7aL1kzcOGnoCgg/CgPMhq7JUXiM=\r\n=4Hrb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b8dc8f019b6b9a7241d55c21925faac495f9230b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bac992a95.0_1662015883544_0.9916431017761773","host":"s3://npm-registry-packages"}},"15.0.0-canary.d25f3404c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d25f3404c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d25f3404c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ab160e7965ff69770ac14b02104a5e27350c202","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d25f3404c.0.tgz","fileCount":12,"integrity":"sha512-Zq9ePj4/M/Ot/UXDr/EJ383qbt2+G9ewtFfgUWBtULQ++47HX7X0XpZ4fzbZbOrReaAGPVrlrzQ1FbPZS+IszQ==","signatures":[{"sig":"MEYCIQDwMwbgakOtDe5J2B7X5v0CTRG/9dPqjywna1SVLYLpuAIhAPom/RprOUUtg/38OpEladOxbpiTfTt9CHuSGtesLpsh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEH7DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovTBAAoAlw03ngIRtUiXCGjtYw/bGlNcr2RNXe/fGYD5DIne8+l4cC\r\nDwO8AYJDaoES0DxLGaVj6z4jR+4IYTMn8qxgOfYUpQcXdftdNAWIZxaSun5x\r\nIK+N/pGzkp/F2zL+RIJy0uxqGgvR8itLQl8kFnT/ptzm1T55LGVBYwQSxxz+\r\nToEmw00ZC93UGA9/nFiGv+bHGAFDWkuAksi8M5apS1D9TLN3R+ePlYUjrddH\r\n92GwYxQovFVTJ+w+3u2VIwMzSmzeXgm7DS6puFMKDj3ySAO4/GlNzcE7RUJ8\r\nSsF+FYwkrKqEek0tleVBPxsnVtZELQLFaKW2g8Ji/knZ8PAnYzEjGdyGU/UV\r\nyctDCHIeWxAI+2X6ZlkaZMR2Z3NQOg7KJ7Qq4wt3+78lqU2LL49Oi00rb0h6\r\nyeb0AE5vhkme3SPmO64K6vBELtVfkqSXyZVXFbmVeWtWMbTi5ccgABbilGeO\r\nNyF4aVv/M24+nbbDnVQYgIEl/B2mcFASyaq7FbLmxYwL/djONcMnAua17vsp\r\n5XEweTUIWhTsgKgNe9t3MPrEZwLkIcE3lsdSPn0c/Hr3DTv+uOzeZNNtLcjI\r\nyRd3YVdBeHZhGXxVxJtrIlRsMNfrargZmpvVFQ1UdcG9cvaEa+e69HYzVtmK\r\nmeTGpw5EMWeRGblynMzl2glOuzfZzJEjiow=\r\n=ncOI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cea256990068cc2248c9bed32c4a47fe622a3286","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d25f3404c.0_1662025411227_0.022340876499096662","host":"s3://npm-registry-packages"}},"15.0.0-canary.920d8a79e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.920d8a79e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.920d8a79e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8909a9bceae4cd396366f60af019b4f29188962","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.920d8a79e.0.tgz","fileCount":12,"integrity":"sha512-82CCPly/tbYO/j9E/fUHMA7AUP5gLqsXs7tEP4JnVU9zUDRz8mGtRorJHkUhOVblqZ+VMeebgERw5zo0+UVCuQ==","signatures":[{"sig":"MEUCIGb5CyfPDYUsDHmMOy7be+4wO1FeaqXEmD+zRWHww35eAiEA05fwCkN/OrcCT6z1ELDxHuVg28bNxjekcZlxGcVHNHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjERP2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryAg/+IlmFUr/j5tmzfy+yn07GRqTf0biVOc5u2KTDkIETsTnDIRDx\r\nt4uofpaNkEf9ljgylKy2c62Hd6bfc4LCpUAIYNYjRuT17KpmHs3jHZ5voY71\r\nhTnc3XhEchChjP1rV3kThfE+Bzhw+F2hiH/j2C+J71HIEmK1lBns7LoDD1BW\r\nmZ7Zz/JzcHJl4AbrHA1tw7tvWh5skMJkZwUtXVd4hAAx9DcJyiMWUhP5eAdA\r\n5F3WSDVp+COzdnPWYLLoL1ACtcbBpvWx6zvkeFhuCqGSD5dZgSNZwOdVpzxu\r\nlWJInD2QuMNVdAMzrVpmnEsmZ6zi1QdBkH8fMYjjm/Z/TgjpuwPU6Xhveo1U\r\n6brAMZ6QowBFemqODOnaB/xEAnUNng8eryR3CZi9u+WjEj7L7XiAujg3Syrd\r\neczU7npRVuk3aZUQyPxJJ/yxmHzs/kXlknDgrdxfTbV954jjl64jpo2sHkf2\r\n4oetancvF2Stljthm8LcOc6kX+0Z0iqHRKUQJe6+e378BNC3usItJt2oGQPj\r\n8tIp7KUbTxS7Bij4/JzX5hE/pR/rUjV0p6AJy9AFP5DIwRz3Xj9I0DgecuPu\r\nEtoPInDRqTSG+rrU34zcn/x+qc1ysYxYz86WOwWTwqXrrit3EOIzuJl/l/hF\r\nzuD3S0MivqA1e4vyMpntTid0Lxwd5sthekk=\r\n=pwk0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"781a4c78770587fd97c25633bf9f137081c35bc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.920d8a79e.0_1662063606043_0.9988643502393486","host":"s3://npm-registry-packages"}},"15.0.0-canary.c363f267b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c363f267b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c363f267b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad28e9f96c9efb5b4967d44e2b729daefbeb2589","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c363f267b.0.tgz","fileCount":12,"integrity":"sha512-Ydgl1o4m8DrQBNfRBo+U49UFHxGBJ41nK9z7qg7VPiK7iiHjmmJ1DePaIije06Cni98ND3xa21V3iVPkd4PfAw==","signatures":[{"sig":"MEQCIEX6A3O4Qy/+8cY/f7h1VW/Qw+uKbCeLmdP4QuismiHUAiBI9XsuEjdS1WGkQzEnDOO+y4Rw/GdzTs/Oa2sGPSpv6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjESFoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMfw/+LHoWE28j36zQdWCTrfLBkcAxxYySup5QkVzMDffoED4TqKz4\r\nAkk+QzVm3GcECD0viRmH3AYEX1JrnroTqWG04W7NjQOkPM0vnRb4OHIcH7ZQ\r\nngnDsmJLpLyaB5YJWj6xp69jkTIn7/QqSp+85tte1Ber2UIAlu2z3LZZ7Dhq\r\n94ljrs+K9mfXC8UW02cO+iRwgAHAxDvGnedD+rJ8tgqK1E9tgSEekfkjEO8L\r\nkYrYcXMr4CJrMS5jQo35r5b1ljxFIuHsLClSdyYThM5nBIhrF4zfSMl5a9R2\r\nnqLuTV7AuWbP/5o7QN7gmFNkDCsgCABuV31XoIIsvoMFulf5cFdtyI4H2AhV\r\ncoF7fcfbjaK2Ghv9w5gTLpRbox3MEyvbaw6XT1eIB/TFRazTnOrfdqSBdMK+\r\neaioQOJtHkrx+1PNa36iTac6Fk2O9Npr5TDp7bNfUs2Frqo8j+QYzWL9b6mL\r\nlomRj3Rx/+tvePp3F1P/20utKjuEb9IBbj7R0gWKAQui14v8KajXBVRyZ58E\r\n3B9mp2Cd/YsDup3eQIQoyrNu/NgSMwRI2wGW0Kiyli0lCwa2Fu22W5RtNo+S\r\n5nKs4S0s8INsyP6lfhTJ47YwA7R3ppWrDgavFnaiGsCeX9+d2MF9lyvfByRq\r\nMt96Zie2cFTRcagewLEAdWWKpSf+9fM6/74=\r\n=0Q2c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6e2ef624f85a84b5510b55933f017db57797f611","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c363f267b.0_1662067048662_0.5073832320890217","host":"s3://npm-registry-packages"}},"15.0.0-canary.a4eb4937a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a4eb4937a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a4eb4937a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8bc8f99a645113364e27c8d6c3f4715db7fff9e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a4eb4937a.0.tgz","fileCount":12,"integrity":"sha512-37DQN0AdiLU+rDagAj/Lju3harXkEZUrSLhBHMEX9LQEjFp/h1Dsm7KhtgbDOrUrKyvBwTvDY98w8ih8/z5wSA==","signatures":[{"sig":"MEQCIHtgntSfJ21CNf9Dc6EDZgkY63tpYaDuh3CpMzMJbtMcAiAI93yB4Ldy1hl3/T2KfwEha4sVOqpX1ucPCGHbO2+EKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjF48UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq46w//etW1Iy/4YhjpC+M4jD6QgqDRZ9/rTFAL596CtVxeJbdWnYrH\r\nz8tvIGHO0pbgCyysyO0hMqYx+H8VHaeWqtZ3Cbho08l2HBXevnCvtFHcuy0S\r\nEhObrr9B/RsrvbO8ahWVlN85KzdqgFachslpBEV5TIyver/1GySFa2bBcRpX\r\nOx6JH2cyEtfHquF8/Y4lWAWVIOUsa+Y0HNUd7HqO+tL0SZ6kHugpl1j7ANWc\r\n/CPqjscqESN/K3teCQpHIxaZn0wUs0nb7qmXEhJqkBVQyH5BvyO0zEDhyL83\r\nG9T20fOqG9qc4X1rrDMEz16eQ3GdkW/y5jpabkOei6BGAKbIZsRetI6H/u7d\r\nG4umnVtkHIoW77zYVQJkEK2aNHD7bJcY5+CiZ7Aq1XVj2rIdHUHw3X+PVZG9\r\nsV9JFLgoFOtuKvuC55hAc49SFH+AnQFbwOyvhFkNTUs+6K6KmnigHgOxVyvx\r\ngTxoXchYjZId+as6tkdG8nWR1/Jia6tLI11uLT7ZxjI/QLNoa9JoOKuLz53q\r\n2pzdwg7vPxcCMFCG4hLYSCw0Fj7N+Or4o2hH9xsWdz9ECe6Y2WecQqzMlsDr\r\ntn/LNt5bBUXDO+ykU3YMMMKFHRuC7YFG+L+r/YPjb7YNJgQczv5duwdh/Ke4\r\nZ0ssDZTT71sZSu4IImlD/5Wfw0qBxFpE2X0=\r\n=XWFx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc03915314119934676831cd7a244f70e12dd2c6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a4eb4937a.0_1662488340129_0.16038072464051845","host":"s3://npm-registry-packages"}},"15.0.0-canary.4299717da.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4299717da.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4299717da.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c991b3cbc7dd5ee61109b40bf64c2d653b95f43","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4299717da.0.tgz","fileCount":12,"integrity":"sha512-ZVERuOMVrdlqn15rrVfSAAgIrHSxsnPhELMcMM1TIU9KNn7BG3kHFTauN7vZzISvoQ6SsG9blT0RQSk9ihrNtg==","signatures":[{"sig":"MEUCIF4PboaqWARP+BVU7ugCh2pUhBHU2KsospYeAj/7ItpAAiEA16MxW6vs3LSaJaHgJ/mSN38vgvv8Nl1q7F4znCI/OZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGMN7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprSRAAmox+p5HIA2BkB86AdGfbVbCiAxtxSx4n+soZpY34V6MRG9ur\r\nYeYithfXb3P+f+s54PUkXpq7Bgfb+8Ho7/1rcs9XYyrha8TaP8aaVz2s4uem\r\nvJiUkbDZjyldnlYziK2LYLmtU4UTbVGjRxrROdkRNt+ELhCRHyEFSzvmhCjk\r\nWmksoaI0ywxduN0pzyAayb6pujgD8rkF+wj707Yonh7COCPfMzvsmpapOXSc\r\ngHoHiz+rtvPA5vgyQ77nYDmt8y0ot4vXnfk6BGCIJxjydEc71zXwg3nvMvjE\r\nGYeS0LK9M2N0xIkwxEktNVUJcavAIjxq43LlxpYS+STz5Ro4W1zHQZ5MM0qO\r\nnFXl2aE1Z14aHrxVzQnOljfMmcQGhAlGjVN4F9md2Af+1CPzIU6WO1AjOK1N\r\nQNo23DgHpkHJvzEU4cG9Il+sFf5vtFSgYHy3c7RBLqLYqQt0Zg0yjqJR15KK\r\nfIEJ5vnU2Qctv1iACD0qTrWhOp9Kc0nwdHqfKAP90Lmi8AUMmllcJ31Mq6Pq\r\nZ1H3QMLwbpjZ2FLWpvirMizGJfqCdqhOoKz1KIt5+mLNUOURcr/5cKFjHFo9\r\nYHMythann8Pwts11DNZ9bBcsO5RkTzVuyl49cXKPxH9Hyh80fSGYJ6UnwVcB\r\n2kwI1GOFDvGmh1ez1vWNWI5Py/XrMSXbmCY=\r\n=W2N0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"22082634ffad1ea812192e5ac62786a8ef47aa81","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4299717da.0_1662567290978_0.8354163181539711","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa7d8d44b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fa7d8d44b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fa7d8d44b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22b1d349f5677241461bb0f11fad26e17aba9a65","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fa7d8d44b.0.tgz","fileCount":12,"integrity":"sha512-nBj/OlWRGTKtJHVr+J2b/QLAKVqFSWFlthSww69Vp7xSoHuReGQxJAxADfjDaI/TNZeJrljD/TKchPSDYysqcg==","signatures":[{"sig":"MEYCIQDB1q61joB7rK9NzDMdzuVYtdGR/flf5C+TARNPnYTcoQIhAI3JnU/Mp9TV0df7m1PlVgonJqQYI1I91sYdZPgCaPv9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGO5lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNQA//WwS+t5Dte5o7dxOPmL0q/a/UHTBqxhFHtFuCTZ56lqetAQ4L\r\nUxKEsrCHJU55hxLWUoOQpeaWvICmy/emvuUC5gIn5aO4+jJQy8xZFRcwSuCH\r\nBo21hVg+VAtobIl0l+lSfRdNOnX0PH07/T+pe05RzFF3CmCpznd4IfIJcQio\r\nbQCUadfPrsty+o2PysMD1jnA4AfwM58aaaGrpbhjiwSypf4KJz3Dcs5EtqGG\r\nf8dAoexIdZnyre343iP7ZXjWP0GNNsdZQ4ccbo6HxixQSpBKFIfba7iX5fWE\r\nleAtCCny/d7tbQSNJMBMCFQBoVTMPDC/AKA12xhG2oAxWsUuYPqXiCXI7Inw\r\nn3T6XO5Vx4K4uv/Xhf9KhY915OYLNARC2SwyjSsmcPzF1DW9RHr3kZjaduYp\r\nEwzhgnSUoDfvrhzbT4zlAjV7Wl9pNSJhadRhmEkr45yWPUN/zNQkAFGuMYQW\r\npdl6Ip+jPq95hEu1AlEdIdtFhLdBriJpYfZpGRhFWMRPvRF8kF4JPwiKX9wb\r\n8D8gyERxroMB2/ps+nGG4kMdQahHZF9gUZj4LCSmM6fo4vfCcPBhY/4N8nAP\r\nsO+3wFN4D14uSc0dMojzZrm1RzFyPJjFSCrqUDNz0eBI9bKQjoGjypQGLE+0\r\nf3QUZwGulm8+q9fmeE4bbLn/oA0PZC7r7Qk=\r\n=DD5O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6fc828292e73ec2f8aa4332891628e90f4586658","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fa7d8d44b.0_1662578277500_0.9930929754501792","host":"s3://npm-registry-packages"}},"15.0.0-canary.a40e3c768.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a40e3c768.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a40e3c768.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e4ca914d86becd036c4a123fe95699f8ae350a0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a40e3c768.0.tgz","fileCount":12,"integrity":"sha512-WLh2dnmBpS0po4fzNdseShVZb1o4rQKp6r2R/ZkghwSE8L7LJEOXuSoEY/mWAmyaEIK/eKD4nV3X88fvTn8adQ==","signatures":[{"sig":"MEUCIAap5xwUfWgirsk302sctNenYBXPyfvqrTxQRNu3cCv2AiEAxpx9X/atGQT7SM5aPlJ6UiuCY0W+IpRrNKuj1dFTY0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG5v7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp15A//TChCu+fsIpzwOq/FzNORbYXBsvtNh3OQ2qvKyde2kcf7C5fk\r\nxZJZup4qr+Vaz/YqgJbfibraWakjp/xMDkQ/lWqWO4XehectDlcvYhDw1Ux3\r\n1R3IVWYwJBBoZuDbkIZElEpmlXMLzP6Eh/+UXw/weRqLpwY/gqm3hPhu+Mzv\r\n2DRwCgJsJUQjgPPlbs4eVVdVbzojN1O9UySO+fLtWBTdHhGp5vQw+ohx05eh\r\ndy69UWtIURLKI2FKFC2bGlVd/l4HnAyxCQLHF1sNNFVLZ0yNUW8US/VLgOER\r\nlyIfhO3jmomyTUUsxqYe53gZeKYbiDdx8mWiJEoZqwJOsPiS8EABqjDY4CxM\r\nIC4iozOjiQ1tIhjVUnzxlEM+omtnmOwL1BuirlviRe6J+uq9eAbiXRCx9WVm\r\nv+def8khh6QAruiBCYa+y2lyXrUI4PKIvAwWQh08vs0emRMHUSiVeOdaszdd\r\njg1ohYDKAF1PyVhgNAXf3uOV8Xf37JPqhoJvz9nl8kMBn0kQQNzRQH8/53H1\r\ncIpmGtsKmZFmq7cimlVr6vsWU/fNR3p3JlziN9iQeA4/0Quwrmq6gAIkvM8h\r\ngpvmMVb3h4Po/mc2BMehdeNR2A1O/CLSDkLNtfHor48HKZMEwWfJ/Ru/qr/Y\r\n1GTf9WzayWGbxAP+6shOuELC1t6iuwUaEuI=\r\n=S/6p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"33ff1e71e12298ba7158884edffecc83f0055913","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a40e3c768.0_1662753787601_0.07646577361760776","host":"s3://npm-registry-packages"}},"15.0.0-canary.18cdc9a00.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.18cdc9a00.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.18cdc9a00.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"575c6f2f8b4b9ebf5a6f016d358beb57ba2c00eb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.18cdc9a00.0.tgz","fileCount":12,"integrity":"sha512-snLFCXSOm+IEvTp7pqiOHi6hVsecc4vY7hWjExKjcS9+rAejQoms3T2ND4GTL9Oinv/DLDPqCcBP1FkHg/nuQw==","signatures":[{"sig":"MEUCIFd9x0GxpDMUaHdywF35E6Lz+MIqHmVUNx2tK+JsAJDnAiEArC7/iGv5Z/PKY7bNX/Hd/T/XxLL2lvspAX/lsTscjnc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH55KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVJBAAmblXZJcDDvbe059QeH8C4/WO3Prny/QGbAPxtGTudj66sXr/\r\nyHQs4Mt4d2JkjWn7KvT890jQR9DgtWgx1P8wzj5/bVrRmOYYJIvD8pXTNk6r\r\nj5GoCZg8KOw3Ne6Q9V08K/jU0QrlQvYhdI98zFVAeVsLNTRJT6297DewZDai\r\n/V+cymxetZ70fxQlycMAZrjR/TGfje8VlFR637Y24cCWMRoifOfuQZ63WnhR\r\n4fYwvI7y25HXyUOEZsYaDx0MVQfIg0is2Rraqre6uy+APRquhiEV3tyrLRwA\r\nHS1uDZGvu2wBbgfUm/JRTGh5hvTGaGZFLU0SGItCmJR6CWfB7JOJQ1+DI7pE\r\nizFsxRYmZBoGbDluIxSlTn4ILIBN46v1jhX6bB1jKkak5cp5mFZGjQDQ7Jyk\r\n9UZsTItAmgH9i5K7oXBfDL6QP43vc2h1HacjEAzNAW1J6nxRmA83tWGUIvX8\r\nl/3Bqulp7l5SckMYgW3Ys7nI4olbUtI2eKR72KFM1Cba9OCyMVA65n7v7tvP\r\nZznx0xbHuAmrTBtMZ971kBRU0yVWR08nJCcBmaalAMyFjTjX5U94s+16Bs6Y\r\nVh3tU3ofM6Sv47eQALbXLnyjw9NQfGaCh9SvcL0AdndiZxqgVaLK6xatw1yN\r\nhPMfr5RICxiAgHhpoRziXWGwHtjK7Vv58Co=\r\n=oVZY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85b7dc2034fbd68e480826d635d6d061ba62d3ac","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.18cdc9a00.0_1663016521933_0.9476322870116167","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab3cd3c8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7ab3cd3c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7ab3cd3c8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4585f98d910400e5c4f1388c550708b34d6b1373","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7ab3cd3c8.0.tgz","fileCount":12,"integrity":"sha512-vAz/xwRAK+ePFU5cr0tw24oX+ATIZ6PsLaKuF3mlN/BWTM3D8H30XfSVFfrVVA/jtvPj/JqsJN2pTMq4StvBXw==","signatures":[{"sig":"MEQCIF0e7M3oD5aEtTy2p+atpKB280NYJ6QSwnM+ROX2Rka8AiAZRnsuvbhgpswM7o72u73PO3tJcQ8FcDt4b+SnXNWMQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIQZeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2MBAAjfnaQfIgLNFseBFA9Pjf5CWh56yXC7NPOHOL95wGUbYgcL0H\r\nEf8QQmQy0CrQK7xJ2GOBq5eBYklRQ4CWq8cAgfiCIxOd/xbmn49F76aVv8IZ\r\nGWE27xOiBnfN47gTqZaV4vYVytIu+xLwxfl8hDewJUp95XjagqPOPhW8TIAr\r\nzx+k3a1mIH0SIAIEzokTONy9DFQfbdEwVEkBNLR/SKLI2GERB0D0MF3Vjqpe\r\n77Mucd7Zg5NMPSYJtsLg8EC5QBgpf+aN9YmrRVBWhaBW7VLJSbt3b3XNc1u2\r\nFlbyd8G+6H/Ma6fa0lukNwe4Zs14nsJ1Ggb9ZjHC3ShDLg7aLIl67OipVz1R\r\n9MZdSuK9F/+mt/9vf4F2Z5zsdpyy+F4wNBZ27/6rv6uwrhcWVs+lSGHzloh2\r\nRNEs8qVgY19CZJM3ngPvcXd8okP14d5mp6tv67dJJ+HGLBuBxD+z2jv9t/mD\r\nfS6H/z7focevjF2KuYvKm3Eyo7taDtz9ah9vwTPrUPpNrEeSdxZbSQLV2bpr\r\nPL/PAK9jzeKJHbcx8zSXoZJGhcRKMM8OEI4JTEV79PyDtOLK/QzTv0jS5vca\r\nDPsFCUrDUuUyfC3ZYCh+iRdirytnxWfGl6oYf70xrq0BHPs6SC+IlEZxdILL\r\nzhxp+Pd4NJqKywzWklzOzDszQ15G+dSA0dU=\r\n=Muam\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5e840f2c9b221706de7ff81194e71da2b68b82f5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7ab3cd3c8.0_1663108701961_0.8204393719336758","host":"s3://npm-registry-packages"}},"15.0.0-canary.2860d244d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2860d244d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2860d244d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e75ae76591dd05a543843aaa0e9002b12a406775","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2860d244d.0.tgz","fileCount":12,"integrity":"sha512-R9Xhjo2U2MK4BHyDsA/uYLEkLiv92ozG2yb+szRv1poH/u2z/p4FPKINQ48kIYH9fE2Dyu7ZBiojyuM+JycLgg==","signatures":[{"sig":"MEQCICp2QUOqpEL4RdmmiONjwrHfH4f+SuVI++Vl3JCTYgUKAiAsgc7bhvK04oek3DpiJXnQLQpiABGxZyXsnKVjnomsvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJP6MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+jA/5ANT12v8fxi3I57CvuAJxydJgEYnm4p90yOUx030LrKPJC9RY\r\nrdLGVeFmKD3e5P3NhDdmYPuqiW3FRqqpzuaXVBBiSXWqRsF5/TYDE9UwjYVA\r\nZRbCD4ffX/O/5fdyrS5haKXmu9Pj//sxqC/hDBXmABHYyR7KYcC+icJ94vZW\r\nDUUvA7I5bohXqio6Od0Cq5U4+9MJLonGnGFgpqfQ2zjjGU/7EMqKGlFCtbgk\r\nGDGsIWW2TZLcTdA+F9Yz/5hiEiF5jS7gVvHdZqhfEgWEw0AoXM15tNxWvMYb\r\n/5ZU7ctvsVpwFPjo84T9mqk62OS+Ffy5iryyFNOmo6EJdlp7mDr/Hd76ftS2\r\ndbRkF2Qp/UNm6lZ88IzcZxx6SdQ/g3S5OE9+vpQJAWnBeBqYEhI5zGtZWwep\r\npBWZVzEb9Tg8qU5TUANgjzmhYNNr7+sTrd5G010jktGTxA5aV7h4UGVGr0zV\r\nNwha/V9uZH/uge4jMokh0We4jQAt96+v0C7QHTiOVY6vpEQDEDH0R8mqNMnl\r\nvXilean38RBd/C0sji1canztSAV0bOb33Xc8kZcbyKH2JWHNwxlJxV/jFlE4\r\nw9DC7GFyIxRpl98gp9RrCq6hjYBCszFsPVW84wOhbBMKzwRWekdzcMBZ8TTA\r\n6ctj0lv3+otwKVlC8rczF7H6NaGwz3E7t1s=\r\n=KvCO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"992b4ddc7340e4e4231d1001d68229e8911eeba5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2860d244d.0_1663368844671_0.4410171022510736","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8726533c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e8726533c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e8726533c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f02f5a4e18fb690efc1c012228f067203cdd1e1c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e8726533c.0.tgz","fileCount":12,"integrity":"sha512-K2rTwEc6mzs+maNbUkG4M6jvmhXr7ukAcFK2qjP1c0UJF9GCSvUQoyv5S0T1QN/5owQMFJvRHclAm04aGHba1g==","signatures":[{"sig":"MEYCIQDgAL22Q5PdlTKIeDSJBllNSUB5OJd7MevuPjLNSYoR1wIhAPtTFsU1D6tTMk1usr3GaBeex44EeADDk+smm3oU+0It","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKh+zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq75w/9EoJgpj+r4OVnVh0KYP6kMmfIIRSiKfh7tjNAp6Vl1wHB1hnk\r\nR7BTvSAOa4GnJ7LrQ3jAIGQVi/0Fj8uUxRCfYtkdhXIEwjp7PFpmCXUnmn3N\r\nCxAAsdwlgHwixuclOPrs+mvZj+a4XzeJdSS5oqm+uBngoZoeyEx1j6V1dNuc\r\nK4sfDO8jr/WvUO2YEHztxLba1ddcA8+v+WHn1/dvjtGdFcoEpIY61GRSijYr\r\nRwlAXYAt/BGml3+obmfXfeTYT8HlkVdsEF+qiGqNmcqQiQGieKUaiW7o+Mkw\r\nxsMtfgIF2wUEowdp2kPI069/nVoOF4o6d/H1x5AlmXzxZZI2I1xwQidMqh6f\r\nvLPCKTzt9GZmHU5X/RydQ6M1PyRttK0lZecSiIwgbIQKRAi23osKtPVdP0Jf\r\nqORf70jEHNGPidZ5L9iK8mWVFaSKB2Dp5MO5V20Up5/vsWNM5XQsIN4u9j3L\r\nC0vS6mMubbVeui+IbONXt9IeLjq8i5sPBX3MXCxEXMSwBe+NDH6Rka3yM67i\r\nGYL27IW+iU7wBaDrJO9N9jsbbV7cKD/J+u2jC/p/DXiA2XeswYzqdSds+Afv\r\nPTZu/JTjkmsHnX2sPktJpyCZHup3PGGIC2ch0gmbWWCVoqky8esAj8FOQ+sb\r\nORzY6siCPyZwTp6+BlVa5QhFa03w8QzXemo=\r\n=jvXL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b85a9f4d1ad6e30de8175562c0093248848c2598","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e8726533c.0_1663705011241_0.7698220163558127","host":"s3://npm-registry-packages"}},"15.0.0-canary.00d8de0aa.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.00d8de0aa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.00d8de0aa.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6bdb0aa06c127b6da10342ecc5484c16692e2cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.00d8de0aa.0.tgz","fileCount":12,"integrity":"sha512-wxz6KM3kLVEIGzItTam1QqYRsrphZ+hDpsPMblE0AJXAq2M3lkpPVjuVd03EqYJualxC5jD4gDM2facXSjIDwA==","signatures":[{"sig":"MEUCIQD1/xr5olTEMfEejqxK1wjBWH1lgcDjX4YDY/JryL/M8AIgLtQcVPnHw9kmtkWvgRcD9KMRf7zZZgPOIdUhQ9leigg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKytyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYdA//QCQ1c9tsiDl0pXUrqZffweT25ERoBfMb31mS+8ZQa/tN6pVs\r\nMdU9u5hULwLOl5Hm73qgtX3CLBDagJQ3nX1s2rdhvn+qfW3y8WxY1AhhUeRZ\r\ncoNSJ69MdoMOseuMyn+pFWw7rzBOJsjCfpiqUboBAqAiRVDP54rtVGYX1Zst\r\nQJIbIQ1FZoM0WR1ZK6Ot691fAGuJsM0jtaljHVdnhfy9gYroE6EwngdrECi5\r\nS1F2SLmc65zNjIL5t0oGmrUX7ElneinoaBxAnpBwDbvRamWBR5i3Iuh4wBX8\r\nz4VTDbXJ5iXlREDc1gysGGmsLOPs2FrVB016oLd7Fj0Zg1u1+bB+XCacQPeM\r\nww/GGsqBLsNcG8jd+XOApp9xmGpuJJEOiQumoqQIAIxAP/pP5/dMna8tHBNW\r\nmLpnpzYbolSj1tctndxxfkYW2PhOkLatzDR5CQeB83NbfPJIYHDh3dZ3/JIC\r\nSZlrWm3d/mW6Q3exRfXx+x9iOExqyDtwYkJWG33J0t3NNlR+ijbWfe2opoPw\r\nXHFhjawCeGzBHoXTmemMjLgX7IYNCz05/rc4Som7yxcNXDE7UeaZSQSlSrIa\r\nEXop0VDBsafdByTk/6g8eEdH/czjWmQnzOQe6BVFVxsVuny4bxsCzomB+rog\r\nDqOm90/kQ6NRoIVUep6YyULQgF7bhWL81w4=\r\n=ZTWR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0be0806991396e042fbbfb14ac3ad622770647cf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.00d8de0aa.0_1663773554212_0.0784899701703472","host":"s3://npm-registry-packages"}},"15.0.0-canary.271aedc30.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.271aedc30.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.271aedc30.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e82d6a0e8d4b5bd612013c8b7f331bf94b45f7e1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.271aedc30.0.tgz","fileCount":12,"integrity":"sha512-iZKvbjkhUr+uWaB9nil3DnQTHAR5RLnw2RczGgx+z+Az3H2j4UMvrQkUmJ21A3cMADzKzzz8TST3RkFVXvIbaA==","signatures":[{"sig":"MEUCIQDxPduadrM/VaAOzzLCUU3VFQUOXjnNpHvsIM2Tq3GcpgIgBhXZEmlOVWtFCM+bBlg2a2KkmM/6JstmF7Cy6T7jvf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKy8mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6NA/+IRTNBWtUFDwCReOX8I/RfElzRPXwG7Iua3D9DSjvpWGXB9Os\r\n1RgWGB/rOxLZfOdaIGXC27NKZd5Btf61vxYKbVaNZV5JWNnMnkKSs1Gn6gG6\r\nqZwQ1TMZoUc09enObMkoOWamqQiN3P8qffHTwQXXwFKzJe1O7RujvoLQN1s2\r\nwMaTy1+D9z7nZQGPmESV+YYoIfRlh/11Ls6C5UEempSoWa8/7xmvZJwwZwyg\r\nuqdtPi4bT4XXOmNxiVP/bJW5xEKv2cQmELHAhrUFkzNbb4A56kwc0QiIeuAE\r\nHVaSRuKi71FwVYkKjtaNrpWfRzqDLVy33KaNtL/+YO5aUBtwepuh4xeiwUtq\r\nCMPMYkUVcbo4XkZicKHbAk3+jlPvXSNGvdRafvwzAQNDXCVqa7Pe6OLsaq7U\r\nBFzCxz4s2+XMc3H5Dr0JFfx9NJF9ivP16YzwLIjEwfPwUnFDWpliR4wWomHm\r\nYAR7UkMc1f4aU0/nub9XSKYnHSvDRRscjJcTAb67DISsoUEfdDDaMjzvJf9w\r\n15H/dbWEPyHbCAqxDXsCpn3gVA5vxVYg5XJ+qbgJLBs+6oWb7pJHbOq6wfuo\r\nSKfdJ1gpbfyimG43JAjncVZlP+fy43YxdlYJQyvqRxJzEIT3pcIUf+2NVUv8\r\n2dWgqt57Kl6JwgPvIlOcPsJlPbfen4E5qxE=\r\n=wUbc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4972da221d6f097e904fd1a001de647e0e185749","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.271aedc30.0_1663774501971_0.38236509031170995","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f17ff2cb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9f17ff2cb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9f17ff2cb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b25744aea368fd63eb1ccb281a71062f4fb6b31b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9f17ff2cb.0.tgz","fileCount":12,"integrity":"sha512-m2sjDqPLKw+jDiK+/AuDcrma+T9FjG5LbKk0qURS9hFEoB2GHkONJ2MuHon2FK3UyafulpXoy8m2mv+1/jtFbQ==","signatures":[{"sig":"MEUCICk+fEeSwGbe1UHSvQP6FMQthTOcp3+XmSByVK0RH1wnAiEA+oRLkatyPcBD8tQSvjfqJ2YRvggwsVGl5XCWNnFps5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK1LfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoghQ//XsXmRWQU7mk8MBeRnYP2f/mq1tj2qLWeuZpZgW7GbvPRs/aW\r\npVuaq45o7V72kT/lWGQA8j5rS+FI6AkYqaCn6yKnOoC7NEXQLsnfbbnI/nvn\r\nMsErQ8iCdKn7iJjeYapL4TmuI8cnp9xiVWv/hF8yT5jj8jH6dn/b0ApaRv1s\r\nAM894sd38rL+9MEssClpIMu2Fywa6VyJJCrgiS0EePbdd9i8X/gyr/WCCEhH\r\nVXlcacb/GRUiR9m6tO3lKbeY8wA5L09sQDIsRKHs1oDkpGrHSgj3DdOrv7xp\r\nWAz9XMbOtgJG7RijmPsHe5EswcXwqSMiRdksCQb8FiRV2PWROnEiVwAb5E67\r\nFkumof8xYgXipTZ+FS5kMYCwHp6PVit20zTCNjeCdOaSkD1grKVP/+8AY2T7\r\nIwRQuiHgLd6R3Q4jEqOUX/ENDL55BNOLhmLVyOkAQn2+OGq1N+Tzz48zkOR7\r\nrEYkRwt2e54nTuTvMKV84PznzvAIE1r5kzF77XLto12eQFyZMOitM0ZWG3bW\r\nsbOJ09OpCac/U+vDs4+gOzYLte7SywlIXp22TuYZOYsIXNQDQouI3hZGWunA\r\nSsl3hyk9zFOIxd4GhmXYnDjsKAjqz9U6I4xOJZ0et/UHipces+hHMJi7e8v6\r\niJn5fWWkbjMZWm//qJ2IyQaofxXReQZbQ30=\r\n=JNn8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"34e73eebdcebc0a0b475c8b2f9fa0dd4a4c3397e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9f17ff2cb.0_1663783647204_0.8405711812814436","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3344c16f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d3344c16f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d3344c16f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f66d715322614e58eb6de16e68663592711585cf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d3344c16f.0.tgz","fileCount":12,"integrity":"sha512-pdkJENhZui2OAQn938kyybSH0jxlpo9Egr9Y9e7i6CWHzR7OpLcEZWa6kdqOdvlEMASaAh38Sx4tk+Kpm2fGAQ==","signatures":[{"sig":"MEUCIQCpWfmKA1TZ9c6V0uulkKUwDZsylf85bJ3ZOLfXIPmBoQIgTKS5dZMNKPMAdQSDPzpAAEZA36CStS/DdSrGf6bpGiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLCmSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHVBAAhcW+UyJx/r7u5MflT2SCOXOliFs8eCKwdyRzfzqOhicPICtF\r\nFaufRcxh6vdxc9NNiUKIr7qBzieaMUV4P3uh+ftOZeyFYsakGPgNS/ShrqM8\r\n0HCrNqVCRicMCsoTdNbmPV/Vo1fx3nMRSCwvaTAuS16JJI85eaEn7aKVAZk4\r\nmPbsA32+tRSgaZC3y6K8zlf78C72V6uVJLSGYB72guSPC/TAExIan9+anSHj\r\nWwZbRcenkRPMhvLiZSXBV71m8+2Be7L26XycmDnQSpH2kkDgw8i0HWdl5+/y\r\nD6uHQVutG+0ldEMzPhV0xzvvAEZtmd2Wb9M/5yrIS9RhBJl234C0TkxNd+GP\r\nETrNNH0yddzdbLy3ZSWYUPzkqVWkgCLwrsyKlfhYaunKH+FB+s/H0+Kk+q/6\r\n9K3rPTMh9OJbK9FFclROT+kOqsWuTJ4sbrev8hUuHUvCLPHt3laGRlpP/WEq\r\ng0Yfh01YWiUuFnytJBuXSoTFl5PEVoLBrJbpZbdZ+rT28JNxoL9/i8ADXqi0\r\n9O8q1SXWApgx309Vtj4HZhcY4kgrhqjWQhhhJcH5bHTG/6c0+S53xpcTIIYO\r\namj4gGbiMyNZ6E6HUf2mxWqCpZX7M/4FctyRd/nRigRPEekVZO2d4k+lo4uZ\r\nLvKfVuTDgJrrCldlyy0acWJiD2c+gVNwcoc=\r\n=rial\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0a8dfcab6df46c9fcc9969a6dba1f4fe48e028c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d3344c16f.0_1663838609981_0.966878107903431","host":"s3://npm-registry-packages"}},"15.0.0-canary.94f20ccb8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.94f20ccb8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.94f20ccb8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"503be0b44d8dd85995d62a97e00a1abb46a7fc3d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.94f20ccb8.0.tgz","fileCount":12,"integrity":"sha512-94rBb9S8386fXDDEzpqp33bN4Ndu1EGU6h0v3DywE/fDLN+XGvjz3F0MaudKUd9Aa7pO6UVqBWydL6ZYIcgQPA==","signatures":[{"sig":"MEUCIDw0lYIa9fKgjjU8wFmIQzqBDvvT4UR2zbeMLyBwlVJkAiEAypCn6DCJMSY+BEMRMfGb1Du5NVFuHCpBc+ChGkd5+0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLMm8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrAQ//WjBQiUrgQpmeDfr3VH5tDc17nXPtAxRtq3HF3r/+QYU+QTFJ\r\neAIPnfPlVBX/Lb8wGQU6L4vXWjbxzkecKN3rXu86lXQDIN6qYVl7IaNd6Y4x\r\nyPcZXky62K+hfNbBmqp0rxJT6uAR51fV7SUWrv3sf88Tl7AlxA1UPSBEXkhu\r\n7pjQmGm7kqKK4t4N/jfYKmv6f280o0j+Ub0jecC1E5nkREKs5eSWuGv7TVH4\r\n6rTHtRQcVU85GPssL7fLoOOYNEMZ91P1D3EMXJzXHiKUT0OE6oYOUiwnR8iP\r\nEC74ogKgrh36oehGE28rW0pj8k5LJJ5kJLa3NHZSLbfUtB0jZ7zUIXT1AMpb\r\nHOIKfMwyTT6OxStLwJBAxP4bZe5PD7tAbSpwAF6QFO2CobVb+thGyzeZo3Iq\r\nFEAt5J+aAjO+rMdfogkrLWfz7Igg1SYEwcQ4+eCkWApVa5PSq88MgVtrhKaO\r\n6hjGZCerC5uNTabrOnQBc4OauJF62XYa8B2gJHagw9YSMr1Q5lYzNnDjqOtJ\r\nfkp9iw3CVDJcnZIsh+F0BV9SWfz1TmQTZF27FzfhzJAuBH5+sUJFB1r0LYqI\r\nWV54FrFzlMyxMYfbDOk1ICrB7P0CjPBUmtjEjDdQJvPVQoK8hS2wFoQmDwgm\r\n8vmGXVnLIZswnOlr9e7mM+aA7yLj/7mq720=\r\n=hjCI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"16225f613437ecef2ed2d760a08046953ecd51ff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.94f20ccb8.0_1663879612301_0.9033584983218972","host":"s3://npm-registry-packages"}},"15.0.0-canary.81e4cb7b2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.81e4cb7b2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.81e4cb7b2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"409c145fcaaa6800927667c80d7a11b02a1e8fb0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.81e4cb7b2.0.tgz","fileCount":12,"integrity":"sha512-F3V9S/9pL7G8xqIzIa3uJe7owQSte+TkOGa20F5fikMphRheJEcYr7YhJroeMd1uvaI5qdeHtqTCvJ/iy1u2Cw==","signatures":[{"sig":"MEYCIQCTFVw/+Lo7yH5Qk0HPgpSHFXxkvPahfl2F31Y9Ggo3ugIhAOVfgDvF1HxUexFg4P2pjak0JuYQgIVS8QOltBZzK0L2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLcuaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgOQ//fIN25zbIcHdSLo8556AQm+Nc1LS8zRgAUI+4RieWva8QxI/B\r\nkvh6OJAe2s5jKnz3E8BL0H4PyF4rf6nhf79xZ5x9nLjH3G3o0XcZ8450AJBg\r\nZqYDAE3mgYWqWFU2X4bRTcNrYTFcnEkD3THCQSJyVdJfXJlki3Zu2A8w7WnL\r\n3K+fnebyRytZRSrl+3EkztqXfA7LtG6GmZsPp9dU/vszQCHHz0btDhIq+ktI\r\nspduFIhuJebZ4Vb1vlJx1X4aL5fWflQpc69CO0GHmWgJR8CxFD1vs60g1ZKK\r\n9bS3EzZxSWr1Aje8Jt5DS4RH0tq7V8coibXTTyuFi+CXXqxQ2iQtB3ND1xIG\r\n/kmhkwZB/Zu1NZKsPqneMRdIlfEDDHr7KwNGTMiOIC9BpVziflap0EePW71I\r\nG5hlRbYbIUefQIfrtibv0+VXb+Oqm9Nb9xoR3lsoR/4+Scooeq0ljUuqonMk\r\nXLSnZmbHxdsOJQHx5ZfwA6seNc8sio88y5znmua0AwHfkcCyhvOSnWDOblqv\r\nxAEQT5vm4ABNNeTCqDAfHThjB4Ph8KezNSE83gLe8EjsvQ+uO+uUFxZ+bkic\r\n0XklEDGCkDfD4LHJB8WJOTLqKhTE2Y73fwFZOpX7X2Cjpd/8V9isIn+hPhbn\r\nQPup1m7jrvC1eRwd0zgeEoyG+8xrFwDjK5o=\r\n=w8w0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"63fefc99b30106d8aae83dccf8e6e8073043a3fc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.81e4cb7b2.0_1663945626246_0.187154126510777","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa85f9413.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.aa85f9413.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.aa85f9413.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"032bb045a4ad90e1b691e84748a77856fb056ba5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.aa85f9413.0.tgz","fileCount":12,"integrity":"sha512-v8/DmVDpbzE/q9ALgEiAGXg19OB8PCBPif9HdQK6ukeEcNAq0saep/I7EjiDvroe+5qRL59rDI5qWWkw8gciHA==","signatures":[{"sig":"MEYCIQDw4k4kgMG1oRGGCsbGFAVoJxI6duENvw+DnammoKXEwgIhAKjs1u0jcLNptuG9QmrtedHANhxAeGhV2saY7/XmIizg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMeeWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcXQ/9Hm1rhq+RsmbSGn+uL5ssCYRvMGAJek46zgm0gTS/uKV7e/TP\r\nRsYBmEn/PxGYMjPQTLQjYe2ZeqRhi3vAtp/q0XFI2khxDJdsUeJGq5dIL2pZ\r\na7D3eH/lbAJaRB6Rzle0FOpn6vRvTbD6LCGIle/iDK6E7RPbKxcvv0norE4d\r\nhS1HS4KTcvsTXsBKJJVodwCXVz5Lv2zDDAfP8YjH1FMBNi5I/NqdfOaWpn8S\r\ngaqEQDp02Y1rLP4Sl8fOz9r0DGwhnpzXKXZ11B2ChksuuZKjlONoZcKy1rTZ\r\nJkv3tMbzcardEylywMG989ynNu7/O1Od1fjT5wrt84WOSjVGPTyz9TeYsl8m\r\nuX6yQO3ohPxIY2dIIsmtobLM1eS9hfCZKFeVv/a5kuE2V/XQfz2XwExmo07Z\r\n+jkZJtTrGxnL3GCR5gzF7StWWt8cZE3Ch3+c+46izrUKzm4Sdg6KLDXXW/Q6\r\nvwoEi78ajEOfMHw23nNE57Vigs/s66swwRKTwJTNvOUNU9zCOxX5M7bBTcMc\r\nXM6oI1zaAYUguXnQWp9xm9fBAxAXfNFf1LPNn9+V3IrZ4Tfr4Y1J3Mn7VV8s\r\n+oGfC6BZXqMF87oOytKkQ50c7oV3idm8m2cb55wNHjnUxlDG9B5A1ka+7IHx\r\nayq7fEIa49IxFaDNsiCBU3sZkAQnEE93hNE=\r\n=63gV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"73f7402d0fd839f22c2c3bca08292a66389f5829","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.aa85f9413.0_1664214933897_0.5879770983058894","host":"s3://npm-registry-packages"}},"15.0.0-canary.7134a7752.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7134a7752.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7134a7752.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06066df85289d01cd791dcbc281f60f25cbce2dc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7134a7752.0.tgz","fileCount":12,"integrity":"sha512-tXoxvHwCpJdnZy2UovorXgEWgD6lT0VqH/gTRAyxsqHBANZvUcHuT3ls5CFayz6KWn+D4jeIvEyiGYQlSxcHvQ==","signatures":[{"sig":"MEUCIQDyzUHnFh3oojhxFwL8OwXgnG2Z06HL4t8lMMabyUXHtAIgISkorJbo8p+g1SdDKGE7xia7OjneYG/UjFIEatvon/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMiAfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9VhAAg/DACruKzuymqivSjYQyo1wzpew3HOQ/hi6exUw30T8jkf5c\r\nxMR7S6b5/4UDgurNmUdRtXIfUnge0uuZJkt7RVeAdsVco5IXSSDJu/mVE1+i\r\nlg24OpNVSEjUGrSPgWquiyEr8YNgw9yebIbV8iT1qRBiTZyKXNXczvaR0PWk\r\nYaFfe/Vo1arzPEsOaI/MeT1VqV8w/UnBVmyRzGV8aKJbakKsdD0exvOK3xTa\r\n6jZsvlKSdTLXzDhnnLn/bHditKOiJkf46D0wMtkd2TJ2D2vOMqz0q0xZWFxg\r\nIrT+2qJECNOuzN0IiUL5+BwIDkiMI8OwZzsSsEa7v0dK8QFCVNk5BDKSUff9\r\n1AjAJfhcnUnkMy+7HNjhXK/z+BSSNTKKhWRYJAecyZ8tiGpDZv7iN4tNsdx1\r\n8BiTkly+GB8bGcHPlwT45vZ6QHesvvkSkFQDlXmrHU28fvemyX+2KFh3RTsn\r\n0Lbxdtt3q7XyDUe3rNs7zd45Q3wnQ3CZSp1HecxjtNr2I5+0PD09/+J5Nefi\r\n1hhTI10Y7y+ewF9RnvNEZ2MfTp+LBG2U34U9GCF0z+brzr/Y1pevLjTwjIkS\r\n1L/wQwUX5/xqyr3phCLHsORYE0Pzairxn6MI8eEhc0pJt3YJRHr1EmjvUKO+\r\nIss7DPb9idycTGXo0wqFpJ1OnQJdz0yNXNI=\r\n=jeTt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"31aaa09805eea1ad3a30e7b91a8bf8ee8911e80e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7134a7752.0_1664229406855_0.4906100270785585","host":"s3://npm-registry-packages"}},"15.0.0-canary.70b8ac16e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.70b8ac16e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.70b8ac16e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fba918b0813884fbbdc5ff273bf5bcf957e5d794","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.70b8ac16e.0.tgz","fileCount":12,"integrity":"sha512-2ngdAMzg4zTyO084jJ1BvbPKxYY3hk1UPX9GTlhzOt44OZKDFUM8c7LvTI/CGXhx0oiJIIO7dF1Hu16NqiWGlA==","signatures":[{"sig":"MEYCIQCO/z5tjjJtRp2bewbmCPQTDSAQiP5GO7Zhn8t0J71CPwIhAMs5fbGUPpiwK6HSlTMF6G80iPteLaFSaPyoQgQ7HdRW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM3ywACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXvQ/8DYE4P4DFtTpgikdOIDcAh5HA4JCIP3bzkfIi+/zYiem4nObA\r\nwmhdQwPtF5vq2tcaztXF56w1vSC2BUvAs8pwmbCBrf1Jxd74+6oBTRd55rzj\r\nRfvrOzg7slzRY17CYq6vtsKvCxIQe+wEkS0dlqLA2ZX9cd+m7xhPrybUtBNN\r\np6kOjubFO2WVF6gvrgELVXZzLaGAaGkTdr0XMmtsyYLKemfc7YF0PGHIJg85\r\nTI1+FMFdLeuBgiJHClA0aTruspKXFBMup2mNAOqoszQXM5zdAyzuE9QORi9g\r\njwF5M15myiWpDznvZjEp1EHSH5w2oYlbHUL6GuK4WTyHiJukKi6ORSwjpQYL\r\nAVT1QTxx/Yww6nw/p4Nto9DrYwNmoiYi3ryx5bnyOG4fUddjZDh3MaybxP4O\r\n3U84GhfGnv/ytx+/WA0W+cMKL26RYaJ6VCDBlSqaEoR9e/kLR3Zw6q91RPc7\r\nppiLPB+5ejhxAY7RU/lSArVLfJCIh3Jewr2nH9X37cOuXvUSUSVxz3+h6Qe5\r\n2JOEf6/ur7FldLVerVkZytmCfdbONBiEyRm7AKJEAVUh90Qbr+HnKO0RWMzj\r\nBgwdGjHulwPhKJIm+mhlW0eKRmmTDwdaY00WpgBTKx5RsW/od0i1dxPr6wo1\r\nBF8j7a2ETu9cMOHx51yKghL8P6qx4cVJmmE=\r\n=kmu3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f9fb4c3a4123798d2b993ab287cc4bb7e8d7014","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.70b8ac16e.0_1664318640798_0.6211514838935477","host":"s3://npm-registry-packages"}},"15.0.0-canary.c20d74405.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c20d74405.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c20d74405.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df18fdf3b1411f23a3a88ceb5b3e90ade3c9176c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c20d74405.0.tgz","fileCount":12,"integrity":"sha512-vzfXE3+YP6x7/mlN+aUr9nS35DEC27JfMdrJVwGGw1pXDvI2vBrKhXXP2/Myb7hqkb5M7vyunl+01xQUYmjgzA==","signatures":[{"sig":"MEYCIQDX7tDOh9Dw21H+OpSQ0/jrQ7m32iA2QCiVzngY3qKaMAIhAOA52I3TtLZ9IHD0XbQHqL/e9BZ5KgeMEimtiav5xHsb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM4eOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodxQ/+PqWQcRZWEa/3SUfyfkhqdySmYORYM4VcikA6Q1EyWc3DM8JZ\r\nfF2F7xTf93YEw19psB/cnLa70Sn0bn3jkjfwyYEkzvHM6w+vep9h1anyZbFf\r\nX7VzcKzVPix1joIcaD/lqSyos1T1sy3OW8v7ntf6i9rRBAD7hAFLMd4Hdq4l\r\nctr+pvAIF9UqxLMCE3kokNsh52/ZDRormiOQzd9vFXiIc5vC2GpQUegcxnXV\r\n3Ozvty2FBV59j/RjbXydisYgfmZxsgTeRWb+zHwojo81rR45W7Y/ybUOlNLX\r\nehiJBRvzO8+5/DIuk7WSisQVnMH8UkSTMQwiwfNLRqj9TztrJfKqtR/PArya\r\nG8T3tu0aWq8zRj2K+TddV9aa9+kVpWGNtejGtQpZTWrV7bM+xcvmOPC7GmWT\r\nGN5X7iuK1OEZ8klL5UX1wECCoqTxvbIzPjubHkkGBtkKjsSElHql4FLgRkET\r\ndRP4bE5yWbMxI0ynENrVlq6ElvRtQdMz/M+TZjOClJG8uUGBhwkgVbXmXnL/\r\nPzJakRUPG2/5LjxqaI7EcEyqT6iOkcKXQlAyu/6beRqU3UGUGyzrECD+p2KP\r\n5hQg+E6RFij/CYCCQXsGxuCceqVQcEFaDHyQHEsJVDOuYC+VlrpWqpyqAr6g\r\ngKyfMxPLWBbWrXrAmRN8z/kUFW+dEiCN7ak=\r\n=Wz0o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7e1c6f9d7e3c90438265d23d710997462d087d78","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c20d74405.0_1664321422356_0.9561534608915148","host":"s3://npm-registry-packages"}},"15.0.0-canary.f033fc8d1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f033fc8d1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f033fc8d1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76e1331e38587b631c3ecfa9b232b5c051a9d9b6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f033fc8d1.0.tgz","fileCount":12,"integrity":"sha512-BicjwIPQeyNcyXQc6K0tffNCQ4nkPwTefCdgZyHF2dW8hMGvBrUcxgdEEFyhcRMeVpPFhZ7VMFyMeuffTXsqPA==","signatures":[{"sig":"MEQCIBP5QjHeyEQt/j014BK2LAo2Hu7tZrHFnZdD43EINlwLAiBx2ThCmNAvMTg6QUa3Bv/PMTDgi4OsaEe9q1QD+Ziqlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM42sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqn/A//elcm3z8HlDoNXGv67Kr64aiHZDx6q1hWdFa4o4Mxwb8BQGU2\r\npKBhzZ404ske7t8aswu8UJypYqFWt3d1PlKAA5dH9OHlGj2igA6DiZYpJgd0\r\nP/p/5WREji150jLzZwTtLphcbtIpmBZXGbniV1RnIXtviWoJhb47Gb8pjfZ8\r\nQiTIBq/WpC4Ri19+psejT5NBMaUDWMxzAxtI6fOSBMS4isU9Xam7L1K75l8R\r\nHV31f6jaxGWDc8Pb4UwzVphwy/CK9xOx4dfw33KQJmd5YQiGCvbS6fh0OJp6\r\njD2Coo3qzM6GC4nFVHrmzrILPXpOksWAIFI11MqlF6E0vo+6TwngM0RsE+O5\r\n6Edpb9Hl3qsie31ZIeBFD2Ygk2sC6E1l51IjevsTyiRmwQD2HPHg+2Xwo1ZR\r\n1pI7m5M1ItTkISLnFeRC5PipaHNGVbmliGdVoppi1dtdFoHHmOwWsujxCcD0\r\nz83oii9oHGrupTM0UQYNH7WPJvjqF1FZFUNHNVy0zSJfODnRGotdSJP0MYid\r\nPi3lve7g7o3fC96BH3iDRDm7QGZtunH8h4/LX5Fxgcfpn8zk+8klibAbdrA5\r\nNF4VKmvQoDuBOc1/IrXImcg62x08vrekZnUdSRIFNTTmuAJDI80JCedLpeiD\r\na1fJA1vZnmkZaPNAtbXdyR0NJflrfmc8zUM=\r\n=EtIb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a658683d647364520f9de8a2d51f15913b5ffb78","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f033fc8d1.0_1664322988655_0.3703241329352085","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d7ae912a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8d7ae912a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8d7ae912a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0085aa9b0cfcbadc4aad2935d8f0d33e87e00d8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8d7ae912a.0.tgz","fileCount":12,"integrity":"sha512-CW+jMt3D2CPcH5VaMeGlAqHD/YXw92XQ7SpGvycECzyvrxJ1vdix6tiYs2B3avU5Pg/1GgnloQ+xvh0BehETRw==","signatures":[{"sig":"MEYCIQDqqyJzwAXkPw33nHvloVrbR/L0+E88nwBxau3Sx04g7AIhAICpeUKatpYgsRWItvtoCbUIEl1qlgh4Mdh5virVELfO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM/3iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpqig//VJua2tX/6ZyqGuAXlxv0xRcJLnBZUmjK01Hprn3w4+lg1wG5\r\n41/6HbZeZVVsTjkpX0pfTsjGdlOj+AibcYem7EA2yA1uzCTzVPa+B1pOfBRA\r\nkTqBQAcGZ4n7f0QXudUrQ3UHv4OlYGGFrMUGPhguiQja704XDqufyw0ztSil\r\ntrbKGriyVMx50MLZrBRsI9/7PqEIAIdIPKdzbXJNV0wbTSPNzsXp9m56gKL3\r\nxflL4De0fHT0bYnnyFkId4wAhkZrvA17D+15khsLG3EhQyC7d91HT4ak3YK/\r\nO8CHID3i4JDMxWG8eILYLszw73DDZwLFlsPTvpx8hzkXm0d3kl9oCT5O2fUf\r\nwJ9/btRy8MsxMeClJP3GrvhzF7KNqgEZvhC1623wlvR92JBfdhhIs7r5UGLJ\r\no68R2tS43EI2Td126uh1NPNnGkbJiW77hV6DAfGGRfBAOKLBmGOcfEGqA7nL\r\nv9hdrc31F+AOyzfFj92NWHUCREW0BW4flAUiyj/ePj1j/uHPCRIxIMAYa991\r\nt53BFHhGh2KUqyNnsJGB8UuF12CHuFAzwnp5gsIplJ5D9bp6jDVuQuV67tBG\r\nOqXkTvguawLjPvvsyLav/0BT0Zeq4MgynZrj0DcfeW/Wlx9XDsdGP7etOB23\r\nvViix6v/vhxRk+gi0a7XMA3mLQQoPRjCL9A=\r\n=PH1h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"26b2ab57ab7cb3eeceab31102ed1b6cb133f4cc7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8d7ae912a.0_1664351713990_0.07655546002715208","host":"s3://npm-registry-packages"}},"15.0.0-canary.db414b864.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.db414b864.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.db414b864.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff12011fd0ddc48de1516bf9f430051f47d75ceb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.db414b864.0.tgz","fileCount":12,"integrity":"sha512-IwtJMhnp354F6kIEFlvh85QabAKB+9a/thm9G9MAaYQgzFVR0kHBAf62k8rOXfHmO2haj0tSAi9owag6XqvinQ==","signatures":[{"sig":"MEQCIC3GGCBwpzSbNFDsm2H7gHZ+utnt8hWbrQGiZafn4r1cAiBZh4PMxxU43gL8YXEmsBiqXsp6m1eyhdpD7CZgx9IQTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNF96ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcaQ/+KaRhLSAgPt+PIMcjmzgaoH6WUlwCZs04obUNNf91th0MkdGE\r\nFC7059PQc0XnJ+kGcm9BJTRNaNnOZxQn5Jwm5e0/8twkzRLm2jwzFk8FNT7m\r\nG4TFRa3KVzIzWdpVS7hSqbbIZHpmTdr4UX8aOcYYUn8Tm6SjyCfLkaoVh4+Y\r\n8IH52CEdXZgoisgb92s8bP/Wg9RIPQl8IX65QhN6xlJHxEDyo5dBDsGqrtmm\r\nT1Umd2/QAe/2bD1fVaQMxyNObdG644sjSnRfgzmxtfyikHPDa5ijIkZ3aa8U\r\n6DQBAREktDnzl7dyNef38zlAokVmnQp5lfOhgeulcFTlDIhl32/FSiFemE1K\r\nzqNpeEnFMWeBtPkZAVSTYfdbQYFbr1qpqqaubGlZbOUBUugvWsFBqWf4ll/h\r\nbJsTXij9vrDSE1ApflXGmUOQ2NWdkltmWvmtjFS4XPmTPnaHz7XNVog+TB+j\r\n/XdcNm5yS7D7pK9eFAkydnsRH1pQZGfPB1M2nvA8EkfMfM3TLziC2V83AhGc\r\nN/oahsFvt2iF8ejvckwd66jVUdWyq9SGYY0NSz2fAhCXo9czhCTcvg0RsEVo\r\nB9jB1L9rs8z6UReFwB2XRKVm3hgJwEPs41ndxXuXPI2Huqu+3akmjmPQIV+U\r\n92XdxIc/L7wJ7D7YMsSkB9JL6QvtTVEV2Qk=\r\n=E9MH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7601f089a2e7599728805effc4e9bdee40008aa0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.db414b864.0_1664376698093_0.8821518381666256","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0462d134.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c0462d134.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c0462d134.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"469d3abed1e00f81da3c8a3b50e81dc30a4ef1a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c0462d134.0.tgz","fileCount":12,"integrity":"sha512-T5PXYHg2MsyFh546qsg2ckUmMjBTTOdkTmnkGRNe03facPjNN5aIWOa61Y9da+Ti/LPJeJlsxD8tWu3RGGrQHA==","signatures":[{"sig":"MEUCID1sny7Wa6LHqBU8t5Jhr8chsR6qcEdtnQ8YgnIguV1GAiEA3wWsjUC3P0PEJCvPZMSZ9808/KXYO3KQTGg/5V7PiVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNImLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodRg//SdefrfG4lPaeiDAEQqhyVEoHhv1jfAOlaxPwUFZWNZsRYbml\r\nrEvLFbQ28e6l1ssqk8V1YPPEAZd1kARJECr93Glh3h65IQc1JPOr5Ek/sd6t\r\nSWftyqW9g/i6bSEH+JYHvO2GXbhuuZOlknA3I/7PNHG0bpJYedVN2z02fE9K\r\n8r+ljkAlsj0CtEm4/R8P59+haMyZ7Du0qanMHu+LFU59zxMau3H+K//30Emy\r\nBpqNi5cWaslDmVupqG3Jh2FN5tqZDhvZI7IyOo65Er9DCaBHGlGxa8denpKS\r\nuqO9YPlan4hNofo66VXn6VZzvRaUKF4VdeP8Kya2HplpdAZY+1st5+lSfYL6\r\nkhDybj3+cSkhltmzyUh/9zgcU2XTSqRpseYh1OCHtCpunoNly3jmJlGqauKy\r\nrncJqj8JWHQJIblvkC2cTduP+KxLKySuakVt4GLRIUJsaTIZ8xrM5Qu6538Y\r\nMyD5cKGAocHAajRYXZWxyvmRvDqIq1o9NoO7E6YaRUogwVqSOF9USUKLvFUZ\r\n35tgHogdPZdQLNw07eawuZ7zcXVrTqNbUwMC2L6U+1HLfrzavG1FIzlOEupO\r\nTq9hyHZlKGXThfJYymkNnHmNjfyGGKN4Om0eqfsU6J9waxTIFs2DdAzAaJCG\r\nji4m3GUFjkPrD/gmn9LWeQjOXxJLPyPKza4=\r\n=2O+c\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ac1e8bf31f6e69539e68b22f40f639cb7eaedca8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c0462d134.0_1664387467552_0.6385150116756115","host":"s3://npm-registry-packages"}},"15.0.0-canary.28cc6791f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.28cc6791f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.28cc6791f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eb004333cde69203d5769e3137cf82cc9fcf824","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.28cc6791f.0.tgz","fileCount":12,"integrity":"sha512-9OPsWPDNS3WFhNFBEaC1XZxFQxnJchN/rSQ5+uA9G1NWhn9LCCgR5GjhSeFsFto81GO5PGMGoNdGGvML/zGmyA==","signatures":[{"sig":"MEUCIF1tQPI3fWpIvyn5rkKdS4gN50BVg5WYK2CM9znArsXLAiEA69DQXHU+NCZVcaXsGQIdTO6BACWMFtn2J59xCNagPSs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNI0AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwEBAAnjYdsmM+O1fPOm2LetrNrxzZMf0BQDypJB8JOllAGI0A3l9l\r\nwbw2JHFFIfuagfvBPQlVotxhwgeplMh30ZGEo64L1enhO9lxGea36zApYun/\r\ngt8ffhkmLSbC9r52IpeJPbjeiwxC6ddQT3WFeWAeL5vpeAt+MP2D6vsd0Q02\r\nPlQWzeNJk5O/FwygIVzHpaYbyMR1U8tfg+ajNswnwpqQ2CeDm9NDD3gFCwcs\r\nfT36P3ToI9V0wateap+hmtb++mn9cjxfdV5exVI7jSNWerGD/zjnzRerL/yO\r\ntqNhLczPcGhoXusqT8SgoUou0+DOl6SZ7f8/p1ytNrPw5fHhT3iBZ7q1UbVB\r\n0S/5zhGsq4d15+bN4NDRIv3I7j9Isihxo4yrxVXVFauto7W6lj4OfoXgzOmY\r\nYpD/akBST0VJmE4Wzirkmr/fwwrRx1t+uolzZKZ9DhniMLebQXxwbub0Dxk6\r\n5l+0KahwBzObrMPPXPuAVo119RS2e0ATq/47dHSmvP1gZs8/PEEXuSEfsWYz\r\nefq5G9C4a54fDF/yYJBnN6cq70U1DgNOR3s6OPn9LweM18IbEjuhPdLJnaW2\r\n4Es2LusN3qKZxzNnsZd19xkgKVSv8q/M0CLLGjp2QoFO0U+DqmufAfFTqZ3T\r\nXSm3Rs6KB72Z9FXGS7r+4qdYT+BoIck3unQ=\r\n=ksfs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d2dfa219437727922f4cce877090f9afdd87edc3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.28cc6791f.0_1664388351820_0.5884406217595246","host":"s3://npm-registry-packages"}},"15.0.0-canary.a515a2d18.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a515a2d18.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a515a2d18.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"926338b978b2abdcc987bf6c37936029b48116b7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a515a2d18.0.tgz","fileCount":12,"integrity":"sha512-b8u1nwwz0OdW+jveTrDuUaXiSz1ergmSaR0CZk88tFN0wyuGUJI3B21tBbNtKpvFJzelcIX5LhhKec3EfqcxVg==","signatures":[{"sig":"MEUCIQD+OQ/NZooAEDH3tVWaeNvPHqCNNWnZTZ6aj75j0bjTsAIgQivYYr19wWKHu5DQbewKFw01RNumOLdOsuV9aEd032A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNJh4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4LRAAgxztPY8s9P24F/n+RI5d20G+MYYJeXH6YF8/yYirQNUOxbCU\r\nF69wg8bw+cTCdfA5GSE64p//N/jSYY4/I0Y8hw5FL/UnI2bpoDrl0hF4vRhx\r\nHbOID8AuEcJDyp4VI8WVaMgJnHYurNpL8+uAz9vyhzIviMer5nYl3R7nCp6J\r\nrIVAhtRBBJUD+227O21RmOu6fmsotUTJ0UWtmU3fkAdM8Ge6RD9Xw4xEhsTA\r\nIniEXbQr5126DkRQup2oGJmlzLTomyGtAg5lqHl4vcBMFV5TSXFe69goz50C\r\n22OQMpCmpYKL4EqLC/Fvp4KHFrSZVtQXsaXqt0lNBln1uc/hLgeyajXUawio\r\nucbUgGf2X9DeU3uutxoQvPveVrX31i3nJ2IsBGX8DxGSyT6noFz34IhLYHg8\r\nOWYKnuTf+CpqM0w6nB29CbuZmQRfURlHIUkBzWb+nTeJXU4mOVTsD/YGlm3X\r\nuC7xZDQLFfSv2MBRhVsZLiQ8q3v4TUgWArzdITfMWQS+cF3DOPtvbPRptUfN\r\nt9DQbNc+n4McTU5UVANfeshg4vwTUdIS9yCaC+mqL1sRKpwabVfkcW9fAiZc\r\njU1bvvtSktQDebZq9tlbCY+A17u09Xmo2/lLJ/BegPnwxkF2faF03Aph9f+k\r\n+TbhgMbeQFYkjYmP/1ARvWJtw+df9uyAlvc=\r\n=bi9l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b634251c1f816bc66bc81c76758fd339ec40a76b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a515a2d18.0_1664391288167_0.9858305220584631","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce9523167.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ce9523167.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ce9523167.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6edeeb7b1edb5873ad14c7d0fa63d16380e460cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ce9523167.0.tgz","fileCount":12,"integrity":"sha512-TQGQYDQ5gsLCb8O19lqY1hoeSJnk+NLOYxH0AgUt7H7trdpzeiY3KKQJ8yRGBqqy82nJWVuAXs2MTID6Z8D46g==","signatures":[{"sig":"MEYCIQDZ1HqI4rELPW4EWvQfsruRzmvSmlm4xXiFc+/9hg0MCgIhAJ7LcSMta+e3WenTaUPZIITtUkY1yMWmOWDMXsj7zVWr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNgBaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIrBAAo+pCfFPdZG1SFNWr86SAnaboqta6UKVoii4DyRcDO83Detwy\r\n6Ju/UX5j6Wl9LI7ryi2ZsahjFUa1uyI/io0F2egUngy2htzS9RGyjpMW0F0O\r\nN4CMb1fDDNqVxvZtIwkxPBa+yIUJ6d03JP26iuwp+BJnIOoxnXnxtqCWYyoq\r\nxutfvglMcA/tUjZ1ixBxgag9mkiqEO3mJvXT6XR/MN6t+8y/Zm5H8vqxFic+\r\nwWnXjiF7Fwr3ODFQ3FC+02xfIITSfAYwV1aeU3kEo0l7T/azRwpWbs1aIvbD\r\nyivHmeFS/CEGJI4nFXbul2WB1EZTs0HyEopuZUoSs5Jnu5hCA/rgaCl9Bv+v\r\nWoo5JHQRVJZ1sIJ6xUbI0Cqgp8ZcilERXjYzxAb7H+VyLn7vYTJ8m/GPDwNK\r\nVNV43t0BKLu5TTBa9EpChJdYHGNWq/Ntd6Au+GnR24wTYxWFGRzY/oimQyt9\r\nIKb7pEWPMREo/ikcQ/rMlv3xlAZEhIV0m8reTWy5mUovQs9BkFeo46d7LPG8\r\n14WwOoBcTQvi3uh7hQmKimdDSrpQsINaiQS+xd82bIBwY/UJeXE6f2cCL9mh\r\nMOrqWgU4kYY0RZlTeqPLvre004r3pJclZ5EF5n1A54C8gv7NvCkBryGRBemh\r\notgK0Wp/keqdjsjrjhwfuazBpJ/RlCwzw9w=\r\n=WtxM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8aac5a80fa36dceacc7b3a6e2474218f9092a107","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ce9523167.0_1664483418169_0.16304111597635607","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2310f7dc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b2310f7dc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b2310f7dc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93589b165234ee9227266c6a69308c7b2a20daea","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b2310f7dc.0.tgz","fileCount":12,"integrity":"sha512-SfQPeT3zw0Kn8BzFbvA1tRToceQNgpbkek2tTWYuTftFZkhufYZyM4yJ2+1iamcDMazUBxz6Pq3fGCvzmhHOPw==","signatures":[{"sig":"MEUCIQDyq+X9EYRHA/n89btl5tKVcH8H1tLac6Qo9ueFmzF5hAIgKWYCtJGH029sHrvZLgIIoxIBs2pT9hQj/aqo4QgnZ04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNjSLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmov7g//QCMZOCbsfqAi1VY7JK5fsNESLoEpykl2T5+FkeYFeQI4W0qf\r\nRWIspBNvX+oNt0jDzx58UFaKI45W2glnlLRY/Z2qvLxROdul2ujrjEMV5NpW\r\nRB3jD55v8NG1wM9Rcw8Ob25ddDkIgeY4DJTu3t0aN9LFstC08Oi9u27xU++k\r\nsob731hnAlEtOo4nM3VmCW1PCLcQVzw3cDE4/AUTvQ4yYLcdoAZS7AdDl4R1\r\nwJvAzE9Jn1YVWn+NH/SRVwlsFYRumys50XV/3iwTiDZO2IAQiy04W1QSnB4W\r\n5ILLLkn7ckIyixIeQnyfcxwLg719oz6ZWy4MRXUUPTTvvCmYD0KkQwvwFHW9\r\nw6Xl+0cDO7cGnwd2inURKdYY/LWrrH9FIzheQFNmrZOQOrtR6aIOOuxmg0gf\r\nc2SrexD13bXCO/hgM1L/96ioACm+/nt//31FToTHgbISpRbGCDLO966TzS0K\r\nRdjTNO5gICZA5Np3RWsml0rYWk1KjYuGvDqOi/PKUQ2rgPHlXHFMecozLSPS\r\n4zMqu/hoh/CHV5VxlvUT43JJdmmYwErbaXgxTcFNnjRFDjb66aB7lsnB3qmR\r\n5Luc6smLme/o9/diKUfrLrrvv0FWMqkLa+/zPuc4bbCYtRnlU0dKup7xWIUW\r\n2rZtQDu19u6Fi2NR5MGHacOwVtq210hCn5A=\r\n=MNEM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1b1f8d124dcef049ff4f3730b930eadfe1e2a58f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b2310f7dc.0_1664496778760_0.9868790038401445","host":"s3://npm-registry-packages"}},"15.0.0-canary.a44241e54.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a44241e54.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a44241e54.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b50045497ab116d7e2d23b93f2f4df8a7d46990e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a44241e54.0.tgz","fileCount":12,"integrity":"sha512-5EiMPlcuv0UlqQC5VyXgCcBtDqoB7lRTcVVEmfJPmkDygT2g0ZK4WpkaM7Kht5xHwphGTl3C908vPIW7tPmeXw==","signatures":[{"sig":"MEYCIQDDJXltSXruPyjsfviYq+Nb7NWMXrmvoW/k+0xc4xndJwIhAPgZQYa6ABajImlj5jD/4gZPRLwK4QliXF9bmDtRPBL9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNqa9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4qw//cFUZyZxSpARlHjgbQc+W23W31seex0QoQkCGYokJjI7P1Eha\r\n6qUUw36P0b4hZYktjv62x56Vp80HdRzZ56mU1BOGgrLUuB+oFNfqKE2l1D7w\r\nYM/bBYsLZ8H76B2nO0++DKopOQyvjrNMPglqrpcMYSKFGlagQz/ks61nkasS\r\nBZrXy4wJMjguRPZVA0FwRsd8dBMEUojx7iCYEqrg4I9QR4ZjIX0fk97kJJEE\r\nIkzv0ybdcldHj/bf4AcZZkpAOUR+avPoIoy1gVmdCV7W1IlcL+v8JJ0084oN\r\ncoDwKH9DeARJchPmNrG18RL8cUEPHF6Rg7hfpvZShlgKcc/WAr1gMygQO6o8\r\nqN1tYnsf/b3Ac1J2GXFizxFngQTRUvm9tzJCK1kNrWN7mztC1K4BUvkUGaai\r\nhBUS8UmIW6pzMl7pNm3OLQjpRqTmcw+D5EiKkc+IuT9ze9sOU520RqGgq/18\r\n0v5mNtFtAbvmZdUfPE66nR00GfCEPANZEitls/8gQ3dff8UIg8T+XDXdSahq\r\n/wBgDfs9It9OSRr6qXc0uhTfVg7GCMd7qkQdrgMYRpbq3Y6lxdNHccAr0L+Y\r\nnvM0M50l+xuIJF2tPOhS/PZZ5dpdTeKgE+GDnEQ6W6cFMgklFwIpCVtC7s2o\r\nOXiqDAwVdK6Q4b2P7/ISi9lvqbSl9KSd8sQ=\r\n=XP/9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2a5fa6460bb58b3b2866631eacb27411a12f8d21","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a44241e54.0_1664526013376_0.4772134434927391","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ce81e115.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0ce81e115.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0ce81e115.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17b1b2c694e3bae9d9543884dc0891b7417c0c39","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0ce81e115.0.tgz","fileCount":12,"integrity":"sha512-+cbZrsh3pAVIkKNNh5+ylAbFa+v+s8qCfuLjy2NoyS4vMxesZzQNcnaqNYsPBjSw6gKRUc1XS+n7YH/EHqZF+g==","signatures":[{"sig":"MEQCIE6300rGrczEwdGEYkI7olJ30Q9HaEoiZ50dKZHTzipmAiAFILPJDBWi1T0gaBeLYjZzN7bSU89SaRr9OVklWJWF3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNzKuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1exAAiQFme51rs3AMXhBjB1ZdS6CwT9B41CduoiJD2wx8ODvbKevg\r\n4FfpAuTHlAyJVTZDdfio1I6fSLujRykpCs7BX1gWF5Z2e+yCkE9cApbwm6AX\r\nCmBrHHsvDfZ/FGy8Jx2y1PXojqho2v/FfQUO6HykMPOz9PV2H0yjWHmOpoUS\r\nE4O2ueC+2MN7Z+S4j1qP4iezZTzDzLhBdnwy/E++dkvGtt1oqvjru2UkXX3J\r\n6mcKRUe/5gaDsoD0EWXNGcwcgJU9IRc3bJIcHxNCr1UIfvFKJ3Jo77R0GFvh\r\nMJ1PnVVlWka0L8uhubxe8p6qRNmfbEu0TOujXBgHlBVqLklGcUh7aYyc4J1R\r\nzivLJNGr1cFPOvTUJK18cNjts2lJNSJrUbtMDym8zMAVuWn/NwLhvB6qlupZ\r\nQ99MbtvM0k4/k4ULuaoO/7z/mGaKWG7tyRCaxSKc0nzdGnEqZ1WEbEAJE77C\r\nvig6h48Pggrb4wqTdozH5MyT0WSvsErA+lvaVO8+vkbrleM55p4Fr7CSw/02\r\n1HDeaCyTWHyLJ65TdfZdS8a+cdVmlRg2Iue9UUB42hW/J8tJXibYX8x5VLBC\r\nwqnrmiPLjrrzZUjgVBAospFl61K2lyjMaolLpF3p6IIwfrWpOOUXwnFTG2oA\r\ng7Y4hKr9pLj1tw4g6Hx80V8MzhUvlUC95Dw=\r\n=XnHp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d690b44f4e157e829199ea749861c3b827d46dff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0ce81e115.0_1664561838259_0.8496586332649134","host":"s3://npm-registry-packages"}},"15.0.0-canary.3cc30f6ad.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3cc30f6ad.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3cc30f6ad.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b380eadd339c61d94f4f84f9a923be37403a2e46","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3cc30f6ad.0.tgz","fileCount":12,"integrity":"sha512-35+tmXErPd9w7LY5/+EpV7/cNj6Ce3I1HYzWY5KVFs81derOaW+YnNYmlwCFFc9InFx9+f9EogWH986tAMwohQ==","signatures":[{"sig":"MEUCIF7biDuWcsJWqBcGoCatPxv0Om/ld1ZeC6uefYujDpI8AiEAxmoc4ZJ152T/4ypjQPz6SA0lDykiUcb/8z+QpDxLB9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPGrVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtVQ/+Pp9QsHMZMi7te657Ue1VVZlBADbjUfC8P4ngcXGHMGFrf95z\r\nxY9KhrLN7Y4IbNWoeO7ymYMupYAPNU5+vwRFGfrNgH96zqdOmySHlV7MRAYp\r\nV7JOOTeWr5JaZ1gcw1sPnG/rf5nka8BMTD/yyOD4wJQARc7iaIWxbE3Ead2a\r\n3OSPXyE+zKTITAjHtgN/5iqylb05wrmfFY/MO0mvJ+oNCJw+30Z/IxVjrq3W\r\niqjd2bVlkvxNgJJrZ7hbuV3hMl0bolKI5zZ4jQCzyIpAP/qH7MROP77ocPxv\r\nwxY1EaLZANBJy5qlGzBB9PERD1eHBMyfU/o1Zg+WUz7r1IfhszYWoKiGTN2f\r\n4B5P4r5xBCMJX4wXRBS5DEdY0RU/B7E3GlToanKC8x6JhjLYC3eIydg0tdJ0\r\nvsSmxXgvuTo+elDQoIHXlb6tVEqHB3or3hDojE84bRq5DtaN5WVGLIhqQwT3\r\nzID3oK5vQcMmfvLz/SjA62kfPaELY0KprVBe36iC+pPV9x4xBuhvAKUDzASu\r\nNF9GdZFGzuR5hN/IEINpsojGc/isUqhkdFc4sBERLhs3bbDjGVa/cAuk19a6\r\naEEE8kfzMWNWRjSrQjXGSfu4XDYVJ1B8ZThc2DuaSH2JcBz5Yq4VaWre8aQf\r\nPSF/1GL7pwKQw68wz5Jg8SxWteersj059QQ=\r\n=R4iD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"78d02265193749df2eae507da620e7571c09da12","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3cc30f6ad.0_1664903893494_0.5329673138047062","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9cf98e60.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d9cf98e60.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d9cf98e60.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2558a0d56649cd2d3706db646c27b88d7790b93","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d9cf98e60.0.tgz","fileCount":12,"integrity":"sha512-WnZ7aP/tycc753IqiSsijsLJ8J/tu1hFJ0PBWcfsn3IcGRewZJittlTbPbNh/Tb74xg4Ra65seyOzSfUXAMxDg==","signatures":[{"sig":"MEUCIQDtKGShX0n6Vt3UKxQLG/hGJnwwkjoxRWi83KHZRhmHaAIgHmGSBzzYHmr9XwDu9Srtkg9/fu6ilo8zxhkc+rvqySI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPINbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHBg/8CWH/IXtGtjZpRkg2bMpSlNve5dKufZZznAYpWbUi7lwszdkZ\r\nXS+dcg8wPYO+0qUpam+qCRd2UoyaOvjkr4eWip9TmJ7vCW+YVEPSbtYk3f7D\r\nl/MFA0Dn4/r3OjcE36Li/pyTl6G+I2I5E55tb1/7e2mnCdnjssf+N6udgmzQ\r\ndOWCpLwTI5fBla6tPsWft8+hpdBC0Mm1Nz1glYTSArIQB676xVfgzGBQiZju\r\nBsReCXZn/tqbGDkAKLdN469UfAvHX8dGneRjU2x013oNPMwPk41oH91m/9HG\r\nUlGnlRJBETBx1xR3rGmILlx/ClSPn8YuFj52iIWPoqMnx4PuztuRMF/zgdiz\r\nQNOikIGHXFpJsPu72fAURcmDXQo94kGJmK7349RvKOw3Yj7nPWGj6Ftf78v7\r\n1P9P5fg5O4ocQn/7IMi1f6+7Na7Rup9mPCtTL5ddtdBz8qrfZk2987N8cmU6\r\nUPCWeWvbJgIuTbQbWl9+9EVZq45XLfsDAikOvRa3LqzgmAoRkMy4ah4WsZtJ\r\nvv4/hrhgMGDHAvJ234zu+mlr1/HeHXc2HxDVFGyMBAASc3ksKxlNJ11LFZKB\r\n45QmKRWpc/Bj4RSHoHMLVUOspKQ6zJhOrgeeJZ/s8jnYW81NUfWXBcseqX7U\r\nZ66HJqxWBpVJqEpl+0rx6DVZ0xgqBKXV2f0=\r\n=vOWx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"554e3182e6804b0bbc262ea0e730d556747b7382","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d9cf98e60.0_1664910171052_0.21203967373859034","host":"s3://npm-registry-packages"}},"15.0.0-canary.d71935c8b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d71935c8b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d71935c8b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d14d3741f582107f27e86baa7e17ffd4f43e596c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d71935c8b.0.tgz","fileCount":12,"integrity":"sha512-H9/PZl8P8weP4n60/kdJ1Gi0RsYJKTk7Nk2FDrh3O2mRHtWX4H2eNsQeh9DEuDww2/uIbwDPKhTL6B8OtcpY8A==","signatures":[{"sig":"MEYCIQD5/e/dRj38phKUHIT0M4I5bslBTU09JKzCO0krLdIYngIhAOg7V08lNkRMgMI50gLbBPP81w/VsQ2m9jKAxQbPAH9Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPo5EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgwA//SmFDIclYenAvP/8O9ebowazKYhxUoqJEaPgOlUjQCtKoCOrw\r\nkpZenphrIEA8g6ztTkr9+P00eKpRnp0hVlDxvOLy9bROECZdS/lHyqn4jk74\r\nM/XDlHL2tVqHgLKykYmVH4VJhjTKjN2cD/qWsloldUBxSmhIV4onUL6gnu2f\r\nwcPglAU/xtx13+3fHBGmOEclgPj6Lt22HuH6Hy4KNSFeVAt34sTWrNYU6we+\r\nAKEL2a3VuP121QKbblY0HZT/nGISvHbEg9JCTvNzQynB88NbamDkjJ8Jt42M\r\nA3DdMVYqfDZP4m+8OKKoXccMGZSxe5NjreQQWiqR/jtL6kZ0TwmtPnKB/lWR\r\n7MX3yg33OjBLyAORv7xsttrtCgj7SSECzFaY5DoE4lyfIqwnvsPBVwmKg2Ow\r\nuYwEUit1GjCVBDUnxnZHBly9AI5hQDCqwNgJPiRR+R+QYjzAe/i/geW0Th7L\r\nKJWAJuyATuKsmzbTUIGab5msj9ewKwfXQ4C6TRDOYP6C5mApIBAW0ozRhI5J\r\nR/9cz7oXsZX37g163rwlcyyQMticPuN1/7rf5nUKjkqBdp0hqfa+GsKgcPJM\r\nsKkvAdK5HmffYc4Ce2hUSqSOr7r6rP6Is1ZIfBb8YR0sFihodnIM4RWtsaCv\r\ncxphLTgNPiTk5VA9xZqNmf5as3j3SacetQw=\r\n=K3/D\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0e9f697d8ab3c0b93969f61d22a2b06760934fa3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d71935c8b.0_1665044036505_0.8158556729339588","host":"s3://npm-registry-packages"}},"15.0.0-canary.49c56a25d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.49c56a25d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.49c56a25d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b46563ee0e688096a52f7a994cf3b95641c08c12","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.49c56a25d.0.tgz","fileCount":12,"integrity":"sha512-HIv838PXJ7uD0H+MWVCpnTPRDd7uDD59rwnQsYx8+wjJx7q4us+0FpBNhJRYl3zcMVVA+K34Qw6JcmwAa5uDBw==","signatures":[{"sig":"MEYCIQCYMhCZACzCUYFyKdTlC8heMD3XUUkHizRs4ihP5ehOuAIhAPaiUl8Dy/JofyTZt04kACvU6tjHwuThdGbZTDj+FY06","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPyNUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBshAApSm/EcoxAQn8HER7Dl8sDGDv8O8v/HaSdlDHtahzZG8M6T3K\r\nVHZ4hWAKfHWFz6GWe4uN5BzzgGmjlQjQtEq/YxkSxOduQUQR6YWEgHa4LuZz\r\nFCX7P92x12HVy3hupH+u/xSMnNMw6jBxqfPEb7ukyxJySr2SUKCqBenWV+e1\r\n3OSvZCogfwosAVqZxGE4U2nBihsMHttsy9zG8PPO0k9CL0ZNYm3hcAme4zG6\r\nSmg8vumksDYFCGW0GfKxy00IeMrG8qaVDO9iBZOcCpwNjX0FYyEfA+ERaln6\r\nTXlAbVoJV6+dP7VHKRQ7kHbQXRddpL0eME3V5Edb1NLTRNlEIcatPWAK5F0r\r\nfoMlCCZ/qrz+w/Ogcl/xSB8tZK+ijF0v69MKgDKQXYq/27peL8E7Qd879mEG\r\n29mufGeiAimYhsZg5GnaCmJNsAsIaxzxZxW9MqjnpOr9aYeAtlbOoosOQW/N\r\notu+FKsZTxPTHPMrufvtss9J2DA5nA7KiEq77VnO8xhab2kpPDlvx7KxmVZ6\r\nDr6xRMIG6kKVlg9mvtCHjQEAlKutsFSYmcDYBo9AaFq77RPt+Zyh187D65Pr\r\nMs3z8Qo4ZfBnzBhCuJMdJ+y3lqpgs0xN6WIe1KcMrs7bDzvhR6fnYF77RbPE\r\nXgnKqZBHV0XrPIIRYNMzEIM/YIgoBqI4a3I=\r\n=WYGd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"46425b4f1ee71ec9e841d7ffacdce7cdc35e7b69","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.49c56a25d.0_1665082196449_0.06221981347240102","host":"s3://npm-registry-packages"}},"15.0.0-canary.07acddef3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.07acddef3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.07acddef3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a3ec581cfc8c4301261ae9ec3aa3e64e5aa1c1e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.07acddef3.0.tgz","fileCount":12,"integrity":"sha512-pR7o5s2ZLDJtIC8KIfzw9lMXdvbZXcNJMAIqaLekQSTSMxpQYXvtkDmUpLwMTMYQl0fYoTRhxa9xOMc1HKuIMg==","signatures":[{"sig":"MEUCIBTwCachV8WZ7Nv76eCZbr6Us+RSGVwgLrK7d38H4REJAiEA6qnZT2W+LHjgOmmy3FSVdzcD6yBDyLM4LeRyFYDuk8M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJvnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC0Q//Sw3ytcz1WOsN5F6hqa4bQunXNZWg45xOL6xc6lZ1ItOlGpzd\r\nAXPRFlDjPc1nJ0DLXF+eQc5MhleVm7ihLwSNJYqjph5AUH8P0vr3RJDCR8Tu\r\nZpGmMFfgNjMFvAhOJ7je6IVo+v8HR9lGUSdzfjsrTBRnW+jjqdkCQSIOvBgy\r\nJnucW09AuVF59idYmIhH7+HWbRrQvSlDDgGpQ7jt+etx7YybGh60hJ/AsvJA\r\nIFOD7Mc1HM+cAGcIFWhWKlNI1rC6H1xCdsLPROS1zzFQHt/8B+5PYrMkLZSJ\r\nlpvgerPBUoQ6926/nS+rcKehyVi9vAGC02siPqbBjgCRp/q3VOeGGLVmW6i7\r\nEUJY3k7PInRxbH8MyU2oQhO/EnbBusZXmfvOvuLs2kPZAJCWkaw5SL3aZUbi\r\nonRJ01hs/wmFu9+XvHVrOyH5a/kzefucxLicuXHdEig+0EEfuZRct9PxPgaJ\r\nJyolpJupa7p3HZDkQKnzdJdq+9DFUEq0EXschZwPoewYCbzMFZmrMYjBEnAp\r\n9oFIpfZtrJNvM36xCFxZBgpxEY6CsT6JiVGUD/P9cZwA/ai9+nLLCJkERAEA\r\nUgrTA18L8WnEoSq3N2v5lMU/A/ZcaHQsCV7L6sUphpJ2AZq06OKIfCbtfScw\r\nyan6a3frvZzAELTbeYFpkIxiWcSW7fY7b0s=\r\n=lCCv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f61a6c26b4bd60354b690448809f9dfb7ea11564","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.07acddef3.0_1665178598249_0.3202314831847668","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c74eb2c0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1c74eb2c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1c74eb2c0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb0197408d3a2978a4a356c2da8340f8098599b1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1c74eb2c0.0.tgz","fileCount":12,"integrity":"sha512-6uDY/LqGXNXKszWC9OMAOt+N1AtWwYBAiDQpNfn3Mx0eQPoHRiIEPEncby2ZhrPvSD2+XiIrVPr+1qBf6BID4A==","signatures":[{"sig":"MEYCIQDgWrUdsySTPJ7F3jeZU1Aew50muC4maj6HSY5fvsCE8QIhAIUtHLLgZ+z8GxrWaPkEcsY+xfS8pQexEqdjo8lelNu0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJ/8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQlw/8DeVRuNp7RiI5O7hGT4gXX0hWk7qFYrZ1ZqGvXk9imEOJQ85u\r\nqk1U85b5rzVHh+cRaLsjGiitZdxEj+CMoYoznB9f1bdPh+II1QfM8F0q6aAu\r\nmVqjGuZnAn7pqax4a/Ev6acOPYSFyVHUDEgj6jf/7xHv9mC64jXVfCezuJUa\r\nX62X6kXekTZ5YM81HrvfXpefEm8vLW/xk4Yzue7/jRhirNKTgGvEp9102tNZ\r\nwqkUmSmG7sJxdIe8JiDd2yyCDHGS68gUx7iCMTxvpD91HyhmDbdVILgLND3c\r\nR1yHTPEvxIbGgpMPyVIahTD4q4j6CZzdka5P+T2oSJ/kHmrfrK9jn3b++KAZ\r\ntxr6BGQ5KeELkEBssNulK/0ItWfuiMBf/Hw9Pnx23ez7znb3O4t5Vd5POhx5\r\n83gcVNVhrw7DYX8LJHiDCgRTRXMRkBGNn+gQ/Qow4DvmvZpCNiSB7Klh6jy0\r\n8V5SnxvIAYAXQPyY5yoCUaKvAsDGdQysN5v4/Ki/eipfsgYqD5x/QkeaWalt\r\n0+GJl3GnXWJZqdJ3Gc7SziE2g+r3FzQVes5prD9kIA9glJFmunYt3zE8i0KN\r\nhReu9QwDHFzNAv1XajRXMbBbwR2K5atnU8e3I32egLmdE3QagVFWwaS5MgHJ\r\nCEFYxxAIp2iTTX/+JfI0KNcIhLWzuVCQhmw=\r\n=blYa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fa2e48f4e71714ca4a637a500ddf18f562031ba2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1c74eb2c0.0_1665179644283_0.8442125672516059","host":"s3://npm-registry-packages"}},"15.0.0-canary.dadfb713e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.dadfb713e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.dadfb713e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d867423d6d28bc49cf1211ac3d5209541403a085","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.dadfb713e.0.tgz","fileCount":12,"integrity":"sha512-lj7WitZWFZAXQjpv5WrQO6QVkWUZJCxMzwBlz7FNZ6U14EsqobQCWXrot1baCwmkqa/7r+Dn1GkSRshaSOL3Ww==","signatures":[{"sig":"MEUCIQCxQZ/EVbNJ5Ctk6he7/fGXdGqsTf3QzHLnUJbF1/rwQQIgRAq2TchU6mcM3SuYBUkC6Kh8t7pCbdICNu5CApMVPcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQT6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmprgw/8Cal0wC415npvTV5XRix98ZPdd5zB4wbub/9f/N0DvDXU+v9I\r\nE5q9jA8DWUcEJbt6jaWweSB5+KI7lLqLuHgZOpW0gkiW3q491mEz6Jplxams\r\nrD8o+lkJR5ncu4C6tYbMB91smi/A8Q3ocaw3TxEgGu/W4FSXzdXsy2uQnYJ3\r\nNqhrYLk9xR0orKmQ5bVejHvkTyPHongCEMNuRixpNeJASxU6Eyv9s46v5NnJ\r\nniym2Hjy6xisCT1mLoWa1XYsnIVFVVtfzrJpv4Ncrnk/0qVSs2Yy0ZVxQV3d\r\naSMjK3DEpHoKo35oY7vfatVevn3cLP4c8QZyOyfsigRYhvrkT/SUivK/gRig\r\n3QdaDckqNYh3S9BHaWZJG7ia9+daeqskMbXPvCT4EvHqlBpfvzzdPUq4mhWR\r\nF6fRzUWOM4QWa2/1Iw4FcnKhNqJ8fFhzDsnycYiimMxGKmpckr+iHbkhUgDo\r\njmJJqIPYR2gkeT6M1T9JnKeGR3lwoxCDJeECYr13c0CM44os7Q+t3XN5l76d\r\nMLu4f9fbqNLKCTIOKj1FtT2mSpgsUMWpW9hwxj6eWkvre7UjCNanUVIW7IJ0\r\n9Xw/SnQvGgNLI4mZ6K5yA0tkjXYxss/98/1IsR/cMzRi+PHBFEWoLhMX66Yo\r\nFgc9hPlG5fQbKk6lNDlkrgG4C3HNqnIhUxc=\r\n=FQiO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc577772f45028a4c4dca1d7c8ca8dfcf636e763","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.dadfb713e.0_1665205498289_0.3005464150270678","host":"s3://npm-registry-packages"}},"15.0.0-canary.395f1ce61.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.395f1ce61.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.395f1ce61.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d097734ed707aa2273b2ae37823c6c0bc16c316","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.395f1ce61.0.tgz","fileCount":12,"integrity":"sha512-9E1qxp5cRuq+U+VuyYfbhzoWZkT90NBjoTkFF8f0YMlNHDLg29mYutUjzsHBE6DtD9RGOeuOuU426gKmYo8J8w==","signatures":[{"sig":"MEYCIQD1bje0URHdMzuTlQyUr8iSEzcOc14kyNumxZeDXnuhYAIhAORrmgTgQ6zmWntSKAoMOeq1mm1nPq3b6j305bxgw3fl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQVyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqUA/+Mlv/r/8XL05HhKZvHzhZbQU1Boi7ZDgorozyoKeygzW/KcRW\r\nfAGah4hCE642svvNPDwtRM9eO1uOBtTp03hhtYwDMKowgapLeqtgWcMjgi84\r\nUgtZfk4jXbX292SKSRKbbYnytya0GW86hiBBOrb357wUBWKzsm20S97jAUL6\r\nmTp3P7+9tpZwjQqMyTX3Io9QuMAPaY9rJ6VLnGBbGfIcCXb7prTsWDspxSpS\r\nA2EQYHjE6i6WCqRo+G/bdkV/lworBgpHhxClNU2CZDM+YLiwKNj3aDHU7sTR\r\nb6VXKbsh2xy3mX3rj/TaSMl9k8YIW0XL8egcvSGdKC6DfdU3q4kVsbRSBgBH\r\nDKocTQN5Ha0bOuugHrzjL8fXKW8g8OGL1OHFT2Fj8GUtuYdqThf+DtunqYJi\r\nUSTkeWfK43NoDYhu7MC5cUFhe7CbMn5dXr/iGthofbobqxKZJTe6BNMx0SQQ\r\nMNDNMl1N5fxOlJLh5Jwhml5o6AdX6BE9a2a6uyFf3JIZt9cHqkjjZK3b9hve\r\nXXXRYwjNDLQ6aATPn7/qklqz0H/kRR8SBL6nEgO0YrDqCnXsr+yGtTOWqkyc\r\nnccGnqZkaA+Q6I9pJwkPG+z9COi6kLBc5G4xnzv4NLAmlFIUXdqHh57wd/ku\r\nz5uksg9EC77vZ1chlsPFATX+/fs95A0TlvU=\r\n=tV9B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"15a2d954f8c5260da0e9b6f65b6f49df69764a95","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.395f1ce61.0_1665205618719_0.0005847225453385896","host":"s3://npm-registry-packages"}},"15.0.0-canary.e741b5c82.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e741b5c82.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e741b5c82.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44926334cb3e699f5434b1a5c0f4afb857fbbadd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e741b5c82.0.tgz","fileCount":12,"integrity":"sha512-rr+o4cVdB0FbpvMhQCsEyjc1Wr4UNK4HeMYMJBmOAI7TtjGQbtt2AgbKd7bMeUnXUF5jaCoEg+Wx0RYas7zHeg==","signatures":[{"sig":"MEYCIQDte1CWYtomoturahvUYPrIhy9rXBCEtz3h5P7nzy4hEQIhAM+f4E7GrkEhBhzfpY3V/mODdlARrkaH3ohvnKE4ZXrU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRFhGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpzag/+Ku6OlEIryAuQ2B/rQIVTLV1769KCzk0/364RQLFgS4nay/3J\r\nuScA+6u1cT+N/Pm3lsKH+rMA8U6bwCPmIbks0uBZc8XXTjhIV6bAotjlj1JG\r\nb9xVKObGs/ikLlnsMYrU7mYBOJc5+XOxk3K8sasOf6nYpxgI0V4QEcVxzGL2\r\n+u1pUotrQtmRDAScRsk0qz+BDrIeWevYTrf9NwUJYd7dBhl+SgcMOPUlSM0r\r\nlwZZDysA5d6A2xe+SfxE5hYQPDO07/gWqMNDijYN9mhYFagF7E9Ix/Li8Q5z\r\nZKdB9ixr8wFjPZ9XdMfEMHuRGLAkuyMahzINCE/TXzHRXlfy0zw7IFz3zcCZ\r\nkArPqDMqDH7RRC9D58HCalppCMAqMKrtw+Xkp1R84mvFUkw7WyajNRorhH/u\r\n2HdkEmplXX9OWbEep+0C7eK5PXNnwYmJ5aQMvyv0BpoYCPFiYSH5l3+imr+x\r\nfVCJus2C4b2A7/5JELOPnXlheN1HbPKprQMjCPsR0WilRhZ4+EEL3N8yCBV1\r\nwcUUm9tckoc5kB7s+Jgiq1ltJNSc4XGtnNcBMqASyEMgq6Z5EnATeeylSMLj\r\nwmhjRTLDZFNjhmOsYwUNamd1/1JzVLiaFJMjKg41dzvguPzydf8aI8dcEmFE\r\nGoQl0HwtabpmDdaEEu7M2LCvezlLveW+yAE=\r\n=2qIF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"489583dc41bf06c909feb0a87f9679b40fe6c03a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e741b5c82.0_1665423429998_0.40276882974393025","host":"s3://npm-registry-packages"}},"15.0.0-canary.582f3cc1c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.582f3cc1c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.582f3cc1c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9842a9e84a082410779c578291cae6d727685a2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.582f3cc1c.0.tgz","fileCount":12,"integrity":"sha512-q1H7cMS8hNHAd6GpVF03C2cIdzOGv+cYRQUNiaan9S/psTerTw4/BW74qABK+/I4UM+9jWfNAdmy3L7jPbjOhQ==","signatures":[{"sig":"MEUCIQDX4gTSnsBj4RrC0yiFZoaKue2W8vi8WTZ6ugrH9f5QQwIgP/mFAp1h0/LB9XrAIdJtbZNEZ3wo6XrFWtkFXZ+KPMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRPWBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZBg/+KQJ2jq4LCkQ4/8+MP4qo8koePytEyVWtQ9XpjZgMJxKfeTE5\r\nJoQ5+Zml/6ye4KxMA8YMi7EijetWI6sJVCg9o0C2z+afuXoDOW921grZEv8Q\r\nHJtTzgW3dZjMrsipbnE5+gcN2PHxziMMwMr9IJZwWsDmgV4XLeuPgvuQUIzL\r\nZ/hrdRmo+ZgLSejTiZJC7hq0lQQb6dNJto9nkZMlw4vQsrjdZ4jCoOU71eGL\r\nAVvTo8ObKshqEGGd/IQRZLcebdMlnhSE75AFdKWY5Eh2T/R/SzDC1CjnDCd4\r\nLlEcz39DuhgNKVM9DXr7GmqpssFxVFz5PhPfHqI6HlZurXPuTPlMhwY95T0j\r\nj5Ubj6Xn04/QsamlqosK8zaZVLOI9Mwt89zX/Ce7+BZ9Ucq+mmcoDIvrxAC3\r\nU0g6jkZbQIra2IdZiRR+6etv8dUSLsffnCJz8EShYO45XSNjX2HlaPMGYSMK\r\nRjwuLtEqRksea7JlJT6qb9QfIq5b3lwIhpAE1bXOjrum/5tN+kDFsmWGiemk\r\n0hIDHYDbTlcNkJtPxPhYsP7lF/0Oq56RsUjqox80KhDJOiV1SYyhEt3HKX99\r\nqtdv4j8zCUsCM0mbOSOF/WbBhi8B5TjVJUMRlYia9EsRJdjv+4BTAgHagvWg\r\nqm9ZC5qhiZigj/TC3JLJEfuwUdUmctCb1II=\r\n=8fgX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9910dd1f5b3fa962bd02fe552774781896efa7ee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.582f3cc1c.0_1665463681694_0.9942264753357333","host":"s3://npm-registry-packages"}},"15.0.0-canary.b1a6e3e88.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b1a6e3e88.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b1a6e3e88.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25087f697c4c8be3715cff142f4867579c8c6540","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b1a6e3e88.0.tgz","fileCount":12,"integrity":"sha512-KV1eofzB/hMbp5McjRuWOee7CPtnsSMo4d4rzEUhhBMG0o6PeNfTyC4ICdbqzxo7ubyQKAQ/Pq8cpNtfysqNFg==","signatures":[{"sig":"MEYCIQCc/hCKpTNkS5mFWKHrzXPJ+ivzXhtBl07mGCKC4WeTGgIhAJoOTUee76Zb2iqA+8A71172+GpuHuW2GCL7xTR1Iq9E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRqyWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3ag//WYqXPLipeyTRcPbKba/E77VG4g413GLnRsQ7UuqfukHqmDjV\r\nCiqCO6tl+CPBKLt2wETn4GRB/XYgpfTKVVD15GXKW8RrgorC2vuEW6Esw1jm\r\nys2MypDUgVoWO36mWNoWxk+w1aYMkM5xrnaSPwNIMwEkXxsz1Jedcck1IKZ6\r\n2QK25bi+na8ikg5eaBsQDckf9YPoNB2O+XCOjydssMobq6X13ox0Lb8fxA1c\r\n1W07MOrpmYfLLAHJ28MURJLLIzmDcD7v1Hq/BPAQ5MromlPYiZ6kQoFLtzLR\r\nyL3NRLBr7yAlIkSPD07SuW4hJtDOa0EEuiuiUOu9AhlQ4jMbrm7dzyPmZx1i\r\nf1a2e4BeE5+ro5zE/Z++vPVQ4rkyAm9Pg3Kif4Q4mWKlvGJMcExprvPOFXZi\r\nlTCQauP2bhR29cjRcreiEUvHt1W6zNEqeQx7533jqoWWEUhuPtnB6HPcLBWW\r\n39uJEQPWSVu4XuPYZHtplSYCr31Y05Gd6aI90xXBomVB6+yHY+PCzff0Woku\r\n6bvCKWdtl5qvSWnoNwLmJwFrU7AQP0dEmPuv7iKDAOoKmlXtz8uK5h6SbHXK\r\nLGr5+0tCDLI2UedXNj54icpFq+W00d3qHd3wyme0B2vKKlaapasCRY/0Uxb9\r\nlweFeDrBzzgtvIBvd+tFxtG5fNhgPUyQ70o=\r\n=sxPq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fd6420b1b81c64578026927a4acf4ea73b7358e6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b1a6e3e88.0_1665576086685_0.8911561203040019","host":"s3://npm-registry-packages"}},"15.0.0-canary.c9b1a31e4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c9b1a31e4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c9b1a31e4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"276d01e6c24fd0a95c1e31331efe8c16e5cb6c55","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c9b1a31e4.0.tgz","fileCount":12,"integrity":"sha512-BANhL3yLunCnIB3/Pc8daOKHN1lk5gJifrhLD+cwl2Y5uncQZwpbvt4oMSYODq8FzrveJ9bcg9i8ywY+379KVA==","signatures":[{"sig":"MEUCIF8GLaeEFlua0bBeKQbBz3roMWzxmWnN+UvsvMovJwUFAiEA+356zf0ZgFyk592qzXSdHeHUericb3qEvPfuIhSeuKQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRvH9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplwA//U7Zgb7l3L4WyVmIc6D4tCUsIG+zg6OY7xcu6764DGDkCPmLl\r\ndbeb1ekUsR5qWsWMKOdQ9eBV1ETH+WPfQSepfvwEHyyqSCsa80BtWE/WJ38B\r\nQgzovFavQZeqVX+1M/ZbGEnutq1DyKAv4uzBe6m8zmszhpM+6nnryFYexxtF\r\nfc/S8O4RSg2IbmMOjqIIeSZUdZl+WGbUQ5K8IjVOO5YwFmwj+2jg+pVRcFcT\r\nDTZGFz+4Wa8UrlKqr2vjJq7EZJjHWVdlueO03ZQjdHJciO/8waSufOqjc/2z\r\nWJvNtDrvOCEfpvxhoN2Mbg+OH9Mjzoi6ZaFQd/b55X7i8pkV8MgQL7kdYRjT\r\ni3KuNQBEUaqWjbdvgt67bav9A4GDGVPpQ6Kvjhm1ljtSD80tXWUT0E5IdKy5\r\ny+OB9Iofpzvu+xbAJ2I8KAG1hKT+0jT7CPh3zi22x3MQ89yBiAFIqeE38iNZ\r\nv9XJqa3nnl0CcyNWhruwn4xOL0R+XqJ00yCChRRPuZWXRlSFv2JlSYn+rRbS\r\nyrwXIYRbyNQt6QNmqby8tRkXcuP5hf2SG6nWtBzx0oeUljcwtW9N2JSGzNtb\r\nGfQJLHWHMIMNHRz/tbmhjcQnX3z30WOoCkoAp4N5DCnzfKQsUXsTCE2qS/6z\r\nFUUEVspu1o+qKwyqYdRYamqq5rIJRWfROGQ=\r\n=UBFf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f7a6b71c85fbf0d1a9db952402e002f8421baf4b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c9b1a31e4.0_1665593853415_0.5583782367035659","host":"s3://npm-registry-packages"}},"15.0.0-canary.13e9b0d1f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.13e9b0d1f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.13e9b0d1f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e879a2ad3f5168a760e02b629b50cc62e481e15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.13e9b0d1f.0.tgz","fileCount":12,"integrity":"sha512-KaG2DDkKvo70HfXFYePIqoej/OGPC2S9e1IbkWsLpfx4qAZAb92QDcEBe4saKNTYBU6OaLAnb10f+5GWhwakQQ==","signatures":[{"sig":"MEYCIQDRLXtteM42dIX4bBNJ3oet6OyuVyI4ifa620R9BaDbAAIhAKBPZoeoQhZLlJJm4uFqkUVShJMgpKUvIm0yiNt76253","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRxNZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3+w//QYyyEedJFQjiXciun+4BJqCPS277G2XC+8xUNqdFwO4Hh7N+\r\ncrM2yR+RWTyiFH8VbBgYOt4Z4wou5bH2iY7DDbmwmdIdPi7psb10ln1lwnHf\r\nL8r/Xkt0q0uVy8RmhVuCnuEPLyKyTb7Zy2ElyGY5rJ6aVIK8SfFt9RlN/n1K\r\n2M6nLb4FdFMqLKvJtJFyq3Oy6TEuWbTifmv+vG7Pr49o5xpNzWy1+rv7qp4r\r\nD0DKzmbj50OcAKCCGC+Rfyh00WaCoPLrbl6rZ3S/TYCNh/0ZKYq3D0ZqjybY\r\nbN0efzU68lGslN4/fzM/JJSUSfgWogD/U9250NA30S8oTOfsnUJBsHOf29M6\r\n0N7nMNe9tNUts9ksHjwMG33yFhuhS1Vi13sPIwzgMLFtxkF+gG7HETq+LrbW\r\nmelbko3TA0tgUOt1HJcCf9B/I5M/Ku1+XaQfCOfWf3hQyJP0LN0D2I7WmJw/\r\nxFLMPVtuY9ZRqpPf17lc8NdRcVqfn/rPeqG0lA36065RU2cHxNtgNYrJi+vZ\r\nuazZ5d/2+7eghaca7Voafb8eQppbQy2b5LC6EZM9mpgg/faaPDuiuRdVvbq7\r\n+fGq3iur7aKvQjgmyO2j00q43jYsFDnju/URTwBFwowovG7W6wyR7trY1h+y\r\nemJCXWufg7SqdOY+bfG407M4yJGIo16sCjQ=\r\n=XNCC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4d9f6e4f27b68587a15ebef6f003f73cdad60bff","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.13e9b0d1f.0_1665602393172_0.004640414471849041","host":"s3://npm-registry-packages"}},"15.0.0-canary.1dc797e7f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1dc797e7f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1dc797e7f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc0869b5fa32afd7ba15d5563ccf415fd937635e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1dc797e7f.0.tgz","fileCount":12,"integrity":"sha512-E6IeF0El8Uuq7hANEWvUnLzx9hjFBCr/hd3f1jWHIO9oEvTPNET7lINfHsDs7jgDiSpv563JMNhCJorBTZZu1A==","signatures":[{"sig":"MEQCIEbLvXAc0ivCB7+x7G4eoJx+JPGkchGMho+PiTtH4NSGAiBinwcC6J6RhuWZWZxxdgNjQ8rSfh+Jd37JjPlJ+ityzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSS6SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrukg/+KnNIrqK+3fXAfRCM9EQeV02V0hqWVJUFmbqonYUUVji4CQTm\r\nXmSl9uDRB47l6r6OILTGMyH0v1LBvJc0wAzsDWZCMPDHIctGG68VyXbTjZvB\r\nCJAELi2Qg6d7dBKSXToQd37cwo8prqcy4VWFNyZd38wlon1ZYu635O7fdp4o\r\n2zyCyElOpa+pY+w+E9PEdr587OxDEqnBkX5DqGpF8jVkVNHMeJpv2ljrD4Ba\r\nkLS03DTcFC07pteXVmarV3ol2KAomh8Ji2eL3+XAzfmIUNLd9ZowFEcRhMKy\r\noJiiospUHCG2cA/0xXdm/tBg91txVsZuYMivr0VrPwuu8MIP3m1UyE1PxeAp\r\nPpVxVmA68jzvWXogEnQNJr+5eMw3D4eHl6CwGVQho67c3+0gkwh3aeqwrq7u\r\nPPFLsEcLCfX1dDzfPWSMBrrLjssiWUeAJpMQz78L0pM0/WjeTkJMPJQ86IDD\r\nhWks1VBDYzRy5pJkmEEuLOTVCBG64VJgLj++Msg3JU2rjlATnftXMauEWU1V\r\njTUQAhY2G3IcR3+K9NXmeKUPmRmAu1X8fkPehaXifMnptKfWxrrX8iZIkUyA\r\nIebfrghfI0iKlOEdy5JV8Hzuq3W7G31TCc/5tI0wM/mv21K3qhJ09vB0W+Df\r\nHROVPAvBZUrIzOk6OKCZ5MJa/7tYZhn9Nt8=\r\n=eFFb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"22eb0904d0b7a84996854bc57cc417286deb08b1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1dc797e7f.0_1665740433879_0.9124854673826068","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed4009397.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ed4009397.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ed4009397.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fc965ed8779033be0f56033d33b457b748bfd1c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ed4009397.0.tgz","fileCount":12,"integrity":"sha512-ODPpU+cOgWJQN/80Wbowisq17MdcYsGz2kkfKC77IHZNhzUCGhJlpz44d6Tp9o6L0f+73Trl8mehM+9m3H4bEA==","signatures":[{"sig":"MEUCIBxPGLXxUmlkv526t+9x7iOJSA+fC4CbmU07ilUD6iqvAiEAtf7Uw0Z1Pa19worExifqdHE90fPUg+0M7Uk/wIin/VY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSZNMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWVA//Q2FkzbruYMdKBjdUb1/V+7ZLIIciqQLFWcTycuTkg5qAl6P+\r\nc7LyMX+GZe0VWPMeOGBWcJa9HjjNXJFCGERas6XSFRMOEATzIhyDF1aO2TwG\r\nbt7BoYW1GcK1m9uMwZeVxFNj88AENvTFhzEXt9ROLG2GwwPn+VBBz/slyQN7\r\nZgZdmKDtqyVJZikYBsGntqCpQa6dtyVKvfZsgzXZDkLvP1p4Wtb4hFuh+JBp\r\nv04MzQyVquPS6/K9D0U3coyHgafpPaOTiSnJwrYSTMp6tUwfqL10aMjJgmUa\r\nqFbl4Na60kZOF22BMM/J49mpYj+q0rTkzeX+eY0I1Py1iUJTIePymYLOe415\r\nCFyKGS675ht9VGnMGv1r91FSy63nuEbIoaBFgDAYWCH91nC4CQMwtGVlXOCx\r\nvzSwREcGfKj3ugXeJlFgMT5u4XK96eMHsM29ts8GKbCkxqYhJzs3RSRHLtj9\r\ncdGWPzrduQeO2b/Q+f1YIIWKj6bmr/ROuYbr3OEt28bVI6roy9ebfRkzSg5i\r\npmdbcLEgoTxB4IcZYFXsdsCqcan/G4+hwlyEBKO+CCtKAykKY+GhjLS+24/k\r\nsRNKKDucPHuFBaC0UEwI0V+BR1MsdyNbt+TU2GyXmhALWvB2CjmZsguTOOsK\r\nbk1Wt5LcbrVfNn54MjCKj7JEL7lfRoSltnM=\r\n=2Ueu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a749634198bd160446873ac2c5cf3d4345b1620f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ed4009397.0_1665766220397_0.3236012790557772","host":"s3://npm-registry-packages"}},"15.0.0-canary.95ef196bc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.95ef196bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.95ef196bc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f753c82d21e87863aa4b0b4bfd7c1892d31dc9e0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.95ef196bc.0.tgz","fileCount":12,"integrity":"sha512-1Q7W9UlmhOZC0yMP7XxNcnUieC5dLtcWdKLUqisg4U1l1zff+mmTYFjf2y0/QerwegWZMEL3xGjNRAFrtezotA==","signatures":[{"sig":"MEYCIQDK4P++Hn56EfSgfIenHBThhJIjQGLSN+RWT0WZy6k1EwIhAP3BwBNqMFbNBg3cNfNARA4uogZHGg3qzby3l3pgWF+f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSez+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqdeg//XLvOX8zHlnlSj8eN6NRN2/I7kHuRlIgyDmlQOAmmDpJpkgtX\r\neFHQIaU6lKxbRnEY8c/xVqCu9LrHhMpPRkk4DIgoxL0vcKsM8XCiS7cWoOl5\r\n/jlXcg9pp9ktNG5cmdxpK5VDB33jSUvY0bMqf5MmwHqMHaouyZfVDt4CKQRa\r\nXpSfyxXgI5AMNy9LoOLsHF/bFT87AM7OM6fr4Ci3eQNnKUOKt8y1tZijGKQW\r\nMfWOXE/JvTvZHcBeiO/EGPwBIzrGNtOgjQ+Xli6QrNrduMDPqTyAhDyZgFMF\r\nyPMciVPb6i4xyadgG75UYAOtrFJjCXJLkP0EDzW9ecvUwrgQnfn6qH/NJ+Ru\r\nz5jzPIHUgQd0XqHHwe+0E1i+JEffEdahFqcU6DJaVTlFzB4YyvsCQBhbORUA\r\nwaUF4fqi+Qvd24f1+zHbxtWS28u2RCNPMfuNMY78InaYcNXo87dEdAYhp/eh\r\nUiMkwAfQLbul3F8yO2yYMyCaeEgZ71bRjvrKprewb3VzdJG9FXTBsKh9zov1\r\n7zSPNULXKM90BMQZGLMmBY1TAfgwHNOxilXiD7MwZWpexXWG8VZkH8bsF60c\r\ndJKHBx4dieu6SPV7RxjphKyOtO7kzCzTMKKAFDCqNRCcZBKdxLUS6Gwdviku\r\nyDBe1k7//IK3q0J2zXBxzXHszCgciptblc4=\r\n=gOmB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c133997c8c45e50d9ebfe12fabab75ec90d244e7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.95ef196bc.0_1665789181882_0.6657101899847295","host":"s3://npm-registry-packages"}},"15.0.0-canary.13eea1b2d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.13eea1b2d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.13eea1b2d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20bcb4de2ba5d59e38a9a9e1545c1391cf183ef9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.13eea1b2d.0.tgz","fileCount":12,"integrity":"sha512-r27tWfkrWWxVRYOzdz+Vt+KL9QFQhLxdciD8iFDqhN5tYATALDoV3Xsj1A4yBtaG9L4zHkF7ilKV9Cj8Tf02mw==","signatures":[{"sig":"MEYCIQCQE+0N8Th6r1YpYR8v45A4/WxLcFmC90vcukSh/J8RmgIhALUXfrxAhWUK8hn8fAm8sGW5177EMVt6qJzNP/aLB006","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTNEQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/GA//bJ+n4W9OmKoQS06l9FFOs6zbO4+o+1GBMuCkaeLWrEcTpaRc\r\nQDxLMdLPEqX0NWGXFXO9EJ7Iz4ADr68EUXNvlJBUUMPhSSBVQMeXFwW8Nsvc\r\nBw9gYX0Xla/D268hWK2hNi74jj6XLumPSVDQR86hkYJnjJsLyh9XKQX2wdkT\r\n07FN8xpVcBk56yoSzMEGeJybBWRrCziapuCsSbf7IVRRueyPAJkStv00IJnQ\r\nzTm3YkEh5jkvQqaaVTM/0wEHw9Xz+CCdPHyIhGFvYaAOfrOLVymtymMvozMW\r\n9hR690cGZt4SNRfOVSQM5QgtkDPR+vq+OptcnwJKjEGed21TXKkfy8sMGh6M\r\nHYn1CEfhD/qTKB+RXlSEYiRG5IdOyBZYSsBmUoQZrCgIgwH8RiVxm1C+H0H3\r\nTS0OAMnbfgqo/NjeqhHBzDEUcoSDQqv2eSeklGtgfa/yG/ZbkB6zI1d/vUaJ\r\nm0cu5MnMX46iKATKCr+jIi6h51bYjThT4ktLywoLVsxY1WVd9tle9xdTeq1m\r\nn6Fv36CwfdhZ6ad3ZsV926fpi4c/ouDEIsZ3U5Od7/GDpS0pT5mkOelOTa+j\r\nBN8wVsuLmyqgbGt9Rp9NIul9PRwpNditWCDJqHv4iyzBgDG5IRsCt29OFvuq\r\nWS6anx3FaKrHeyhPwEb8JFJVWMdbsn6RiT0=\r\n=izO5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e9a13860e495e7f113966b4c71b9c7931a32807c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.13eea1b2d.0_1665978640300_0.7014130297504084","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef9b2babb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ef9b2babb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ef9b2babb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00a23099126633036d25429eb34dcb67f6e8f469","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ef9b2babb.0.tgz","fileCount":12,"integrity":"sha512-/rP+0USrxThNwi5loMuW6Ok8jmrUwcHvgcjIkE3ftLsVLBA+d9/7yjy4Ii2diVDMFDxwdPsBvQjJwUHpNcygAQ==","signatures":[{"sig":"MEYCIQCYHkaeaaAVD0ujytNNmHfhHLrbQQn/IaOa5llVwvzZNAIhAOapG4PKVjva5/YMHQ5ZVpVibfE3fyvCMhHpMRHkDG9b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTR2EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7Mg/7Bmu9r6Z/O7E7T7flCsSMomdWeIEhIWq0xPu4qUJzxMLyHbu7\r\nuemYBlB+aTHlcFnDngt+Gx0g0s3tWto9XmxYbY+FiPMeNFNyUQi480dAWSMX\r\nBFXCj3AR4y6TM+sWDTr1WY0JR/oZYJD2jS9VkdHk03nrSDYKgzWuU4wH61jD\r\nUFUAVe2ywp+GiQXfPl2GNzzAfihIxex+33gUrQ5+7RjeVWSnZo3QC1e3zxtb\r\nCLOud5mmdub38QJa4iAMj10Rs8i1I4T7U/wmr99p006SdNFZuCOYuf7AOabN\r\nn4bb9yMESRd6LZfD4e9I9/jq7lYWPew9wiEbaa5vyYkoMUBmeP28r4yliJWP\r\nCoI7nlMPG811NBgFAuocQh07FvBbuw3KAHjd6v45pLnamOvi5QIilt5mIfZj\r\nuSho88+1Wla1XTOrrPZR9C2aAtPzWfJ8jb6PLyD/jj0S8eR1YsYURwqGpz4q\r\ndUmdpDrCHBSPxA2HYXnZHAuB5wLAvEKzIcizsgD2wQonQ6MAsIrKCdP029eW\r\nv+0mQ4yyg5R0axf16EsYv+IWuqLNCScB8I9MZm0SHEXTO1vWDDO7Xne3aJD2\r\nDrzYDHZpQ7afDYNR3C857Ug3kmpVaLsfCvmrsvNp4jYTkfAknrLKYDNkNX4k\r\nazn9JhH+ccOYk2AaprFmywIxGDgeTdfDKhg=\r\n=2rWE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2e04dcc89ca80bfb50d7ee1e4172ff9713c149ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ef9b2babb.0_1665998212385_0.5031903532256148","host":"s3://npm-registry-packages"}},"15.0.0-canary.cec7fb987.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cec7fb987.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cec7fb987.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14c9ee655f6faa0be83b71f0b8557f7c700bfb18","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cec7fb987.0.tgz","fileCount":12,"integrity":"sha512-72GXeQmSyA4XWgYRkPH8y0R7DkNU98oQ+vLBzay9PJSTdhZZ35KE+WH56VBkzTwgcYoBra9kriXjcp5cpW4CTA==","signatures":[{"sig":"MEUCIQDQOu8Q05NqgP0eZON0iPd5cmA3Lqr4uvz13pJalStZ9wIgIcJ11az2Vsw/lyGzP8qFAEgxeHfIordfzDvKjAteajM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTTSWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh6BAAm5dRnPNTxpbJn9FNtHucTCymt4F6yDHo/qR6ZDEES8Cubm29\r\ncUFDZeHMBo1mcNYzFEHJQWrNvc4lg/yUcbFwYov7asP86430XFSnXmhEBX+w\r\nbDwWtPF2ifmuE8MxKIgh43rfupBTTReq51653mVsxRxD1uN5usj3ah6F/Plk\r\nicX8hQb8xylD6FdRkKVfOPo9HF5rsPr+gbdn9LR+a4mpey2cloazTV7AqtYL\r\ng645h6bqP622hIpecKCYmQ7kDeZ8tZ/4X1mrWdqI1QIq8ghiWqrADdb5ApYV\r\nPFsXRh/lmHepvcx/9Ub4lxqcXCQT2YEqI5RzyhwygLZcTr9/Eefd8n/BJTQG\r\nE5tsHetbrrJKibkV6Ckd9b+hcUHDKUy5zKsjYgujvM2t9MGayl4jFwpYKqX5\r\nvxMps4oiD9QAXR7eEb2FYTYmDqd5Vx6Py4Ix58NxEGmHia2wKcslc05UiaTH\r\nhbZPd5tk26qYqDkd8iV/iUvD7hI6y7j+NPEJkliMysq6ropyyrFKqwuYTr81\r\nAJ9az+hyLXXya+cz+RjKKhHqNn8EqbXAeA/3JpqIgiwxCnIgdLySm4ptX+EG\r\nhpEeFYTkaRJva9992S+lsuuamiq5VtadTIhho8OVfz9BbRkxF/jJGAL5dmbZ\r\nEZ/GrNpP3fb7GPw2fzPwBk5fMgnsX2ASXW4=\r\n=P5qL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5af4beeec511ff0266173424b4b179e209402a5d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cec7fb987.0_1666004118313_0.38034166904304856","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fff58b08.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4fff58b08.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4fff58b08.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad4882dbd9d41391fe21385603af42e27f932505","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4fff58b08.0.tgz","fileCount":12,"integrity":"sha512-uTPQawdfscQGPfLPVrhQRD/r73tlVFuFCTHoHa0gt1yi1T+M+htJSzedUikLlBIgMXouUO+Mxs0Eu/GUhzli9g==","signatures":[{"sig":"MEUCIHZEzOXbJGZNRxd9QioPQhAFVLFvQ2ulLj8rlpXsAqWEAiEA60mzPANf7bNLc2bF7a0+8dkUscl4xrctnjSB+nhX/to=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXL4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqzkw/9F1/ZmNuRHG0aS9Iw2kIKzmmIVHpIwxVzPSpEflAhofNp+Cgj\r\nCyh8SuuZwcZxSaJTOYEvIEmEGnWAnyq/ZdNtJlg5nJBxm0TJjstgLFm0+X8H\r\nW6N5f8zddqmbPzq3M5X7jZFf3l7Brn9XpMwd4Px9BfRWMtoJh0SKoDm52//J\r\nLN+vQrvYgBXHJF4BVurRpZwiS9RLJdu7ruH2wBxSF0nW4lmoUZS1XdbaZYMb\r\n16MdfNLlHLYkl3WGTkkmZdqwIKLa2hGbFEFC2hSe2uINHYNddAh4XsDnNIJh\r\n+UwtnPx4ESZFOD/3gEuyndNFOTbUR2gZ7m6QJ6hoK1f/0o0wHe/7zg8gnf+T\r\nzGFjvz3QKf+guX5Auh+uTfaZEFuPUtp20qhGEB01FBQvRBc9nqgyG5sWXvq9\r\nyBH0h9Nxv8ABwe9wVnI8NMa0+WJxTsY8JCHCpYwVAdN7n3EeA397P3qCU1GM\r\nQdmmAxT5bU0m/49wyFlHbfuKUMWde9OjFYgpqEYNih6P0lYqH3S6gZNu6j3L\r\nWBiV6aSjTwal2yzO9MLpbcakx9E7sGARNGSwmBWPas9uIGjNl1RJ3/A9rhOY\r\nw8jaIz0lmp1biBM/sKpwG5FSwKyJMzNfyTsALJLDIiuPTQveMRquGNn4LEjU\r\nykzTGg0120kfz6KOzEu+6l9gnvD/UwlVYcQ=\r\n=g/v4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b44726c7f5a5db16ef660807b5247cd71a447c80","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4fff58b08.0_1666020088102_0.6762243077710237","host":"s3://npm-registry-packages"}},"15.0.0-canary.587d8f871.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.587d8f871.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.587d8f871.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79532f8ebc858bb0762bdabf37e6d3a9f35d35cb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.587d8f871.0.tgz","fileCount":12,"integrity":"sha512-ibIzReaCiSMmFnwQGV3pY6cTd71etVwm0uTQo8UuSlRo0h1nBtiUxo4RjmjnqHmSoopuv/5ckXkwGANXgPLXQA==","signatures":[{"sig":"MEUCIQDvvk+qshjUFHTkdfJ/yv0rpkucrXUks1IwFwXG3oVjiQIgGrywxHuHVocttFPSHws4/2+4AjYS3bRpVS6PqW2rpJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXsaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWLhAAjn4oZVwpltwmDsUOd/un6dJybvgG9nj++YZkwHZL8e1nJ2s+\r\njty9mEbKvL2lPXvSU4+ym86+VCbANhTZXbnwiQmVUQoUYMUx8hFk3/0i2xtN\r\njxhMsKI44Sk+YPhoJkxtwrC+x4q4MsxSKt2gUN5PIZ8bfLEytDltpxzWzYcY\r\nAy/eZ6Xajp/TlfKkOlHoeCUf2XhwhsuttYZfCxBj29ZPuGYvblZbUS7dmVb7\r\n2mjZ3HWjs1eTOEYXsefagp+K0BsDWObCWsocksxujOI+leNRzPSN7LsJkQxd\r\n4YSE7oKAePbUYxkgDEv5dOuGLO1+9xzgJc6jxOAZTLsw+p3JkmKcs2BbcY6j\r\naVhYhZAKawlFLQZZmvZeX1uM2W+uVI7SH6W29n56L8gNjrUK+DbsPUVva0nE\r\n0LiUbew0uwrJLehEGxkxVJKEIuclDCScCWbmTASCUDLBTfks5xdp43VzZadD\r\nNGK1T6Vd61aar4WCffR0TDf9gZ1b40Kk1HRe3yd7IazQlAEvOj+hptLYQmgm\r\ndgOe63XoYb+ojiZmdFRXf8Scx+PNzdf2ChAILXmZ+vo/qKPFhuFUbkqncY2g\r\nDHV0da6ED8JrZ6/bLKT4uXN/fAVjT5rzBwh9v3aVRp2uxubEma1EKjlQkmnl\r\naxYe5shmrf5+GJ5QlxbxTBcKAblOAy5dRvM=\r\n=UmJ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2ec38be871dc355461961e4ac44d48ec44c42a1a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.587d8f871.0_1666022170509_0.16804851037043989","host":"s3://npm-registry-packages"}},"15.0.0-canary.edf4b98d0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.edf4b98d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.edf4b98d0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0cd1355425b0baad4de90795dd7dcde3a1cc4e6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.edf4b98d0.0.tgz","fileCount":12,"integrity":"sha512-JY9YbBpVD9ga86fwsclbrZT9zQ+EDx5geaM7JwPN33xwHUXydgAnBGwQf28CGfBiQswyO/xfWx36WCcVwSB9Ug==","signatures":[{"sig":"MEYCIQDWMj5AGaJeRoxEdMyt3MyhTTaytx1VG4+Otl7M72nm5AIhAP0EQfAV0tiCO1I7zWp1JLFMvofymoAdw8eqiVIXOSil","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTYVEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmosqw/+IlIHFOuN2YL55hvIxK0gxPelsZxvZ6qSnYjJwb5OKKvnMd7L\r\nHkNkkilxQMvBFg6kObEpVWn6HKFhOvxnjTb0HVE8aQY2BSDVhJMFhDK7IzbE\r\nROcT2NcGeJBYYLkou/uavPSPMLKXo9AYlNmfTFOejylHfwUyHGBtdf/90qTd\r\nVW97jnv44ibkTs2vKS31VoTRVx34f5c3k0DuU2Zni22gT8cu4eSc42dme9Im\r\nWikHTxuHXV+Tu9nyGJjEe0yG9oXves1IusACRLRzBKvMfLmJUoQiE3C15Eh7\r\nDXzDwdvA79RW6s2XqYts9ORo56DJaDLFH/XBRiLDuqCxbRifoozou6tN0QsW\r\n83d274iNlO3MOwYsCcd5x2jJmDhz0VQDqSBFTmpD7nD9N6dUiDNohGSszWvK\r\n2NFWjII7uzmFQrfG4jK7YHSPJR/9ptxvPJFrNA4CIk9deljCUXkK6qnLguvu\r\nS1m4Fonh8MsN7Cwu8aEEd3q2T3BfK7qSsX1KiVjT6qQ7Ql2hwBrnr/GExf3i\r\n/oh8ww3ICzr/6p3HH2lnBw4d70QVXP3ONiSPoXi9bnbpbEjmDmgaQa3lepqO\r\n2k8GeBY6NrLhVZEpkuxoKK0tImIVUrGqHGoNJAraJ/TxxaI+i75DtNP/yfNL\r\nU7ILiANS0XvZt5Dnt8p1KdE7ofvnO3G6sbM=\r\n=GXfM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ad4766965d2bd24e69b2e2e6940c960907c93c1f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.edf4b98d0.0_1666024771822_0.5774458861228562","host":"s3://npm-registry-packages"}},"15.0.0-canary.024ac5f16.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.024ac5f16.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.024ac5f16.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3db71d2e45c8c54c3de7cd7a3025393cb164398","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.024ac5f16.0.tgz","fileCount":10,"integrity":"sha512-RYXYV35uu6TTXVA6VnZLgiQR9WyqwX66/SNsV0cURtv5wWTf+90gKuG6S//u7aBdhJfyGNBVv7ti/IITuz9pjA==","signatures":[{"sig":"MEUCIHk/BTABVwIHB9k55tUZHVtbIIoI4AdiUqKFKtU21q7sAiEA0wBos5j0qy6v5H7hcn4As7ohkYpC3sTVn4ZEwoeXDLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTdoSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoWw//S4B1ZJyUWb2n1GP2Aa1KiPkutJA0h2QoOXr2CmrTr3HYsksw\r\nX0gA50GThkbK4olbCf8Q6XFctwNAZn208QCYJ8Bp0iY5HeFTLdQyczSV+L8l\r\nEpsH29C7rfMjevQMvxMImWCsD09rFPmd67UrNjU/LqC04GrtOcXo87t4H5RV\r\n4YC3zbBYDHSVW1kCVsksEQBgNX6qnLtGYlUgdkRhWQqNOJBZiP5cxbQ/bbOO\r\notP5re2APodyjPCPv1qQTsEIDE9xJmYBYM95EjsiYZpNrkmlAuZI5YB2JOCO\r\nZoBnpqWk0igvuqrqW/Und3ngwTNtHba8gcGont0kt3FG2ehalB6gDq8tB26i\r\n2ohMV8OgWnxuF1UTvKU4unv8rSrfHzlVD51D6dE4etR92IlcG+wkiR37CAH2\r\nj8vAfTgn29onWMuXzIqo5dn12bHHTwadyF8JjeWniM985qR614Wk3z42sKws\r\ncPW4zyHkgGxet4g2RV7Rxr1pFGL1dRYVcnSEc+/auw8YkZZPJ459gycQs42x\r\n1H8m1nV0ABmC79JycLwUdO2/KVNNAw4KsLteAD4qAtN0RZrAcHp7twjsafMr\r\ny7KAL2Hg9lQHA1hReuL5EgEM6yefg0EtKIE5NlzH/IETwOomKRvZZAveIjw1\r\nmUkpf3WkLQ8smEDWmVhHVQHNhmJYHjIo8lE=\r\n=uZuU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9ad8e77cff1167055c10b93b4082fd5b4e1d8643","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.024ac5f16.0_1666046482765_0.35600590714895297","host":"s3://npm-registry-packages"}},"15.0.0-canary.c8bdf6144.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c8bdf6144.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c8bdf6144.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74431c05f3b86773b5772cc34d0a2b97be10a94e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c8bdf6144.0.tgz","fileCount":10,"integrity":"sha512-pJ2rVMsTFuL7QB22AFnPeAaF+bB0Of9c5oqynXFO4QHlgygqiqzlqDnigBlxNQN8E+s9YadO90TGltsRJV5FRw==","signatures":[{"sig":"MEYCIQCaqe1q08rQTgt4a2FsYDezsKCDyiZdvVE37U/cjjCRvAIhAPxY+hEoavMuqPXioHDm5q1lISRDkhtfFxgZ79NQ5OyA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTu7dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpa8Q//cyqWO0dzu15v3Cze5MP1a3Dle5O4DJxNYcPl+xS/PTjRPOfw\r\nYlApKeOHX/fuGMTBJdbuP3OrtcaAmRh3mwlqfNTYF522im5R7bPt7tupge54\r\nk6jU0Y6BKfCsub43jIEPFGNyKxDeRfGOyZFUGSrsmjA12vNpwULiZgxArGw9\r\nfI83FE23pX+7usqrw6rnmmgKflcdVpPDHRzyAF4Pyt404kQIcDs9GOc/p7jJ\r\nKUWGC19286E282C8nnKc3gx0ld5a2E4RCvn+z10OXRgYhnY0EL2CbAsw6mVd\r\nLcy/aIMEzE2HcBlmWad/KPml/bv2+eOb89iv4APJiC3H91xB5rKydsn0o1Nf\r\nidg8qw9wCCzH/91qH/N3mSUp3YGUf+erhrHNdHoSMXbkADo+A1u9yjOtTlLc\r\nZVh88IanaBbpbJI1Z43sB7klNuSNW/r78gYXOGram+l8G2w60JVszTNJ9t2S\r\n+1stT6gO158Kq0C/VI33bV+nxfCGmvsktabBgegI9mZ6rYwaB1DKx/DS2d9m\r\n4Vuc9+yRahRaPxVzQhRQ4w700exfs7QWBHxLzWSm0Q46jOMyJ8DkpUVoqnUL\r\n7JhHuYXZZ7xxmgGy6MP7wAKSKxCuGq+SAqcnKaMpEz3E/9kYMnnPPsyk0tAy\r\nFTaPbuIFKkGJZbtIMPKAUak7e04JTHDAVVY=\r\n=Wf8a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92f4fcf51598cb8f9b9e03a35332a980296c24e2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c8bdf6144.0_1666117341592_0.34577420769099","host":"s3://npm-registry-packages"}},"15.0.0-canary.bacda4885.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bacda4885.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bacda4885.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85ed233a38112d153f3f9916cdb1ad1a7f5e45a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bacda4885.0.tgz","fileCount":10,"integrity":"sha512-l9/sLlkKsVKsPtyAJJ0kaRLY4w1iy+1hyKGiBWLwXZPkgq9UqD14xW+x0TFlN3hmLWETjvIyo+qe/a2Bekmsdw==","signatures":[{"sig":"MEQCIGd18FEGvefto4WShvR7dRxZVgN6mFlHz4YUIl06/cIwAiBS2WZPe3vk/KMvuMMw41X9KcQTYF0Cq8UG6sv4dIC5QA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTvNkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQGBAAhuhqZAEtV9AX5SIxsqLgpxZDjzGrNTpoLmKoXVvaIPxsSxvs\r\n8QJPfbyhJLGo5C0BXQddqNvkH8ySnwPPgixzbMnbFEz8TYrIAKKOP9M7GV11\r\ndrmCShTWSjV6Uirv6v5070GkplIz9dW/Tj3xfG5eSsFaphQ8A+DrFDk/0VlG\r\n7Y/UW2ddR9ciceFcQXcXfSNmAD0IL6EBdoTppisat6D2G7FlGA5MnR3ASGm0\r\n/qODZ8NWEPtBJKXf2LNqnRmk2nwqvjQCKM9ZIXuMhZzFQXFOfeQSk9ii2yrU\r\nJMGL942n+WMyEaUOfVwPOXOKkfIL2NDx2x3/HkVtdONKh/mCd/x5Uh8bRXRE\r\nIJtQRfvNosGdlC+SkXe5UH4PsOduucbLH9UEptQTt+pZw6sz9ZG7K+0QtSQN\r\nJrBezD50Qtffx9USRV+xer6itcDlECWu7+pqjfHxDvQ64g5jlkk7UNH494Pf\r\nUAzq102awi2gp4JzyYiCoRI69O97mSTOdDL3bZNOEYrMi/6o+A6Tlko5Go1l\r\nJv+mmFzC/zbNNBosRFCkTWanhOsE6p7QbRGfAAR/GAdfb3ElrURWKqtEHg1f\r\nF8CLHHwJ0OATz10pQGXsR5+PKvikCW9fMajWz1RrwYBA7qtZTIDnoNqUelOR\r\ne7G+0v2SRcb5yHmPHMmiNNN1Kidiu3VxulQ=\r\n=G8ts\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9e0a7dc5fb5e2d1554093d85949ffa6c2aaa33ad","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bacda4885.0_1666118500174_0.026101321617157502","host":"s3://npm-registry-packages"}},"15.0.0-canary.92b2556cf.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.92b2556cf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.92b2556cf.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7456a725019b701dafeb981ae27136a5f76a0938","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.92b2556cf.0.tgz","fileCount":10,"integrity":"sha512-o5P0A4cp5t8Bwdzrp/bV6cimkFoNWOF6PriRrdS/7d7CrmK20uC+7CfYE8l9UZ3VRHEAR/y3tpR5dyQmfUwN4w==","signatures":[{"sig":"MEQCIBLZU5WRtwRvC9TuPNCIbmoI49js3XaX8l9fs3+B8SCiAiBJhRLl9CUNjC16K2pmUmjQGR+l5wdO4y8EXwKoHEukOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT079ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz0Q//ahFqJsEt/cYQqJ1JxWdW4Fc9gZvYYAWj4UOd66NliRaiFIac\r\nwtdJekFZhHSdrGxu5ioknPxNpAtnW+2e9V/Z9ZylB7pJIzILSn/bbuoqEAnH\r\ndUkqCoaKD9Q55h0acViPvCgOCznMM9BE05gkr0yB5N7DJvU/QRtzm418+15k\r\nUJyCf74HFz5pbKfHl+nHuOwMDP29bXUSoEDohk75u7LEMKcZXlRwaIiF3VI+\r\nHqufhiDVQSg10ap0IvayITPJQUIAYQqHRgPEgegohfmkKJ4m2eXYqHJVRxFK\r\n+UTwn1EFBbgF6asjjAQUpQ6q3vJydpxfNn2FLp5rZs9TCCFPOJ9V5I5KXGoG\r\nu1dEJCqoZw7Kz9uiIVbMOvx1f9+1UWPGQL6Kv84++HxiVlDI2S9N1nyZhyuE\r\n2pyCbLC/RNxzU0kMmu5JlzBZFQa/4NoGOsKr/sKWthlLb8lfqEK1JMVPRPUJ\r\nQOcHbxET1k6hRIIUhOFQ/Sr11zEAxqyexhkiro1FjizrgmlEZ89savzLOLdm\r\n6eKlaRLJ07aBvnr6ItxP1KuABkFMbBg5RSw6zxKtZgwf0jfmXS5bZFeyTwjh\r\n242eNbyfDGCqmEyaE4BDUpMMDTOZ5GDLlB1OTccOOFuwfpEyOeLPRSpai1qZ\r\nm2ArrMQ1I/skfIzuLjGkkF7y4L1JY8tSj+Q=\r\n=FvEC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ac326ada7a9c6e84bacf5e01a6d22e675dcda8e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.92b2556cf.0_1666141949111_0.06096420267318181","host":"s3://npm-registry-packages"}},"15.0.0-canary.cc804509a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cc804509a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cc804509a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"738c4adac4943d1b3542e76fd0d8929855df12ab","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cc804509a.0.tgz","fileCount":8,"integrity":"sha512-wyTJPwEIgnctFXHzZi272FMdYQjs2E8aqQ/xepwuf3gnvRKXsoaQ9BLSo8iwfNq7rxNojGuj7GGvHg7+wNQJiw==","signatures":[{"sig":"MEUCIQC15nvNxaqwXAB+wHpixTstFS6oASjuMv5jdiA29c6OdgIgFicVlxV5yD5/CUoOHGlrQsWKNEBGWN4aliCO81Svtjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT0/eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPqg/+LDPzKqZ/h7G1q74YJYf5ldgixFvuIOnN3xg2utoOGg+VoRJY\r\nSN2tvss+uZ7DSjxqZvhDYd79FxulH5nvbx0fn257213AhoH33Loa1loSmrfm\r\nHcqDdrcyowfJnzEV2ACqLGjw8OxGh8DvC1zr1JaJrv7atPLuVajB5s1WAzj3\r\nTv94AhbTZFDI5BS+60/CvnBinGK2qB2xkCDSFfOsabyueI9EJTXpw3FDnLMp\r\nKdcw96zgnC+eT4we+cn1bRUFEuowotXswv3H2EWSXIOgqOf7bsz1q77+4lXq\r\naRwFaguoSSbtzcu4NVRal3nmvhwlvaMwkISsKcDCQ0ZLGtzQ/2Eqhx72lFmo\r\nlEmT5byyVQXwwFOQK+uZ8d/LwY9UaZoLCUk4QNI2QY4ZIAMxPFCI57CbysgU\r\n5NVsdol+1LS5vOu4JSzidx9BZTKFpd/B6++9LXhBgQAA3TCndMeVhy5ZzzWA\r\nlaH4yNIMLuPWEChz6bfynOBDiTK+mcnv8dvClnWZhxN2Jh0zH4NSZ9BGCOfA\r\n0tMyeBYI97MtCmrjiXA9vDPwc2GJsocyUPvSKEkGElDY4i0sXbQpm0ejhDU+\r\nolhGDO6TRerwJG5vP52Xj+ggNkU2n+L9YXtF/rngW6L+fn/w2AHuqnPDULLe\r\nQgQSlg73jr1XQ2AAHoH5f9m0KVt0OZ5+bNo=\r\n=eqeX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e8cb944f6f2263dc4b4fec5d7ade2bdb5172b4eb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cc804509a.0_1666142174577_0.536784960988935","host":"s3://npm-registry-packages"}},"15.0.0-canary.982bedae9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.982bedae9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.982bedae9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6953b3096b32489d4a5276226c57cd684d19b527","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.982bedae9.0.tgz","fileCount":8,"integrity":"sha512-z6AvycrRflW/+2HTMFYtbpFssZ8+zDcBDs9va8xp2RKqQxzkRjtTCLKDEQSdKGOZx/jlnSVoI6Vg6vAVBvmU3Q==","signatures":[{"sig":"MEUCIEVxBEkEoHU5rVQFOAqHrGNtQ9E0xmu280meBsVnFtsdAiEA8SpkBUfd4C+up8eHXL57IR16duKPJm3nmJkEqCvf0Q8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT1SEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkZg/+LJQ55K4zFBDxBvlMIXmn6T3lhlW2zi1sVeZOwqHoaEfyw/F9\r\n3K1ojcUE/Ifqe8YxaNF1rMipX201VPcehZxQ+KBriiz2Tg5LWky9UixPDPfG\r\n+/MdHIWeXii4TCUBV4tfM2pCsX4KNUuxVDwhwn5PgZbIrUVRaY/7/uv446pf\r\nruRz/i4Dn59dJt66igFzCwhkAD/UFhGX6skvF6nEiJ7NLhpH1KvyjuyKETQ1\r\nvd1mwRfhsAk8/up9I5NKbgZEAKDi4n+VuOQqwxVyBeC78CXo9F8CpETa1yB0\r\nT0mOGRd6jP2CHdDhkmlPlxPIuqgvtzUspTY8d5tPs1I6wsUABrr4a5P9xZpO\r\nngXyBAz2nDdTYUmQTmEU5GOCZrAoCRK92qLgThJ5hFNmufcpBLv30bju79f2\r\nazIXfV7M9UPBSLK85v21TRI3aCcAddY3eLZz6W2cHvwgp0cdCfUXi07rLI7c\r\n6Zzld9oouZNTzC7PFHjH0IjSkRxQMt/ZCRKkGVNr83kyxkB3NkvLlXHaYJaC\r\nMOonuezuxMNVs6AWYdJI7axNHhTFfL2WfoZ6YsxKSPkRuZw4nJUETHW+BoIf\r\nAd5a6ROVfR50pMwQNcwnsrsxdODTILv4N7z3xR1tU/Sb3H6itSwtFCLYOJ4F\r\nG2LeH1cC8zzATdeVQVkZlRl+vdyd1zT/u6U=\r\n=wnmC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"247fc73217ef7d2438e876f1477d141e6970c9e1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.982bedae9.0_1666143363819_0.5401960488551905","host":"s3://npm-registry-packages"}},"15.0.0-canary.ee40081f4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ee40081f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ee40081f4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"191c2559a4b4c12fc192b870155ba87c41b37e2e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ee40081f4.0.tgz","fileCount":8,"integrity":"sha512-0Jw/x9da0SoQLB5E46nPjdXxFKMh7hZiiwRKfvBwcYq+AwKjBKNPidrHqPN37PXyL3kMtTyIzDsoaa1grBQhlg==","signatures":[{"sig":"MEUCIAcYQM2GkvFPmiZqY/L0H0jWHvIhWlMFPCaHZDkkhoFIAiEAvOP8flX942P1Qquh9fke44ShDHQfG6nTA5kyn1Obxe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUFnBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9mRAAnlJm/iN7VK5GC4es+EeGVmezoQE6xKOiNKX+BRDcLCyYN83y\r\nl/nPv2Rk/8wv1OTcEtIM+9p1KqFVfr80TGjLs7QIlDrdQjEw5F4wBFaJioV6\r\njVzfV1GI8JWZi6oF22RlQ6rvfa9TZgJpkIePsE+pkfHoT+FCqHvGp7/6YJfE\r\nXfKjf+XHj8jQf2HcoGuKDTAMK6/fVDOSjzM+0Gkhixq+90g4bVRq1DBN9AaE\r\nVMFd/k172CWwEGdu5wiMKmJ5Krt3YhzufZN7FQDCO9G9u7PRzwQ9dDoZ0CAu\r\n1AlwqqcjdTaFy0vOg3aH6sq4/nMHNtTQCWzUwDpXH7GIHbaxRE1p71F1JRJZ\r\nXn/5fRgqZZGRi6Dj0eboxDkHExOY4nUSL1o7dD/75EPFYX6f4cdlymUSLs3J\r\n1REWL5FsrdplXdHRqJT3Yusmg1FNp3bnUm3J+yEFOc2gBev7yG28GXfhPVT7\r\nb5Em9Nru1mmNwhK/f3RPYqi6u24Ff1UyRtMMF0vSoDqfY93LqnxDWHzoMRF0\r\nzSxm+GXUhmw97/MPnVSINTaLWX0ByVMvJn03oSGTPB0VDnOvz9U/aIJWmHyQ\r\nEz7N+hm89EuzAQ+6fVwPE0AN5uG5CkJuf4mKA4uUFtAC2uThFNXkz34aebUu\r\niVAynHJxnyr6dgQR790ORZ4RrtlnV8n1Nj8=\r\n=AFoW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"04ad48e358b6eef4ec9ee359b0ab906b30425504","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ee40081f4.0_1666210241647_0.9710881713393937","host":"s3://npm-registry-packages"}},"15.0.0-canary.98f1b54e2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.98f1b54e2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.98f1b54e2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22f74b024ed6e9cad1751480d7620d16842b8115","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.98f1b54e2.0.tgz","fileCount":8,"integrity":"sha512-TF8PkYdB3Fc0XTNf2gmt5/d11ifZT5ftLoFM7dIbGXqroAKF0SRfCuDEKH24o1eO93Y25AVhUtIrKetDwqDxBw==","signatures":[{"sig":"MEQCIFHZ5IozSYkD2D5961JX1JpsIZlRqtIxv0IOWn5wi2POAiBIScFRkgrRbELKNzNdyTIOMv3kRyNoQgKxh1TWK1s38g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUdH1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDOg/+Kn1x9EhcEbF1vpcnuLR5nKM+jdeb6+aHmwuVTMzDBjs8Zd+p\r\ndSJaDsh6/qBV8IWkgbrXMhnI2D64T9ADNG9awkogsjfM90aFrGs6GoyxTtjv\r\nGW0ReM1wYMEv0xvrW6fxj9dB3CnFbzD/7ND9LoLpj+ukLs/GvkqTOmzi1l3E\r\nPdtEK9Xte5fceCcYjcNyNUqe/93j32W3naNmKyJngj+YnHNW7P6ehs+wC3x2\r\nBI2Eqg0AbkBbXHVQUndHXd8ousS+oOkb4mtAED8OosoiDUkmLj5JeZS8VgbF\r\noJ+Kjqxv2vcf3FAoHWlF7D4vDt7SMRfJiLGWT5BH92T0KhQTk35HIEvu2rCz\r\nvcqYWq5yfKObQXKlo2B6Mehy7hhmUCZtOBY/D5V7w1QA8th1+U7/qWrciNFJ\r\npF4kYiy8UDNuZkTO6Kw+qsM3mGcxHyyKRaikvO0/BBX8013n/Z+3qtzfrEK0\r\n+C/EFCawJf8nDPds3ODxMMCnWmBTShryXSVEkMHWkkdYJ57csaHVteEDOjL5\r\nbKtCXzzZlIc1VO6eGmxHcw8haRvGfIxriefybgmHLIZRExNWR4rsVMYetvv6\r\nMFO7Obwy9Rw90X66Xt9E8NiEERatExCfDT5niOUd0FCOExWtau+ARWD7K9qk\r\npxKPpW1q4ihrFX806u+dc7vBxjwdfp2AgAU=\r\n=Z9Fp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aaf0a191532b3357cda509746499ff62e3aaa47a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.98f1b54e2.0_1666306549037_0.8086384652131213","host":"s3://npm-registry-packages"}},"15.0.0-canary.e74b7ba7e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e74b7ba7e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e74b7ba7e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2378fe991bc5410cdf820d223e97705eab281e39","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e74b7ba7e.0.tgz","fileCount":8,"integrity":"sha512-TwIeCluN/BIh8wrz1A25fCC0H57g++gTQ/462PhsHYCsCOLb62ZtqQXhP4p8rP618cmuXmR3MRFttrD/t3jpCQ==","signatures":[{"sig":"MEYCIQDmL+gNEpxgG7enQvIIbiNjrDo0NO8Eipn5AELYEjHlPgIhAIZCJAYFTez95+yC20LKSfiuoAKrgPaPd3P6zGwRVrNN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUtEzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+jQ//TBlPXfEq8KNEqB1DRpcPN/MWVLCYoX23iVy/bHWzNtaCbsn7\r\n5rOVy+FhCUIc+cK6O1auMdz1mH2syA4OCQ63q1Kh66qmL/4ouRTrZTGwFvhp\r\nYdxvv9Pcle45Z2kYlOTQU1WBFvvtIATyrw3GsFapJv9WRfI+8yclvOdoQcXc\r\nPN9qw7udE2KaRsVfQCr5wGzxrywB6ucLA3z3qpzP0LiK6A6KIjtJspImq1XE\r\nVIN+G/+JkuTnoWRjsfHn40smJVBgGLL5uhIdbHXjye3PlI2un+qlrhJ9SnEP\r\nXSGy0fPXTccaWSINU0xpyt92OMNxkdzCrAcPWs+5sXSsc5Nu1D7oj/a2C4lq\r\nN9VfGYQZ70cyR0c3b9DxTrwgJ55wxoN5DHbRzeW6UNiDo7dgpmD4OTgo5fr+\r\ns2tenyayBUFEeXoz27qjJ+2VJdMnNx/TqnZQ9joXk0XHxuUHcm2981DwcKoV\r\nC8S0afubf8xEFiICZDB35m1TR2QAv2pJywSyExgfeJFAcWjUmwpf7RSHjP4J\r\nurn5QS+H9EzAOe+OvDFGhlRaG8t1ZzO3xON8AtPkvoCJfZMgdNOsGnIkUj3w\r\nhxVeUPPa7W2O7FZUad6PFU6/eGJ3Jbskvg6wJHyp/WjUZkVnMHWIxBbx8hKG\r\nNmUEDvpPWs4wOGLoCukDxmOlJCb6vPv7b4w=\r\n=ccQ5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e30e36776ed9bc98d53938cfb5e48bf5d2cc67c4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e74b7ba7e.0_1666371891660_0.029604098787412436","host":"s3://npm-registry-packages"}},"15.0.0-canary.ab55c07d2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ab55c07d2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ab55c07d2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d7df8ebce21a9aa85d474ebea44871a00430283","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ab55c07d2.0.tgz","fileCount":8,"integrity":"sha512-7d+7Hrf7LuzKljndUoRGg0G3rCkd4Vt4gzuhsNWdivu4FfZI/pIVkILKjFl9GFiXX0GzkTeRN0CFKm5pqLcfbQ==","signatures":[{"sig":"MEQCIBUX2f90cPXzG1s35Lv1kkc9s+q3zrtH9nzYwHadbBZZAiA0dhv4RQLYG5w/ZY9XWYWbxv0+NaBxtmf9QTwjP9NDgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVDPoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6ShAAobmM4LL5yumsBGmsPm7rFNAMxmswQGjjm9cFDVybWIQj7e6F\r\nL1aCpe0S6asRaiH1KDWHSHvW4ae92wvJ3v7yihitfSNHTD2hNLI+oJKGObl3\r\nqEsTg60vXDF3xd7RAhGUtVvckaNAbrjbZWU3TDQHry55tc5hqG2tFkeaxT+x\r\ngiWSIxUeQoUKtw4xuOXJ70mS0W/qTHeaPiTb+/8HecBlrigEZ2I8JZ7B0Jzy\r\n09SVWaP62Ixh5K0vaNm4KcxiflsUkjZz+Sfxwb4qWc5Z8mDneEYyM1TQEwEk\r\n7ybn8m2YMJcLWp/HJP85Y26STnPEfX5qv/cVFFfONx0iwKaCG02J+9AGZs8I\r\nBIazQ7kuuNKKqCf/25AKLcMvAGqnGPlksGVYntxjNaq7Cs0DJYpKYk/q7P8V\r\nsVl1hMr+RNTIeNkpx0qgAZZZk8Ys0CTebxjnF8/yrq1Ygsfb+P4wXLYGl60/\r\nmEzo8Vl/48BA9ythBh2GB2y+YQ36xpI5owTrdLAKUAmhdac7Rn0YxSDjbb/e\r\nrI6nIPsaMoiHqifvCC5RYWHPiMoGtrux8zvBiEt11CfxhKBRQ5k57/nF9gQp\r\npdTAKXcrLZmBOasM9/gFyPUl0M4krsjjuyG6cY2hIum29mvufKSnZJIEJ15x\r\nhEtU34Ha/O2shOt9kkHjfHemAvxDoDAO27w=\r\n=Kw0m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7fb32c724b7903a8060cb457aca1f150a15590dd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ab55c07d2.0_1666462696461_0.7620333128483847","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc539db34.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fc539db34.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fc539db34.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25cdd47c5977e4ec012d38e05e7c08502d7a2529","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fc539db34.0.tgz","fileCount":8,"integrity":"sha512-2N3v98rgUP46LVzSMtG+PdHd7MR2Pd8jtoOcxB2UFIYmcMiD4dzzxEui0lXqYV51XrDA09mN1zS/M224V4CCCQ==","signatures":[{"sig":"MEUCIE8nkKix8AnHtjPeLbbMp23S+rlWFpjLyMZu9KGbM3rdAiEAmuopXfZFOtscX5mfLsAlScSSmw3Y6NjYF5e1QsTEUhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVuBFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/5hAAosQD45bw19yFyyIrbnu6m0VkQoJRmChfRn8q3vo04u5RxpWh\r\nWPyvwWG5AbgRXFeya4gtdG0ZWjkR4b7MUp9FE2Coeai8BF3B8xvzv3DWarFr\r\nrLs18xlNknwwN/bmRNYl6WgRAxN/ZB2JxbtZHvAubJ+rbhNyAnQWIecvLmf8\r\nyzT3STaF6TiyUCUNGyXNqsAoFLQ/mQpN4+63i0KlGtmvFhPIqR7qT9cgzLAv\r\nyrAhtNe5DMHtUDnHrK/vpXWT0IAcaHEVK8UqEDRbKizCkq76GRb28dh1FTZ6\r\ncngYKR5PYia3P6ufcm58IfT1RRuylivPKx9n0p/C5nPkzPcVSe/8Y8gwOuVL\r\n+041irJweXxUUTjqUPFiKb+mbIYYGZ2/LeQ7+e/zHNihGMGNMBnz+1rqg1Cj\r\nPWiOYN984cl7BhOXYnIdqBl9/s+n9mmtXID3NyN+xYFNO/xW/UunBVY5CYNb\r\nLAsVQv9ijx7mlo4Cl0D64oZwZOr+2gbdVH3EuIdEOb0vgKbCZJUUsFRSBEcR\r\nKJie5gU50+L+akn68kEx8lxGo4BxLTkG2lEHJwQg6yP4IsmXfhs7aD24UOLk\r\n4Xh1XmMK9P6CwN0XHcjE1Cdm3oVzFtk080x40TFetQhfxRpMgMb7I//CMwlY\r\nPKrFuc1h4EOw516ckfnbqehIG6h1kWzy3qU=\r\n=tSCe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"18c679c73aa42d66117f8f1a88ab7cbde6f2a201","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fc539db34.0_1666637893415_0.8780257144690524","host":"s3://npm-registry-packages"}},"15.0.0-canary.e340b04c5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e340b04c5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e340b04c5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7232946965e8e83163e6364a1b05fc0226613d28","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e340b04c5.0.tgz","fileCount":8,"integrity":"sha512-MPlmHi9HgmaPICapv2r8+8mR1K7VQTkNeLzGnUROXamoV2+v/EFCheSEQqu9aENjQmS7nFFSU2Np3PD1Kii7ZA==","signatures":[{"sig":"MEUCICz2rXRLDz5gg5UWjGRE0lHLDxDXD2rhX3tZTmmu+bKJAiEA2bvb98fsg/FnZIKEWgdOJ8XKsbU8x8CWVaqxey6MPeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWHTEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxfg//azLBvgino+fNYfW4jKlq0saJ7rt6HHQhYISdZADpBur5lqPe\r\nvxP22M5M0gXyo3fPKCO7Ou8YWj+DAozJ3e6ypzFuyVJLHYd94q7nKOhCXWrk\r\nWIjuHPlJigF+ToVbKvxas2QIRTOI0rG8fiRyXgSqLANxqeHT/fZQZ22mdZjr\r\nsrOB4YN2halDv9KU+E4x+fMIuy34c6tJsp7IMbIzMGaXWGcEqmllM6EZsmtC\r\nEzBtOX3OYVigfU+RhqXi+wjwIJq4XwBzrYpmr+u9Zbk996A7nyu9dcmlhkc5\r\n8YiZMxZWcY73L1UhWo6t/+1EthM+xHUEKrXBPwphFwrp7d/nmoxVjsYye4Ap\r\nj1BVBPHpfs0MSjlbw7sbIl+LaXY21lNwNbiTSuw7aQLj+TVjErp4SlGauJqb\r\nBtBLBygeikDDn7JxRpOdYEBzb2M0kNhknoFqxQ2H8kFRuVoPdYp3ezTwUZ6U\r\nCNx3MIEeSyB+lDpGcEZn7dJ1URyfhN7iUWxTrGRNcUTg3eWsCsM64P94XRe4\r\nCFEqia+nWQFKA+qEvba81ys9DNzWWWrjrLREdvALoIQ95I7A/yjykNEm59F2\r\nNeSj+ZzXEV6KdKij37/1qFaGu4GRDYMU8jcv6DOIejHu8sL38JwE6LJ1cdn1\r\nF4NbaE7njuGeGUPlUVwCKqwSEm6nIsG+qiw=\r\n=XZ4l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f3e39db57f42dc19c08bf6e97cd6918a3ce32dcc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e340b04c5.0_1666741444661_0.9080809402009122","host":"s3://npm-registry-packages"}},"15.0.0-canary.2c1a8f8fd.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2c1a8f8fd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2c1a8f8fd.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f20868666c320c537176e05332e765b135f4eac7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2c1a8f8fd.0.tgz","fileCount":8,"integrity":"sha512-rf+lo2AMJBvKJN4xmT6j6A6+I5kD2sxxMirD9a+ooLiVEMwhcWvY2tTjy6+I6XSHep7HKFUYAxRILCMKBAtAfA==","signatures":[{"sig":"MEYCIQDDBOSAYK4tzZiSBdfPGP4W6DBQG+Qz89vk4s4/vhGMRwIhAKbqJOAr+rZwDzPqxdqLWXyemQDr7HZZ9n7YS8ojeiBR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWW5vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+tw/+MmIbgM/E4I89AeQ3WuCk0mzMUt6UbiB0qianQkzwlSkk/1f6\r\na2NswvHdvsV9vUc7iHClTZm1PrZk9ausOGgoC4JJcZkd2k3N3f+XBMoBHFUf\r\nsP2RZ9Drbyqv2MaPmi13jBED1J+laHCwfwU71tFi0TOOdTtw1TVLNziH64KQ\r\nEZQGz+ICWGmLdBCG8OXTFvrnf473mQhiMQ8NioFavuBqBdcP5DdD+B+7jFNU\r\nHdUiGCFFuW4tfz/eMRPGk/Tdgc1mgRXV6FEaTnChy4Vt7MGtkVVY2ToYoWux\r\nFxnIjZNB8dwdx2SCANa228f/kHgsj/zJdC4AMUmb2TOvf3ihHeZIXc2EE6DS\r\nC9BSWeGJmvn9dm3Bv+3yZnJXeCfz31s/m1tiGOM+0CVmchZUukup97dG6Zn/\r\nNKOOXqtMZv+4Qt5uUsFZMA2r46BnAuhIfpjUK4dIuhosRMu27kcAtFqfN3mh\r\nbzt3DHkxk5zruMi1A+UxE5n379WRszykhcXipVBuxdt6uNmMfnMAGCKpIAuy\r\nX6KaoXQVUriXstK8CpYZ6j55utvWCLB7NSwyx9dSQGesAkn3eRE/Cvc5e8p6\r\n3jZR+wKgKN3/jImqJ3mnM4FaegYQh5ZfW6WMgs849ujKZCnXQE4PyQaFPpZ/\r\nU808130xBohhihTXXmDquyr/A00iK+Se0n4=\r\n=5iF9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dbee023b5e37423b8695520d95f2d00d884bfd5a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2c1a8f8fd.0_1666805359616_0.9675927577947301","host":"s3://npm-registry-packages"}},"15.0.0-canary.ecfee946f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ecfee946f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ecfee946f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b5e7e2d0b75f3639eef7af5d987e0fcdb0567a2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ecfee946f.0.tgz","fileCount":8,"integrity":"sha512-f2cvfeW6OpG+1QQgilktUKsF1vkg3x6w8R0yg3OPMzIbGVxGsgp4AY6mSLjLw23jDdRIW+J7UnZztE6PDwrFTg==","signatures":[{"sig":"MEUCIGC/Yd81t0rs5+HG8dhzkFZVa+l8+WzaBz8zvNHfTP8hAiEAiuoqjxO96UlJyupAx+web1zCzeZMglcJ+NLAwZ3+1bM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWZUPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOWxAAjjfP8/SnvNvmfQ4IzOLSwdek7qwtr1hNDsnyz/9VYJsXfq6I\r\nh6R8LUKDWlCyVZN7zwAHIgcRDHnVEZx+sOnWjExcytJFcfBXuBAI0QNTzQ5v\r\nBSzHzsW3y8KPme4Q5iWSou+VHjx0zV3U2on6uY39kbiuGMp484erObINuC1m\r\nIUvV19bb+BVTHNM/xNvW9OsMgKuPMAEFK2QCYF+68cPvHfVUsbXUYbmytcuu\r\nAOavcGRFW55bb/wWh8yOpRJEXHXZoc+5EHgcNL/XvWOL/mPLP1xJptBooYdG\r\nbrGizv5BHk8UmR4kmZSygYn39fsM7QAd5CuzKn2G/kD5Qd90nBFlpD/mc8Q6\r\n2IYkPUv7/P5IbLU/In6jOIvXNZDoWh3Kk7583OIE6W7SfT8+7EAEbCEYrw/b\r\nF7PR1BPLR7bbz4/w7H9lK3zWvu0mpgig4B5Rdr7PZpRCl7z5aLvCLy83qQzM\r\nMwc19QCZm/2D2HqSKm8gamFj0u/2S9D71BfpnGqjJarYAA1jMJplZUyGPPKx\r\nREiWlx7nabU3uaxHYAUlgriuxDTa9GVwrDQoQSZBrnhVJQHa+vUHmVXl+lwZ\r\nc2IwASBIieapuiSE1jKEz9R0LiFtcs/25KYnQUsrewJFXivsMVje/hlzX8DR\r\nrTdwTisyM537+RukENLRAWJGByr4GAx0r/k=\r\n=nrFM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dbe05d725a401275de1e88f9d5bd6cd2079a0047","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ecfee946f.0_1666815247020_0.5054636220756352","host":"s3://npm-registry-packages"}},"15.0.0-canary.73ca9dbb0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.73ca9dbb0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.73ca9dbb0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"702afdd56579f25da0c9d0c051d27c8ef603e55c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.73ca9dbb0.0.tgz","fileCount":8,"integrity":"sha512-5Nr5nDRcTA63FaYwhHh3KktmWUwEAN7Fqaaaj6BeVpalTOtRbHBKHrkP15phvjG0SeoFde6eZ4tgmXW0FdNozQ==","signatures":[{"sig":"MEQCIEiG+pnAi7zE/Y7u//t08tPs/w14dP1gQGkUEEGfcwjBAiA0BtlpwB2a5PP2duaS+NbQ34KUjQTW7zcad3QrsdpCTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYAZuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUTw//RYegpKRgZnlLv+qci/UMiMVBJBjBIGFsdsAbLMuG4UuZIMr8\r\ne/0hVw59dtuYJ5TKRjYqlUlhVa5TMaS2HZm/lRrbHRmzuB44ZUHd59X2CX1A\r\nbjQaPQ0B7J83U9/WpHpYZMAChmXG8fiYuBSWEzKv2NPW9/eOozLs83oGl6zr\r\nlN3YoA7FNHb1GYtYLlW3yMf5fxsvxKAIEDiexvgOQ1ajjuJPYEy0yh9aiKVt\r\ngInDSOW6Z+Uge3jdRA0+CXAyWrLy8Qjc6JyHuGYnNRqX2Ydthc0+nsp9Fddx\r\nuwn4hDKWWJPHDrjsp9707+NViWxG7icLSRNhqTUc6G9as+GHmt47E40kGTN+\r\ncBMhDbBsK9qATFBBKjU/jtnGrMtXKlIW/qZEFfqrRamJ46HDgK4Tio19JQp1\r\n6lwS1Ufqgz7lqrx8/UUAGYwxd1KfBcpUqTcpMKNGqeMKcUIQtcl/I11SyFkt\r\ntCNKyYQBAAFly6KG8XrIa9z9HogF1N3sYDrIG9fg1NEz10i9vaVeqwqwVgaC\r\n5c7vOaYBl7RhHRe3ZEwBDURIem9syA7h/sr/kMPsQxqZUFvFniidxuNMlnzm\r\n0f7uRnO4UzY7j5WilCDavZeA8B7TvharGMR9GdkgY+ZzW4CZmxDOvt7q/ECx\r\n6V42e8bZkd5Q/+yOly0YbAsYobqu0ZogBvE=\r\n=4sHv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3b1ecde6148e6e8d98c4b0c8a4dd2ba56e95586a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.73ca9dbb0.0_1667237486284_0.9739478841030547","host":"s3://npm-registry-packages"}},"15.0.0-canary.357f2e5f1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.357f2e5f1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.357f2e5f1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"085b8e45e456581ee6bff2fe718053bbf1da64e4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.357f2e5f1.0.tgz","fileCount":8,"integrity":"sha512-9m7Q/xas2CwU0Y39lrSVzKnvsr997/zbY6VahmvaAiIbflq67d7Wb9VTkfiuRuAy35rjjvZ+2878ASxRh3f27Q==","signatures":[{"sig":"MEUCIQCvXZbCu0q9PGoO6wJ+YKT+dHOTL83/mLFBvl0Fzp7lpgIgUi6kh4s7jKl/TgKGH6Hc9WFAI3m8cZvYo/pHblA2sIE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYBhvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6TA//aN0vfIDPGvxH/GgXZtYkafhtMz3+S6FFXbOsSBvNbREJwvKW\r\npdaXhkxOJS7mG2uHbUuj6X23kO4CzdXKdpNFwD1OUW4YlBGLD0BnTWhc56WR\r\ncQH92B/P1v/XVal5SsjvizuUu1+JO/Bx2Do7REWycjMQTdJoS++2pQN6Lpi1\r\njqXL+L7tz48PvYJa9wYrNxvvl9l3/C3HcbNdE+AeADXDHgGzSRYAaN/23x7l\r\n7n31LTZ3Prioeir9Vxl1G6/A7NxLKjoJv+lzBGgmgP9gJ0icxiYbwox3yYWw\r\nQIMXbV6s7lrePqfl3HN2Ond534hcOJ+AKmP4u3cVnhMY30KluIBU0bwB89KQ\r\no1thW7QixBoTG9eYxSCwPC6h1ESiliW4eNQSN/bn7SNGA/QkW0/3U47zzzFR\r\nEQIK+KFfqxEnjH1T9oDa+OGNV9N1HMtNkfSkJEYSnqx6K0ijqAEdMmcOjtxW\r\nkKikA3hwuqhsLKh3GvLB9acsF0DJKfsBxqSkiiAbHuz7d5Yn1CF2YC5toChn\r\nMbDIBKTxFbeWTHSsDJT9l+Lr8q6on3+Qqox8yAWetELRPXrgQ0OJQ19MBi6c\r\nkYhb3OraXp1h8fELUhww/ejZZQpxoknfRo6YtdvbnV1TDomDeJjKc2HBUFl+\r\nrVsxqX+dHxB9WY7JyjXJXvmSnLMISlqS2RQ=\r\n=yw9f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7f8af87642d395b497ff80efe06544dd459b947f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.357f2e5f1.0_1667242095128_0.08461880139843281","host":"s3://npm-registry-packages"}},"15.0.0-canary.eb103d4b5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.eb103d4b5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.eb103d4b5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13369d2a39087cafd0ce8e3828a2d526c3fe07a6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.eb103d4b5.0.tgz","fileCount":8,"integrity":"sha512-7+MJ2qktCtstffcYXCimqaWCsj94legk93E4HmHrC+tnXH0a3QUiZrnvh9OkINxd6qHCnB7mhUOoqQOGL8xz0A==","signatures":[{"sig":"MEQCIH7hxgHfQ2CKmeo0WeE3qjJ7HVCs/KX/+df8F2Mbps1jAiAVn8jc6c2CwBw88S2ZLej9n17G6ihh2szeOFf/FUmLWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYCgsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfdg/8CGppJO6xMS+ubd0X4Nfle1YRiLOXw9YiQ1G90ToB4QUGiq2B\r\nAtmhql3vsy5TqTYriFyMrB0Nl7EkBvancrBH81Co9U7Embiuqn7Czj3ClojJ\r\n42alXzztRgY4fAI89r9P5+y/q0QznBwMX2SxMrT5SnpqNlMiMUDrPoLV46QD\r\nChf3ZH/6OTcYlYNHTO1VYQ9sc81HIRx9tMwwlKwAYLUgINCC6L6cRiylCwdy\r\nORdiBBUzMH/Zlsh5hWW8V6KwBZhbEwAfLTX6vkl6kPyC94N2jxwKPC37ZxwX\r\nsSkdCqj6LTw2QZ1K5RaKXdHK1iEFdmEDveKO7/AHlOpBDBFymDR40neRv1vn\r\nFehWpMhgy3bcSeGgHCG35QBNVfIu3uuIyKCiTmo9yKVoMFwyGWmwByOYItOs\r\niF3gzq90TsuB+LiWxwSll8Re4D6b6dvA4f011+Fow+8B6t30cX11uqS6Ugzw\r\nEbQM2y9uq8l0KCXwS9xGBRM1DthPkr6yFmei6TpN8043I4F8ZzyWlNCIROj5\r\n4t/DChgO7BWIWYfWz6lyIqG7CxzHxPcpcIC4JNydusouQhesyp2uWaZjwInj\r\nqTVvy+kvIVCVYYMc44QVhS9+H3ZsPLVM7uLhPQv9rEgeIzW1dRnJlSdtcUKY\r\nW435qdHqEFBAbAtVQLM5OxATN5qab0Lbozg=\r\n=m9jh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6fd82c2abdb8567ca00c6847142375ca8ac18b90","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.eb103d4b5.0_1667246124358_0.8063372613110473","host":"s3://npm-registry-packages"}},"15.0.0-canary.af5f01223.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.af5f01223.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.af5f01223.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"406933937875e618bcd7de13b99b6f9390efad3c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.af5f01223.0.tgz","fileCount":8,"integrity":"sha512-TK6fb/XUjghUi3SEYLCce095KOUKDsXDDnftdThdNjxv2Ff33ovY8NYfIGYdUhyYiCS0txo+hFITdBE+kec5Aw==","signatures":[{"sig":"MEUCIQCPTNPTlybrqnIg+tHPu+uRMl2m66PKdTAWRqYinAKPUgIgRxYp3ORyPAK8CTp1jSOax0y7FL5AF9udN4vob2uo8G4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWcKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3fA/+O2PABnHSrb5chWqMK5avfw88MA38RVm/JhAXoD6M/sDnrbnz\r\nLAzfm4IF7GKIOeyM7qC9XIKyfimZe+PYDCugFtsyW6QuphhCqPbn9/3zg6le\r\ngBZZrAYR9ZzD7Jy8ZBYft3chgvdITGyGzK4FskaY3oW0QRf65oF1Ym/YtTQt\r\nUNsEX2oG9/bpyW0HSnfeQRVQm8INcAoNoKr+vPZGwI13Y171nmv/SJ4SwI7H\r\nPTIl+MUvMHuv7u/CxUmxOJnx0yhGpU/wIMKNUMd+f3mgMXdNvV0XFHAyIFZd\r\n6cEucVN7XL02re43ltV0kr5wlsbw9HWK0FyRvWvUwh9bV9DVc9JI5bnW7/e4\r\navRq5DtLRhJebNNVszy0bN/kO4O28jwCKWzgXGeybLchVu7vPRT3YOAXp4pR\r\n3Q8xt6WKumhYHC80R7ue+8nnxk3yIslvf2q2Mb1kjNpB2vQakIeRnQWKFAHe\r\nNv3bGf8W/21ngOnFPUeX87U2uz+ROxM80vuy3436bDYYM6dTjPLO6zTXwyzk\r\nWi+ESLRWUd1tnLRrE8D9xScLRaMMu9TYMjFdF2vZpEZeaPjJgPXEgMM7UkEI\r\n8P68OeikT8rvTJJFKkpXil6JNXBHaDLtSJDP1HuOngo1ed7BfLejdlwBAveq\r\n0F7vRPs0FmbvUaj70ppKQ1pRyo+5g7/fTro=\r\n=O9Uo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cc7d8ea77d18e30bad947332164ac02701e1ed9d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.af5f01223.0_1667327754106_0.9784694150818194","host":"s3://npm-registry-packages"}},"15.0.0-canary.58733ef41.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.58733ef41.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.58733ef41.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f306d589c134862894a1311720182dc763a15e1b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.58733ef41.0.tgz","fileCount":8,"integrity":"sha512-gtmaWXjpO6MPCLhGNX1mSxbY6tX/6x4pKxSXRgrPYZMx6WjUIYbohzou9zVC+EsYDJ8DFOOb6MtSAX2sGl/e9w==","signatures":[{"sig":"MEYCIQDogs4YnpkLwdaAcM++Cf9bK9R0yKj+i0EXJPX1/y/pywIhAMe+fSOyj3LgQ+QO3Sanx6ZT0ErTD3wZTwSxD+rY9Wmk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYrJoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmZQ//cwNLlDKOCWCI9bv7Yirh6amsGqfIVsK8lAmuL1X/Zd489aMr\r\nuKynA+8Aq1TLM0f4uPYHivv0aKjwuA2T+wqPvANmWfiUZPNj+FvlW7ozbhY9\r\nmE07lSipXcxXutvZvHdwTWeNQP9ME4t67rlvyQLJXVj61gUcBwxY+a88DbVU\r\nHpywp9bK8R80o38HGTBgL3bKWjbadJcHS/j3JR5BY7usssBlurlPau4Fwc7l\r\nJnS8oAM6peZF38jBsSb/24J4q7OQWKKVeFKSwt2FTpqk2OqqSFts29+oXDUX\r\nU6NdvbwkaPczT+tsk7Ety4BP2pyvK49H71OjZsIWVZrcQUYylBB7Li74u9//\r\n5Iamz5I3VOodYL/KE/bjpc/oATOp4NN9/s5hdSLp86dDvLibDuSDpCg74Yq8\r\nGMhdvAOm/7vfWrOMswHfNqstHeJQ0WTXhHjA1F1SI8/fQyqhtx7G+2K1dJNQ\r\nP7dRGa0NzuDBonGz0+wShLS4RU978yZgk0Qmt5q9wBlw4czTvp6C2qvDxKe1\r\nsZrBxbf/csXfsHO/LfMxfWv4iK3UjhQGMvG6RIxqYJmZG2x/JVoTsDU0U7yM\r\nIXENk60ijl20+jZ64SNg/hEQkTLM+SnlBhlv491YRp7YN4ck73F/DayIEBgr\r\nwx81BBCR1zfJBz4/fihHrCAh2pmHN1NWZjk=\r\n=Z6xH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7754bbdf66b8fd61976d3dbbe04b991d9dbc0caa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.58733ef41.0_1667412583933_0.9525226445949813","host":"s3://npm-registry-packages"}},"15.0.0-canary.909b48215.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.909b48215.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.909b48215.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebbbf341575953b05ae305dc6b3c51ffe52eb4d9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.909b48215.0.tgz","fileCount":8,"integrity":"sha512-jW96fE6II33gvKTn8HXb0fRDWAfGQgLH/ADy+1xQRXY7DWX+x4yEvn032VNz8+UqRNKyxJ2l2Ax55PZMyI0kcw==","signatures":[{"sig":"MEUCIGImqpMcIAhSNfP5AUvQ+Cj5Fx+JBTwvDRhSHumqQYcGAiEAi40/+duMFGrWIGHGp5WfuuxFMDwUrGsGM1yh3Ln6yqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYz5VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqww/9HnCDvRQAILUlejoVkPHuMdiQTBO7Q9JOtz1IVOxYC4TgRx9q\r\n3RpYnCCBJDxoDVAvsvPRrvYy0QzqZ6Ku/3jy9WZN804y8zW8GJ+bCCEoMYRw\r\nWF4n11BTxzhvpk8Pyzmu/Ee2YMinbA4qAsSkK3JN2v54W45KceOxRc3iPegD\r\ngcVZddtMVoY5EGaYC/K7zhZCJpUWSwDQr3Q+hyxFLlC/7YGYxzgBFB7v+kJi\r\n/xEnX+O7gD50diD/8LEU5mHGGcd6seoj3JZAaTnCtu3AQGYYHD6h97WgQenC\r\nRuEW2TNNx79KI1V1cbaKEnwVjQqNadZ2IzBJOM6gXF7IibPoI/4iN3ZulNRU\r\nydbw0fE8bV09fWH7GcKWooKPprjyK2y9badU8tSigK64XJtuypAqSogVXqXG\r\nGKfpDd5hA71CWOOcg8v0W3sN6DMhU87BUWKU5fioEgQAOfXH2AJKdB94Yyn/\r\nYT5lqSR/7kLkYtZvEZsJTk6MIxW6lrmACK8Dfly3nbieXLXeB525sa2crnfL\r\nv64md7sXd1/3zXxhU5zecbLrrxF5QhveAIVwwV8OSNnarSOaHQgdeb/uKcID\r\nFv8EGZ7yLe9TbJyhdNFOTN+6TvBb8llI6de+BkcRSKt4iHMGUAQKAWCilWZ4\r\n7czB1l2uWc2Z9ayfOdmhTazQG9T9/Q4ix9c=\r\n=DAPH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"68d372ae12d017bf28fa2ad3c86cad4f70609116","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.909b48215.0_1667448405371_0.34673348111146773","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f17127d5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7f17127d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7f17127d5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1d50101103fddecc7ceb93706e610eb99537304","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7f17127d5.0.tgz","fileCount":8,"integrity":"sha512-QIzJQ4Z2YzWRw/LTT/Bn2zNkoRNtbCBV9oSQT9rxKYyEICwo42ZqkePBFTKwvdpVvCYRQzPFxLSCHCTSR0T+yQ==","signatures":[{"sig":"MEQCIE01oIvpkVeXKD0Tks9bONhDZVYjyPAYphLrpwWI2swuAiB50+SCuz1/Mdo9et7dsHZLuq1JEyqYOGVqQLtN3Shsmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZAXcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxhg//YBZr54M94sPcsKdFV/addm7ei5F/fdjRNlg8h/7pVgSE6AYN\r\n7tDDolu4Le6p6403EXAE2Uq2I9q/Di2090iOHBT7vCN+POyclALv+PA5UKzm\r\nk9EvRgoDWYNMkftqqEbqZQghd4J1AIuFGu3Q/jAc4B0xyaoJDTjmue0ftBco\r\nVi5u2Ir/jIzwyw6OpqrZf4b6L3iQw/rBjX5C8NDGOXSb8WayPfE4vbqbOlS0\r\njgdGz4yQqNskR06I295qr7R/KBLxqQVJTMDghgiEH1/E8QzdjvhFsCVdLCcb\r\nKpHTHQV3Fqv8AnthJXgAb157J//wGK1ZQ3ctcvwWBx1/Re+rNY4dw5mgIYn7\r\nKrjdvtyWpwlQRRkEOiFV7QUjrgpWB1Ox2DZgZlVWuzWQnl5+vL7rlGcP4w3e\r\ns3gFj4nhhYIaR5VhC3AVUveqK95DaMeqx6dr7iV75wJfau6q/WcZWXPRyR3A\r\nri1tYpDfsYdE9ME4bQxepqn//Nx9751aTsAfHxWtaz1kyB/3ARxEXS3uq6Gy\r\n953+H4yZjrtiETHPKhvKAoikjMRwOY+GSLChhnCO0ZNxR8yTMzsHYPD05fCY\r\nrnMB1xXyZuIUZKxCT/0jzRAGnxdrNyJag5h/oYHaI3VwP7JO1A3KuyIQ9bhV\r\n/BXhdp8DfTIr6utFdp2xpKQO6juB0FNSI+Y=\r\n=Y7E5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"26e22af93057c0fa00e7fa9eb104abdc96131eec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7f17127d5.0_1667499484389_0.8232737886202874","host":"s3://npm-registry-packages"}},"15.0.0-canary.da95e2a05.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.da95e2a05.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.da95e2a05.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f4583bea9a887e20458a755680a4c99bb2747aa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.da95e2a05.0.tgz","fileCount":8,"integrity":"sha512-twMQ6rolReKT/bXbjiJ0U7KPjbQnz2ZXy+XGv/Te4I15aFYFhx1qKpP5albMJpgU7efqsvRANDCNCcCsvk9W2A==","signatures":[{"sig":"MEUCIQDWyDclQB5Hif6XS7mF9FTJfmdrsXD3yktikuUjbJxJ0gIgZWoopPZdjElu6B0Phr9q8ZaAD4xIrlvnBY0xbsxrCUA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZUSbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmozxw/9G1Z6LNKubKzr6IQf5aaM60ymoyh6JoViOmDC2dNoUrQ3Ylxn\r\nzK+MbDbY7FWvJ2VmwNqwjwMKp8aPqdF6HWvgfVp59TpXJBs7q43EsCHq2vHR\r\ncMZX7Ma6SY9hXLSi0bjzD9QDtf0sWkfetcDtV9G9cDVwzuVQE8MHcwtkPCEy\r\nZ+w2ecKoJmhK1LYrl3V9vQmA1KcaG0r+vdzDsTq5VU2sv4sbSeOD3keb7dnF\r\nzwd2KJqUfftwnC/3knW9bqkrnBfPXfwmz7oAsXtAmIl+Tx3h0ByvvlEh/xj6\r\nN2CcDNJD676UIyeJptUz4GRIimvOfvSmz7pwMXJV9gV49OO8zSNB1qZYCpYg\r\npm7M1T/L2q2HdllPhotdDkZdHwFjDZSPZbsgr4Jwjp8Yu0xbWUJMvgGt3tMT\r\nktLMa0uUtpo6qoM+3bmdHBFskdHd5TNViZ6sn0nt3d6ortiIuuq7W/KsN2es\r\n7tAeeb63DZZgv92G5sYtIefkm8907CadS9jQuEZ6lN9uVtyMX8HnvfGhJ7hf\r\n3DodmohLBsCnhowv2E6LZwryB6Nhx73BDJdJPFE33XxsuvZUW67wh4IN6LYq\r\ntgfbZHrXWMSheWXzrxdv5m5c7WqIbaU+t4aZex4QGD08p7YKSOdNyOIuXAA7\r\nnUod36Dnc5EuO/n5lUjQLgWrnqtXVucDB1Y=\r\n=pI0Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eb47dc6e824d05fe1a33c55066101c99ce1fe241","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.da95e2a05.0_1667581082843_0.8578282888237807","host":"s3://npm-registry-packages"}},"15.0.0-canary.4832e2750.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4832e2750.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4832e2750.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09b2402564b26900a3db8e7daad50d3de2f681bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4832e2750.0.tgz","fileCount":8,"integrity":"sha512-xZbwV2MlcM5csMKpHDVXsZTAHdDakoE/jRfQAv0FgdrN8tRtnGAXfy0DDyx+HOhakzStzO9/mywFQO2hQRHZiA==","signatures":[{"sig":"MEUCIC1D8LqF6ybdYPrr+p2h7ST6gdpr/zN1POnveiKAFLVaAiEAmDXDSE2UCPK/ijVRQ1g00qb23E/V4TqZxirolcf5aJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZXxkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+ww/9GghHXIAw0lcE7+r98OszQaCrh4MTkSrcziDONAHVVJ7ij9GF\r\nxq9T/ztJ7MYNxSgOeNcN2XkKcT2yUyGrxsQzEoinj0u2R5uZc12udjAm3UCE\r\nhHpk1WELleJolCdBEWjDwuufoSOzHX/14AkQUl6faebD/XAKZdkutpmspSVX\r\ndpdgEXw6NzWU0OFD0LIeY+TMqwLsnf5/p2gPVEVWUI6BdZ9FPhvwiDWC/Zd2\r\nlvT6yPYb1o3VY1sYmkBY6IO/lH/y7ZrstCwf9xtLDOTxeWFdaZm7QpCI5Lsc\r\n2g068BcUOcCyLpSyF7RWp+8Lv2gklCZy/s9xyJsHNsae1az/zfYpedDEPWIo\r\nwlqzWG9MGLQvh0w+DC8+WLi9nps+VTwP4NxeFon6KRswfd8huH4jdLKbwxVI\r\nGRQ00/J/GEgv/bO5C6IEPj4WNUlaHMeVbyqmEDGmRxy0cG2276ki2MwvA5u+\r\nzD0Q6PEd16VmrzxslOmTziG9Z4XppjG7OTwrHLW1Aa4TTb++4fN1qbDEv7tg\r\nxTx7bZL8HrssUWUMJtSWij8sCC6u2Ex4M3u4WqwsN8ssXULz7eP6tOkJQlC3\r\nL12XAvO75fUPX1YlWTmZkkfrrwFB7yIu/NcO0BFoSHCZU9PP1lwEpgvfL4oD\r\nUsztXBeJL9v1DGuEAVUsUe5xDML42N/2hGk=\r\n=OLOV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"258def578bdd5ff3b52dbbfbe6f06e14b2b74045","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4832e2750.0_1667595364330_0.7400248035237016","host":"s3://npm-registry-packages"}},"15.0.0-canary.215506426.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.215506426.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.215506426.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f4f1045bf09ef2ffc06fa83b67710efdc1d9496","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.215506426.0.tgz","fileCount":8,"integrity":"sha512-+vRuyfUOf0XXGgppsXFmP/rxc7o9kecZ4RTQreMHdX+2GimSe7Ug/LjR2U9P+cBelpajdTzAeqfC/yY1EmxVBg==","signatures":[{"sig":"MEYCIQC3xCLOKZV0e3AEChBN7fpjIaS4lKH8Hjph29/feCPgegIhAKlRksSkPHKMQQN75kc28VGiSTJDKIVZGWe1Kgr8NK7z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZba+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYew//dHZOYGtdh8HR6zHdaSkjGiuxnZiOtmr0ZBdToZWMeb16M6GA\r\nyhMd0s/9AbABnibNomvlHbAlDijgrMqa83plPy/Lp2wPJrtlOl53MS6VyCJu\r\nVf5aaUtVIz8t8NpE9vCev/a8k40I4lLpOXmFASGFu09liHOjwUFbMonqKNAM\r\n/AzfO6wSDOnTxZWvpJ1k/LOFZchNDR8rmxWWLgRbQmHosYon2SUkK0MyV4wh\r\n3xdUL+qGeGstcZ9OKV6pnggmwuCU54M2AXg3u4xIsmsHnMMX+9SUxuTQpPKp\r\nR1liEEJJnUvX935miIkX5aDsq1tZPWESj3yUWhJza9CckjkWhiy//qIwzlQt\r\nigWmunwCPPSHARKoUBy0YWJa0Nd+3OAe6lYMtrSW6WCvrXKH44MqX6yK8fvn\r\nC5GA0HENliDgC6uUP5plYtf/YZU1KAP+XXtBdjCmo6QCMmgR5feAgV56y5v1\r\nXh8SK0bsVcHsv8DOe2aFyp7XnT/hAnsh+I5BwEiiMBV6/d8KYhqODn1NtcJp\r\nuO1ilWjmHcsv+12t+/E1eAKqhdAW3P1eISjI2Q4PCFECJ/8IBFHxa02L/Egx\r\niTzTLwQD0gL3TRiJrzzfKoBSlfqcFDtleqagRGjyhNk/PxTHELVQYcEqY5wC\r\n/WLARW0yzKBFIJXLOVmSaunI7DgTfyUSuWo=\r\n=ZowQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c7da5104ce280eebfc1b0cab2279b8acb906babd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.215506426.0_1667610302359_0.22611268670804874","host":"s3://npm-registry-packages"}},"15.0.0-canary.4cf917476.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4cf917476.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4cf917476.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b85c28ba1bd6a2cc34832d48011ef007c2e7f70","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4cf917476.0.tgz","fileCount":8,"integrity":"sha512-7l+MOBc4cgK0n5XuRAiLURslnvzv1zPYru2lzq48dSZQfmL/wGJ5+Wji29DDfxvnVNlhnXjaEhrSvfjRkY4YJg==","signatures":[{"sig":"MEUCIQD00QywZP+FaCUt81+SPUb1i6X+aRlctiH/alFX7bUoowIgbfaw28tJeP+ZBya0gA1j7gyrGCfCIJnB4PrPDCFRwOU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZqVZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojHQ/+JYNDyk1VWb07xeI10L46LdfXAcB8c21BnmQlrHe/NROKTALr\r\nsChzD90I7bLpqp+Nm6exCi/04AJoajyA951ikrLuRwWy8ZwS+juHArYAwNmG\r\nm0T7GP4BEqox0lz5hvFFmxvYuBzCvj6BE3fTUoxfEJpfsICiNVuWHSLjW7rS\r\nj96rQHEtvHNxmPqjvxDAzalLQYlKpYQCOEIXxvwDZVX8IfGCDNOeqktvG8kK\r\nyoR87KDgL9J2sWSehQewF0vPIVPprFBT5nvVFONqRT/zRJg9GHQR09cLOmRp\r\nMX57FMKSdNqxdQsdhVXZtHjmsWunt1gh8PITJRlZf5DYuscmOB7W8gEWvbMB\r\nV7FxPQGNoTdS2dqJ91f0wmENk4xWXfmkVTdwD+iJU98/MyUuK1CCxyOi6pdg\r\nNJZlzxXX/uZUuMFlCTBgV7XaVHAWiyF3uWBVOXSeYgyaeewzwsNjXY6kquRY\r\nS0yfSYs25k+8rAV6rWXvDa1vqvQMnxF4Z4Dx7ESiC5YIphf92UJTbj2ZzTha\r\nRWchHR1gkYJAi3ryJijcfaVupYqISt7dY7ce1xTy+mLYdRIV0KiuDn3gIOCR\r\njDfhv7CPW3EqunrAQzdCIabgixmU6MTHhB/gdudesmdr8MfoftG3udCIGLR8\r\ngrcglmIcdYXG7elIXg0lqt9RXkSOlN3Y2iw=\r\n=3sv3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c7ef38a54cc085b34eea4d38f143f3b65dc649e2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4cf917476.0_1667671385395_0.14519760716990326","host":"s3://npm-registry-packages"}},"15.0.0-canary.eef14bd32.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.eef14bd32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.eef14bd32.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"744f1af37d3c1e4baea398f667790b2eb6fd3499","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.eef14bd32.0.tgz","fileCount":8,"integrity":"sha512-dD8Pct0jriTrW8vqxQ7/oy7QRY1Y2/pQei1dtFsLky+mwZFU6arbZxxBFf8KANoh3Mg5qnoGpy1E3p7CeMg8lg==","signatures":[{"sig":"MEUCICRnxbTm8xaRjYO4f2uuukBg7U8HsX/6wC4ZlAzOk2wCAiEA7rT4I1uAcbmXzLhxHt3PcYQxQBPZrUoB3cUlMExc2ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZ+2aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgPhAAmj/7iXICgNQNwPPzVBuzFaNHpBLO/lyZO8jfk3kWbxeAmyAC\r\nbs/HES4HI7kAKrJCUWcC3r/4lWjVAzG9GCRlkJeDgoEt3h8M0/uZXHaQK6N+\r\nwYWSKogyMQ8xZbxUI6F4Eo/XwhQsXDcnno+CQjfhpnnsx7gMiCCjHIJpwgsm\r\nPsKczTdXSJxlxYo1tM4WIklS/widNlUj8lWJ1SuGihgtnhEO0UdObHBja2SD\r\nRh2afR/mw/Baw26A5ZjS8kf4Dyp+nH8UJucHXBGFJqzlvxS8x9hgbzTt++Wm\r\nT7ZmRbIrpIu2KqtQrBn+nSf1TvPeopq55ZyopIHJ8TWn3MSaNO3Qj0ZgnHKC\r\ndZnXbaB1ZMmDr0bnuICdUzxbuEcg6vsXkABNDMOb8lrx3YzhHcs+KcFNnEHO\r\nnvJiWs+8tT1ALEOOo//Ckr37JplVxETJ5M+5Yb34omwgvQrwTAx9ij6EQU84\r\nVAyH/hH2koYs4J9E26m3G0PhID3KgP7V4iIhemMUnwjcVTD9zAowMmDFk/nH\r\nRgK77FijuvOMSLY6YBS2LQmpNJiDy4suCQ2DagQymu5bfSk1qw/rTL8cF709\r\nukfwB7Q7z1GJgWHBTwrjd81IWKMoUJ9xW2jyLy5LipsNfpvgE37nxoG4wF28\r\n2nk5nL0nob/z33UsVk7ONLSCVKCZH8bMBtE=\r\n=36tp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"40acb6cbe1201f5ef758bfb96da3145ae3c4c1a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.eef14bd32.0_1667755418624_0.41066610776272827","host":"s3://npm-registry-packages"}},"15.0.0-canary.6faa29fe9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6faa29fe9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6faa29fe9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4124a43eef3c28b42cd63a09e303363095b67606","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6faa29fe9.0.tgz","fileCount":8,"integrity":"sha512-Q7zrQmMYMaW4E2O4v1nQzLCqatPHs3Hn/0iPf/S7dOUlSSt1K3ylGMd+4lfPOzlTJgG4VLvvWq2fh6KKOUMTsQ==","signatures":[{"sig":"MEYCIQD2vCYOkJ0Q28oh5zP8OHXuyh1MYPenmFpU4vv/lBBJMwIhAL8JAuMAIdNcasOBRtowAhZW0rMo+6g+XCKzDddEtkMU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaHedACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFqA//RYdsJgW1/pABjL75mcMRGv/wvd+LCZFtaNG7JjM6J6pS6Q6p\r\nfSqI65CVT7ssZzAZ2cFL5GUmJWjOQqASpWE/9pWhkJNyGUP3sFi7KRlfOxTu\r\nyXkzRq7R6XCWoxy2zK7LZs487VMX746xiCbY/bOXdFXjvLSEyPbpbCyeIbby\r\nB5G7JySWmsmWQMfvC1nIaBd02K4FCudLPcKfq2qPO48AQH2+HgSCOaCI1Eb+\r\nGkKNV+HOFay69XNurAXqZSforj3NAtW72Espe5/uKp4t6ttInXTRm69AS0rR\r\nqgvB8QQEmULQEru+wMtqR6b1vcLBlqlhMSax1hjuWk2jYpFqCLEuWmoxkfNZ\r\nbuDTp/JejfegEvt09KoRDINePn2VLyMfRqiz55k50o5zkePURVkBUEED963T\r\nEn8AcPhIugPJ6yJvEskU1RX6X91P5BM67E4CFrDzGnJ1+Qz+asGGB8NQbUM/\r\n4H3DYpMSJVB6o1XkpCeFQuA20mQ2K8xuUZ92zruKo0RLwKqAak+/2frjM6TY\r\nQUoz5hgQ+h3kwFJqY1KE5AKYlbQPRp1Co5Vlf4vbSWg3EBsecMxwa4LQI6q/\r\nMbBETSoSIrB2dQI3i9FuWlGwxBAhJxraPHTqSnbMcLRJGpOHJ7JtkVoY13uC\r\nrcqEIn4xPI9CjaAWGSLgAWgNfpSvDHQ3ZNI=\r\n=6gsx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1403858386443f73c0593105b5654b6ad8596a9a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6faa29fe9.0_1667790749631_0.8775346027944362","host":"s3://npm-registry-packages"}},"15.0.0-canary.9af09b967.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9af09b967.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9af09b967.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ffa15df7d88eef5b5ff7e6d480b18577ed7b603b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9af09b967.0.tgz","fileCount":8,"integrity":"sha512-6Qz+KWtC6UvKtOV9Qr7kyBYi/9rlsg1bdDiypXa2fPzPeLSbWTwFYNfaIIJWY9zFGphb50PiCnMS8KjpoST3sQ==","signatures":[{"sig":"MEYCIQDfkcxvvSWpjW3jxmMr0fZh5hA1XYI6aKBaTzmeatSaJAIhAPqaar4zHq9sEvGQgs/vK51MEUCOvGJ2xsTBwV9rSD8c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ7xAAoRjZmRe4AmSZcvzLSIyK5vWLBoi5AtT1ooL6/jkb2mXp02zv\r\nA9jKCeXoAbq1tN3NV9suA1mJkS3K2eOWuOvixAPMqGg2sJ1CegckM/cGRkRn\r\ncNbxNAzYrAHQ8uFXvdnQxuWvDDLrVCrIsqL7qdasXZmernzUZuJdJvMG79Ck\r\nyuWRkQ6P4ZcHoApifpsTL5CQ1OqdDSgpTe1vk7jApdon1TUxONT574/6RvZH\r\nbHFfTIfSJOK5cvbCi/6B5xPYA06tu6QBFMbVODAVPxXmaUixeW+RFbZGD0Nn\r\nQJoxskiMfQ0x/W1Q26hwDriFvj1oSSs1jCyhNn4TPYiGctK1oQB1Q2OOy6OK\r\nCTqhXmz8iIlkIKyoE2h+Ljy6Ri+Pk1RBDCv/EUNcmrjILS0dRIicAyF253ih\r\n3UlCRI8IFF+LbBdjORIOHmRxi9ers9q2uK2JstwgN0uLUaGmMzrYdoO0ILfD\r\nwF7OXO2K/qWQwxgP/aiwWEeV5vObX3+KB4LameC8BhHkl+NUSZkE/18/RPOC\r\nZlahRWkGlEnuMJrP9hJTSsScaXY6UTbS3VxfQ2iSAUXHC6aoTJckLSfWEYYD\r\nd4GKNnlCVNEpVU0oLQfWBQIl6C1m5Arq10lF15aQrppqEDbN2Dp7++kTlq5U\r\n06KLz78bGKpMui4jeeX6y4w33QWZZ/lFE6M=\r\n=ZO0o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"745e702463a22f4c5de6e94b3527530a9bdcc9d9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9af09b967.0_1667845597607_0.8912247256710522","host":"s3://npm-registry-packages"}},"15.0.0-canary.0f54fbb93.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0f54fbb93.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0f54fbb93.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ee93a5f8121b5b9ded9acd31f9f36894188ace2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0f54fbb93.0.tgz","fileCount":8,"integrity":"sha512-ffG1fca7Xr3LlmS8kSnLQkYk9+wmIPrmCFUXzzsMQUc3i697IUNUUmiGG1p0TcPxggodvLdFDJPpcVxlnI0f9g==","signatures":[{"sig":"MEUCIQCegBxKJP9qU8eQCREwu07kF5OGMu8vHyBANawoxmU5KAIgZIwQS3Clq+k2VV6lyI/dVZnk9/8BM9iytLt8VJJe1cY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjatBcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXPBAAkEbSHcCc7oNHMRNbPkYzXbwDEnAGbPzeniVfys3s0f+WVZGr\r\n+c+Z0m5v/DbPWCUO4bqwud5hZOfVSF6ap7dAnZBH44K4LZvcC1J9SvNaW39/\r\nxpBe70Ctw2Z6LS7e1psAVeFf6mNNuzYTpY3H2f6iJRRKPgO+PK0hXoA+bBMP\r\n/ShHwwJK7Gzb12w1UO5ceQoGpyJYv/SCfaXIloc5phr5JXn5Qp1U1/jQsdH2\r\nbK2e29vqiF2Z5Q/P44ig70rvxvo0fk8FTwE8NC+zOGHq5FkM3EByw1UkwiMg\r\nWySb50VvaHnzDEKIIQ6iGnnG9Fju6+brhjJjvUImzhvOoCWtBRBWM77XJ7Fo\r\ne1thjAZBSFDai0PUCGn2O7rt3802DMY+LIiaNUlokZ/HqAfOX6JqeNp/CSdI\r\n3ZnTwgo1YCoxgrH4AAlueyuvMQYof4XgTA/HZNkeCq5xpussQKPb70oTcsBG\r\nDYKB3HlMBlGDLoKkgjfcjvsKElkKUDL6onMuH3Z3p9v5+fnrpzdly8J+3ZlW\r\nk34ZIrTvz0LrJKsbmFcwqnaxwnq38zsqsPh6RrxPuNgK7IAAS/lHWkB1c7Te\r\nJAmw5OPh8lb0wVamM+fQXKD+VQE8K31njPQCeNEJ5X4ukc9B66Izai8jjm4P\r\nYQmSPM9f6L0/RdmPhMqDwYos3zCmwVZTdks=\r\n=AmjJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5d2d1814fad8065dd869bd95c156c04ad45926f7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0f54fbb93.0_1667944540159_0.024591674838581934","host":"s3://npm-registry-packages"}},"15.0.0-canary.a8d47f9fe.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a8d47f9fe.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a8d47f9fe.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc7d24160b1982c423619461f10e1886e3f6d6a6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a8d47f9fe.0.tgz","fileCount":8,"integrity":"sha512-tyM+3yiLUIMjg8HH559SYzmeTvaqya8yY4dj+SBBlZpsYRCms+1R6YAa1nXiJ+NBK2VEAKW2/+VG9TfRRQcDPg==","signatures":[{"sig":"MEYCIQD0R4XEjizAEhMedG+CSBp3rSY0jI8bihkMrmitn0jyJAIhAMc48lFaSdCKIKQ1ltJV6SLuKsGtKCnQjsT/V0WQ0CDp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaymlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp7w/+KwhMCqCD/D0x5LMxm1WMXUI7a6OVoC94Ohmfi404BPw4w/WV\r\n7nT6vZ47PY2oCu/CMdBf8qRJY3uDq+mxdNhE+UmBdrHRQWqXodbs9C0n6scm\r\n1eROxA00EL4eYAaAy5RlB92Zgia+cghCtszual3MeNKuH0CX6y8O9QIKhdtr\r\nwdZU70jeNbtMisDm2Pesa7cgs5elWAQ7BtUPbzB76hYXsvIjDCJw3lZixa5F\r\nCiLH3HSp06XOjEK5Igr42vf5WKV4iayt+EDfPFZjRkxB8IaOD8nNAyDxcPzF\r\n329lehrBhbzffXLJWSLYaqPAm1jY/+r1yUChqztigbYPLM+g1OtxRq93afTj\r\nnzz+WWZEO0HMJaXoF/PiJ0KT6vCoXStudQLbmA7CHtiKkrhyxdDLbcWS8AcM\r\nuiWZDQg9pyziPWqnROn5/MtzpFArvOtu4KvgzegJnWDsDSQPUZ9ToYaYm9oF\r\n4xlI6EomZzb9y91rfJMvTZPV2c8W4jn4zYjokMTnHMk7kUstu15QtYoBsfZb\r\n0Lx1sd4IA2Rt10A4NKr4amHsnY8hNi7cCsuYZ2a2ITUMJX7gXGw9V2sf6Ufn\r\nYvkpTOuZuaCh2XlF4guiINk6gH0+93eYsKTN5Ft7xrEXNu2eb+fKUF78Cwr/\r\nxsq2ffuCdCZg1zSaIFH0RtS7yS8uHkSF73U=\r\n=PCPf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"37662af94525622cb00ae2dd17f31f6a93b4eed8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a8d47f9fe.0_1667967397353_0.9856954298288325","host":"s3://npm-registry-packages"}},"15.0.0-canary.66a1e75e6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.66a1e75e6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.66a1e75e6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac5cd9cc89b0424429e4121072d1e2c339ba858c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.66a1e75e6.0.tgz","fileCount":8,"integrity":"sha512-7U9lD2BGCj/GuKvawDye8Tc/ZPVe0yoBhWK3JRWTSvd5lHej038nHTLgWmJHaKi2FKaXL7becDontMWbgbhxNw==","signatures":[{"sig":"MEUCIQCst7rOXARHcSU54cd8se9uyGLhq4FZp6GIvCfuGGRerAIga//b2SOwcKoGgFyhLkWsqezR51fO1P77Hcgcq/8Sf5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja3QsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQ8w/6AiTtMTvxe7IMkeNtn6UJ6YvjezugRnoHh2iubJvELmVoKkYK\r\n0FyM+k2SNC/Lc8IlgFJYSYeviveiw5S2hcGr0jE5mexICue3N/G/2DLzm7Yz\r\nAo5Ay3WsnK8mZwxpdw4YKy9GaTJChRgKSIEC6LDzshqAq/j6/u9xK0W/MzBd\r\n7zeQl5lIMRoii+b9eQKFSDaXNeMWDAgWrRq7mCquYGfc9rOYbHuTY5VEar25\r\n+JfHmz5uXkQssaPqeKnkthhv5xx1L8BrbaKwYvugsQKzQZhjn+uBhSopd1Uw\r\nyZa5dnDVqFvQL80poUwqUJAFaXYIgcsEnbEm+Ks/N7jaN/XqZM/0ogHekYFh\r\nGIVG3BiYL+0YXe/37JfL5RInXb9HUZbos++hv0tM7OQokZPEi6fMK389+yGR\r\nztEjZCDxDSapaGDYfnz+Id2rZoB5xyBdX4W0Eht+jVzRsRP4Jz+rnK0/JtBa\r\n35oMXngxR6asAp9dV+JwhI0vTNZUfq4AZ+cxh5bGwKz+X/JLwy20deHxxpeL\r\n48pkTq5oGsQAxOhgvYU2WlstICekkb9UBoiqZO2cJsxnrELU+qM45asANgiK\r\ngbEdCJKD3xPVduOZHHW6AlmR7LaXwWztDbZrPUFby9YRBcGJGq8bDTSjheZd\r\nLc3Z2ov2r9fh2pFoHzAPfggnMqpM4wrQ5dQ=\r\n=+W1i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ed0cca778858904bcff29669c6dca407f25ef98","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.66a1e75e6.0_1667986475904_0.324360504316239","host":"s3://npm-registry-packages"}},"15.0.0-canary.5e5c2afc0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5e5c2afc0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5e5c2afc0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"958b202f183088d7e894afd579d118f7af2a2ba2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5e5c2afc0.0.tgz","fileCount":8,"integrity":"sha512-0VeDtl3PluAvqclXMqwmbnCCh8SSFvpuBPqnHsZGWbhCvl/qhtVLBbBNk4+dTqv59nWMUWF+x78D0DsvGyA3UA==","signatures":[{"sig":"MEUCIDIwq47RD5XEgcS1yU4V1yExikG7/ENAQnjWbs5NRYb3AiEAgCIF5kHNAmeNcqvHvKWs2erWGYy4WL3qv0v8I7j4Hio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja5RwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4QA/+JooV5QX0tyIY2qf1cDyZNQwxWUoFQlFzihD8TwJ6m9YNsas2\r\nwesuJfbTAA5l7PqMhxZ7lM5i0lCrMTwUphPvVCEUThrWMB9+meRMkl8yW1br\r\nuPjAN7blPPVuiGupPBq24t7bcEJDdjxqITj7sY0TFoJdmrG+7YH0gU/hdldR\r\niR8YiKuFoI9ethjom+wa4/EaiQ7x9mnkM6VptWlcX0v6qlXPOw+USSa8Mn9Q\r\n4TPY3BKxkh2LzjzQuIuOiEkunJsk9OUzAzTV9OiO34BBo6lxfWGaxZDataZG\r\nqkjLoepd6CrbTHCUwoMSo/rcTIB0GvZwCAF4sev20ledwwA3PvVVvK5F44k/\r\n4CU2moX0RXFdS4G3LkNemwJ3j4MztyyfwQ4nQ8A+K+nbMR73apA45vrFIam/\r\nBNkGma5/yD5yTdo4+6hQFu9ly933mcbz6SNbMRpegw6bCFPvAch+wdOZuq58\r\ntyN5ZUpoEPHVdZZUH8UJ1pjdXkKRUSDwP960CpkLXxKLPceteGc/6A+pT5I5\r\n0E82HF2WLtNCCqMtwuxW4x4qqtA6RB1N6YffytoCRZ176C334tIKa16CayiA\r\nNYwuc6udtgciuf5hjcz+7xNyzepYADS6dbZsLMz7GgOe2Cz5zUe8OoZr/ZZ4\r\nlqwU4NFaj8Zo0iWxEZpcBGP5OPOxPOjUh0M=\r\n=euD0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f14204a01be3c79ff286a8287a0ab731c371492c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5e5c2afc0.0_1667994736855_0.12352681438057234","host":"s3://npm-registry-packages"}},"15.0.0-canary.3e3f43359.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3e3f43359.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3e3f43359.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"032323ae2d160eac3379d75e75eda20abecd2907","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3e3f43359.0.tgz","fileCount":8,"integrity":"sha512-4EjGY0AXKu8dsnRIdJXinu3Y3E0APf28T5Ei1hWaVYUp/K2J9xHYRoH9OuvhrjYdbB+CQzyRNO7bg8zfDozp6Q==","signatures":[{"sig":"MEUCIQCaxwXi4EML9RSBtDxbmj/Vl4Drj8IYRPRjOox98fiyZgIgeR1WkZh2dkc0DEcbJEdgiZ4I8v5ShOH6llN06JHjiPw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbAcsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodeQ/9F3DlB5/888prbE87TQb1dGzWl1DrMYUBri7LonElhMCVbiep\r\nC59exDM0F77kcUp17zxmbMxhm6bau5OzRRddYldGFTuoTrNnm7dx/BuUjm6k\r\nQVnVL5tUS0YF0MAJRT/uU/XYEDwv2XdSWrK7wpoTffAtw3LXj6lByu+f5SDm\r\nuFMFt+5kAY0/hQjTI3der+4yGQGVrhSBDPn8/gmHL4uS5dcUCmoxGqjz2KzX\r\nc7jC+879bADAYM5cAhqLs5+2oPDe0CZhgcLHNKjrb+i57vOW/4MuS8gCu3f8\r\n5RmmaLna818TGkYMKWW5XmE2JuctWtK3JMKFtCI4MTiOu3g8+1hhPG9dSoUH\r\nW3mHDNv2gDZDbeyBgT1DCzTwaXtjAfGsBfvfCfEgQ02QRIK4VGmI9L5IQIs4\r\neDrVYir7qfRYjQxgdDD9V0vmmSGDFXZ8GsjqutZAUJ3YGXTs2sv/2Ffq5B8B\r\nnUI8pzJ26CDn9QKHeJnn7ZUdz9SxLny39xpr0lv2iycXihwEv/67g0w5heEo\r\naVusmNb/jLxbw6++BTKiw2bpvHbHxqBcEtqlD664M74QKz/C7IYCg8wYWzBb\r\nN2kOmZEVQOBuukGT7Yyzhb7sDnfy4OLPcGwth8FU4b/Jf/F9JWODHARhIB2G\r\nyztKo+WrFERgmTvT3xK5bqybcEBgik+Bdnk=\r\n=MhY+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"722326ecc6026aea1f22d8b4e1c9901bc13141e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3e3f43359.0_1668024108152_0.47024628037160365","host":"s3://npm-registry-packages"}},"15.0.0-canary.3f667fac6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3f667fac6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3f667fac6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f299054849bd78836e51f2ae4e7e63481aca356","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3f667fac6.0.tgz","fileCount":8,"integrity":"sha512-oyYsO4PcpOpxT2hIl9YbPj3+4plg+6ttObUyojUyEXhe6DFuPAoCws1izTv0O94GEqnBMQZSdHhE7tluudIp1w==","signatures":[{"sig":"MEUCIQDA1/KDHI8xiR436EO2AS6bFblEOIqUUSCJMJmtMoJnzwIgYjbayJftwwLX9JzKhAG/fj1dytR5id2VzfMlsABE8oI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbCQKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/zQ/6Az/Rt+mh0cau/+rSbW5w9zIViyCCILhUixSvjsaAYMguZ9xi\r\nPDURopMIXOvtmBcwP/wND5zHqV3HCZm0DB73toeF4r76qZ2X51nmAodZDBAM\r\nDnpd9P7O1xC+Zc+txS+dEe+jUWEaLLaxb15RJgILPfoFWv2hx1LahYI6orne\r\n7xfzNTvadX+CD/HXvqXwp5Z+6m6W20cTRs3i3aqpp7a2coH9eSHEkxHRPuJK\r\nefBDrrTCTJs3RouIehsa8Y83EpLgTfsQiJyfal5dZpd6lItR5qof1kB3eb2d\r\ng+1ehzn+SaJ3FNQyUzsyRp1Sa6Z+OOXSPB0dTSdoGk40I0P0OQyCUrnX0Mrj\r\nhAlmQpueEexzVNR3TCDLjCSrvpm/IRWro1+xMPWrnLUSl3d9VgyjbVoCnglF\r\nC4jftTuooVYmkWE/BI4qZWl40IXqc9viQhAzMVp/AxT3leNArVGEvvumpswH\r\n34oEy7+Hy7ippWhUe+fYLeZEtFpA5RkmBTfioG3ev9UtKbYFMfKnhkiR6T8r\r\nY7NFiax4hjqfGyPC9u2aa9mOM0trO5nxGF8ewNKABrLD1Pu5AIORupmJprjd\r\nhJhAxIinu+MEpDQqf3mAolFfI4M9i4QkIkg8SX/G52wzLQBBoUR7rse8hnXx\r\nUabd+wCG+XAqiH5SAK4B5k9eg3M4C2Rc4k8=\r\n=+5HZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0980467335d47e19b4ec72e32644ba0a08bc0c34","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3f667fac6.0_1668031498254_0.11312561929510045","host":"s3://npm-registry-packages"}},"15.0.0-canary.faa28c1c5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.faa28c1c5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.faa28c1c5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c90beec91c9f2bb34e9f1f9620307aafef18daa2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.faa28c1c5.0.tgz","fileCount":8,"integrity":"sha512-yJbCuoRg0FLqVsOP5b8itaE1/2NDNWp82YFOjV5zUbR+byd26owVyPlFciQtIxY/AWwnpELWBkpMvCf9w0c8dQ==","signatures":[{"sig":"MEYCIQDKYw+VGjsCviyzi6R+Npxih9C1UTPasvJIUXzibVH28gIhAIIRoJoLNo778KZLCInAt0ag7Kle4KbmtKQr9zXboatV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnmbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrblQ/+O7B0opXNjJg9jFvnINRcnSYKme3um3DD4xpvGxRyHRrwXnfp\r\n3E9H72YMDSpmOLLdh7q1fGE6OM6O7qEKwK4XoT2X+Un2Zka+4wBUJORXcFQP\r\nUBYx97io2bEi9oSJefgtqD3on1LbPyVo1SzhatcY0I2v9ISRgOzJMY3Jkgqe\r\ne3d8Y/IzxZxXfs7p2ajCVfdtBL3RWOjw2h6C7Qg9tkjD+oCaxeEh+RxELUzT\r\nkAhkOX9k1vdzsFH79IOfbwhSaifO6Zjr8RYMc1tNbp0cFd0kVZYAIe27/c9m\r\n2M+qmsIXRTkfrf+4y6sy7Jo8Ma6JSzset4M6vUjimTIFG/kwRS/TLIzh2lO4\r\nkr/ggmWsK8onFbkWqfn8EZQuicW+ut5nNWu7l0XxgamJXQ6ABdfVSZMXCCLk\r\no+bR6yd9DPKLuWzqHKzWTmAaL0xykgtCb8jZ5oovUSKs6sPFOkVnmxXYaqcu\r\nblRqYXFNM5OrZfEFSRYJDMiDkVTuGaysMubm6OuEiAcThB9/X+O07cRlLw4m\r\nRQXJo140fArtdXZJCFKb8CnvtmeDiyT1BOfYWtRfgpQDLtBmlz3EKvdGBjkp\r\n1VgJLWk0/Ngpg4rU2kDnYdwulpA543/3VB0f4YMCvtY6rwCnpQ3I+Opff3AE\r\nAly+NCq046mGWH6jz2nTAtO+Du9aqn/FJdI=\r\n=HJN7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d36350ee1c0fb11d053acc0cd521939199fd696f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.faa28c1c5.0_1668184475198_0.8126983466723505","host":"s3://npm-registry-packages"}},"15.0.0-canary.a868c7866.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a868c7866.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a868c7866.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2ea8267089b1d70b63ad073e6278d42a4851c37","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a868c7866.0.tgz","fileCount":8,"integrity":"sha512-kvn/MXMPYNZ0rPnXJbm9qeurgdOZzVHCqQtSBZD7KQzbDG+pXEzmtZTLDg4bNpxNCzxemHQj/sBL9G3pY1UEPw==","signatures":[{"sig":"MEUCIDHB2GKl9IQHA3JD6M+njem0BjsUPVMKC80ny3C619l8AiEAyoT+TRQW15zKNQA7yt4YmYC9LzKWjDRW2yHsgmLiJqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnnSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCQg/+OpdhfPWLJYXeWOEVPWJaRax4J6kJhfU9Bh36Y4KHVZ6kgzIL\r\nfSVYttPD1HKKl9WtO7DoHOSwtlwrobLAhd4z2dMWn6wsbeJIcno94ZknwCQI\r\nJ7aawx6SbtS9AzJx6RPhpO+nosJGG7IqqXYXtBKkQ76yleCKlfDFpjvJX5+T\r\n9QclrEscLvRBZ8sMLwj7mNJUY7Icih+z8w83uErA94KcF+uli+NEtwX4D8xG\r\n6hsEL8LGFdkeqNUb7h9iajRG4ah3mHNfT/nbiynS4k7kzkDbm4kkpRSRERlS\r\nUfD+w/WhhOpnxj+aqGsWV86LRIoXw81yOBOaoKtHhoBgJPPM/9eTmigfbkFr\r\nzqM4tc1dA2ELFVjQtDxE2hVj3Al73bY/hyliwyViXxE0zjzFPT/nrV8bFXap\r\nFu2951PxT4Zw+DCAdA2NM8wJmN/GHTO2G+rVrmfqKgApm8kjhn7Kwle8CCet\r\nOb8TXzznZYP7pGlK3TNKbiJSoXdoDqq4EfFucrYxPKeKbm0wn4hH0ykgTtA3\r\nIfi9npFFNMqE+kDpRVpdXTCcddAh/wr4zSEM+0nEnB+01rrN4uTwRkX0Guot\r\nWhhFuzqLnkbD7kq6XaziGO5eoUE9rDkiTUzuiVEbZwJ9LWKsCsKVLbQs18iT\r\n576l/ws3+oxVCNyfnUFqcJzedyTS5P+EzHE=\r\n=XOxq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d35416d7d3365898437e980f43ade48e60904e85","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a868c7866.0_1668184530295_0.4294944236631817","host":"s3://npm-registry-packages"}},"15.0.0-canary.602fe8efa.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.602fe8efa.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.602fe8efa.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91b46c28f26cda94dbc6ee27bd9a163186c82463","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.602fe8efa.0.tgz","fileCount":8,"integrity":"sha512-Tc1k8EyY34KAr9ewhMckVxscUcV/bmr6QiIsnqoY1rmkzHahl/MJFq9BIetai+S+U9r1ZKhVZEcTvWrj8eD+wQ==","signatures":[{"sig":"MEQCIHiVTBgnH7ixb4+XU8HlvGMd8SLgiuohVRhsxAx43VI0AiARknhBJ/tvBcXBu3g7n9pLYtv30aFV3DlzWsUfvOPq6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjboIbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDLg/8DrPuh7ymHvlMFfvz5OCUcCYwG0VrIjaXu2zT2qqAviNrF/wg\r\n2lYjqenNRYIc77WEqo2ET2dGDs/0DARv0gDz3hkYKMyx7Ov0MbxBOBjwl21Z\r\nJREvsiPVCQncGWSHRy2BfmtG8J46/IGbWoMcoZSK5X664r1x6102VfA+Os2U\r\npZdJGv7UABbGTx2aJXn3FuWuo9eFhsSXILLpKBeUyHCLf1EzVLxFb5qHOJx7\r\nFVug/qAF3VEIKUxo1xNsUpSidpe1rAUDHP5o/ooWjre+OyRgZh4A8icDDuoC\r\nJWcYVzDAs8aTx87ebGQ8N/KskcwHrR0kVnj+0NWv+LzrJ1BbDVS0PJq28jr5\r\nGtTnpak9qurc3jEPcHnSK9+M+HqzGQDe2lEZDntWJlSa5+Xj3IbSmTjMpT1Z\r\nDA/Lw7XaFrkRurVdXDT2dAXbSqGTqSVmhzC6WkZVaJg2PsndHrfr6NByJPqb\r\nsVXTo8RjKxrZJflzAIgK83xej9SiBZxX5wYkotNwpoGicHd2qL+5c8E/98bX\r\nfrupRRKwFkO3WcHGGzh2KPJWkR1K9q6KpAlXxIjCZfHmxFopt5/HDcfSowr/\r\nfZvbNKx1zyiiswUxPDUCfjm/x+I2FEWOcFsr2lpgIgnaduVQ+O/RV2XjQaCd\r\nmC9epFx5G59QVJtGgr6aynwkFahYNURPUW4=\r\n=ZpfF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6bdfaf09ca41b2fd7e3db4797bc2f536f8fbbade","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.602fe8efa.0_1668186651039_0.43675570135641917","host":"s3://npm-registry-packages"}},"15.0.0-canary.558c2be62.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.558c2be62.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.558c2be62.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b71c27ab815fc9df12e024789d675c69dd5b0954","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.558c2be62.0.tgz","fileCount":8,"integrity":"sha512-XZOz7g6KTCFidAFefujMzS/bsR1tzV7qdQYZX/8P5R9Of2Xazx7LjQPpw0R5J2D14B8r4D7v9z/QOZt53aT4bw==","signatures":[{"sig":"MEYCIQDjeo294yhLBjSNlayC//7ASAOmAB62+zkVnBiKOSsTXQIhAKNqcQc8YbWTj8WHVHTDI6Zyrq97j1GvlXTklbfB8/TQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbtBEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCtg/+JP7zZQYHJ2DDobHfr5P9uMZ+gfq1VWZo9Bt0JimpSRokCULl\r\nqjvPLoSHxtAxNUou/NFMdbXytLEWF6refscPYIiEJK+63f8casI8x4wsuWMV\r\noDuz6lCoePydzPEt599DuAaGchVDrqfFHDznFTTZ4AJ+ajVEDsGTScE2p9MD\r\nCSFUdGr6PciMXUfua9alC6uLBKfAHNt+BT2pJcRpxdDS78+lm/JvfSHyVPy4\r\nU5piQb89CREk655/TOJn0CSqlDGom4iqrCZCv8IXLv6kD1HUZRAVFagP6Qyg\r\n/2oP2VjSQUQTaPNdrw/tYncVBHENavsI8Rh6kFSqxJ6s3mNqtoyzsHuklOKy\r\nqBXsN9rw7PzoQPkwoVQIkw95378mJnAI28NEgg80PwN3XWDpzN15OM57rLsA\r\nJPsSnjnk+ncZ7YelvPZrii9FT0u/fuRUYmlI6bIYmCR/+Uft+FokU7RqcMLe\r\nv/W8QDGQWJl2gxtOgTiLK/4VkqmYtByPT3UouRXWPfxgDWFP+U9i5s2Fb8rY\r\npwsRzX29BYvNdEMwCC6uDdr7z0Lpo1u9xxwoCyntv7GTc4qCXLnZcz2k5DvI\r\nXYd8TMY5cEj4EK9Y/16B5NdkFoktqiGuerkPdE0GmtbNliE79wEwgz5jta/M\r\nSLkt0kkGumnU3xofvOFdDcqYq7Qk3TPVr+Q=\r\n=nhbN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"64666caf2aacf562ab6ab5b701e89f28a9bb5c74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.558c2be62.0_1668206660151_0.06295317838200631","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5c13a7a8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b5c13a7a8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b5c13a7a8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"040a08a8fb41b5b1c56299728dba46afc90fabc2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b5c13a7a8.0.tgz","fileCount":8,"integrity":"sha512-T45kN9Mrd2mGXVOUCEIwIp/I9T+MGsff++wJ9SfQxRjSWjr8ejm2cXleaRdmrDaFv3HCewIo7I2It4ScIxXIMQ==","signatures":[{"sig":"MEQCIBr6yn0IGznZxPThxSXxdB77gcR6ir4ApVamzBh5tMyWAiAnXzewcXOn3qmZO0Fj/kOld5scvqcpFbMSSBSb7hBLhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcmVmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgTQ/9FfdYt9eAmA8rTGu1RTyrg/zxBuF0br/uKYpYDtrAD5BblxhF\r\nT36Q0CDXWrcS84UsxkA77v25Hy1pqXsHA2UN/HliqIqfuo1WeiIbcaT4qkyx\r\ndqpiwsxPPG6Cezta56SpChtVoWdCUjV2ikq+bHrIzpRr3xstLOde16trNvss\r\nzfU29uwgeiYYxVR1+Bxxr4OErTsVziGpm8kw8ZLaYDWspuxT9VJUZbjJP+Gt\r\n9a/nIgxWP0XS+jbyWeCRMOqdU0pYUhqzA3dNtVweH7YNnD5u0Rv5HP1ZsXB2\r\nMo3gifzqoj1+myoU6NPN5YtntBLRU2eU0e57A4a7G8dBXyKi360L5TxjTgp4\r\nXrXHPCw+noaSc0Br6In97dcPmq2/FtNA19XtV9DVbWXN2VDxIG8MEgbu8PCF\r\nkDAvgqkfCAIRUxY7GSlkuNG3esfT0dov/OL9+Frn66ZH7Vs0WyKRdLrGV71x\r\nzSRPMNXJ92nDwbxJGBhPCfdtG7wo3QYvxdp0JX+cTJzjw6Z1uM97konpVet0\r\n2ONlX0BkB02L9hmFRRnCbZ5RD1o9ndFAdRaKrOWYsWzY0kX1p5zG37RPPinf\r\nAzEB7IhnfaUtnJ+7vNfnjeWqdWB00oh+cVRVkOyz9Nd6BzAo8X+5+3Gp8OnE\r\nris3+r0oeHM9dz/u3uEVmUxkBI8ccSqfHzM=\r\n=gVHv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d7e326425877e3ba53b64755680e3503090a01cc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b5c13a7a8.0_1668441446677_0.7381260716761238","host":"s3://npm-registry-packages"}},"15.0.0-canary.a6e1c0702.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a6e1c0702.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a6e1c0702.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8789040c9cb39ad98c23581986c67aad084c1953","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a6e1c0702.0.tgz","fileCount":8,"integrity":"sha512-+SQrNO0Bo1D2wqxHyiXrxgyGw2HgtZbms+jPYkOK7V4P2CQWya7nCaiXWeK36bGsxJMNEiBfSR5MyzkmVfrP0A==","signatures":[{"sig":"MEUCIQCu0vTrh7qflHTMR+vXbLVEa1cW8rusGGBuz9s8ukbgWAIgBjMv4Fnx9AQp7JE02MUX++ll/kCkfEc9rAahWP5jrpg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcnopACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7TA/5AS7sgzAUzNdu6ZrZX6B1pvWU252ramcxkWvQihOW4Adugcia\r\nAfAd9D0HMx5C/acbczR8KiYchIWu9V4hTiP6zEXLiteH2QT5I0NtkdBBNZ1v\r\nWDusJoBy69pz07cqnBucxszptrtqrkwNztrx8MUIdZoet1gr/19mzAi8QIHa\r\n7EGj1hxyal4fhZz/c2LSTgaZE/MOYP7dGqKXCFpEZGGxBGfO62tUBNHcZ7bs\r\nB0xAOOBlURNuZ3Ajo/PdfVrJ9cef4HmLILxF6siEeX5A5X4vdIoGRGyEGoPW\r\nqXZTLw5z1aRL8rJ+9aNKCL6fpQTYh6CdISvnIBR9EPS79a5i2Z0j+nzuYZoM\r\nZFm+6Z2FH49YG/CFJa2tkGrH31tuoeLnhIqrWAaFF/DRq/sSDJbeB9IG0D9W\r\nX6HSPJRw2Cyx5oJCt/3eUlh8Uk7aJ5FUQ6AkqQTbwZy/7FXFzP2Cb2LAe4bX\r\n6Pu20jG+VZiI7C3Q55v5uxIGaoAj7U6hhWhV1DhlzNhe0aXnxmGsO7QXtJqw\r\nZLW8sVVTANAPKzqSe1wsav4P3Udn944UlgOKnbU5ixgTRYopNkBwowI2vhaq\r\nb/qSt2mR3nJLeYVRavGn8zN93fu9Wx0GwxQxGC0FMkoSDFuRejGRe4Rtv347\r\nFTp0Em5UHqU8b+dn/zsA6cIcUDtWnSbo+Gk=\r\n=OQQW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3c1ee7333cad68ece747437d4bab1a737d6ea96f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a6e1c0702.0_1668446761281_0.28193994318714743","host":"s3://npm-registry-packages"}},"15.0.0-canary.b6f8a06de.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b6f8a06de.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b6f8a06de.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da220d91bff17ef5f224c801cede30a90ca1e798","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b6f8a06de.0.tgz","fileCount":8,"integrity":"sha512-7VWOKT022CO+tioy6+8dB5/567xTdR+X4d+G7k38J1XRMvKmpxvrLIox0SyS6FQzoB8q6dHtCEHdnDNvZTwxjA==","signatures":[{"sig":"MEYCIQDr2jIq5O8VQLHpTCz8+amEnTm4DKDvQ0XaETvZ9WHwbQIhANLbOYYlH3rJsgfhe4qNTnU/yrrngr+ineuZXoA9pM9w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc1t3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRgw//afNUgLd9PDCBlnokY3qBj1ZEShfdgbzgiwnl48zzoCR4EmH+\r\nrBhd3gPAEZS9kf7FLH2w5HKo3rs+U7OpEdbRjVM8+m+eS5+EXeJ2jQdyJbpf\r\n2KBXK1y0Tz2rgg1aSRgpncxutIb2qxxIjRhvmcrAyLXUlu4zWJ2rTnXFoSNq\r\npCTUKKTWghbUyaRRbOciA+pumf+ZOsR4ugGCt6g0ionYwCPblmtTLMhgphZd\r\nx1gzotP6EqRM/d8URAiZvz7ZbBu4TYD0qi5PMJbiGPhnRWGZPm5No4KqqY7l\r\npkTFgWp4rDo8xPKUqf9VM+2F5iyPowyV6j0gOEyc5/fJvivDNiSlO7dc3pdv\r\nrftnjQE+02mGYG497dEgHZf0WXkB7X+dopsxzrqvib1MvWV0HTD0CtpYvPJ1\r\nl3i/st3l9nn4xOgplm/E4arvm7az55xqQl6GNs2ONVF9m7RxKxcHF/iUHHH5\r\nBGmef3FdaZlfl3JoDf2vN1iMITR3zrSGOolKRjbiymGS4Us4BnWCSCKh8mxy\r\nGvp3Hri/WyQGBxSndl503vNPOy6ANMwjVt41TRmvtGQlE/SZXI1mHoc77ZoO\r\nQMSip4VNcpF4dwbf17xcg6zkSDghz/MuMWdhbWmdleR8nTLSp8pc8/54jSM4\r\naXLthkwZByW8HJXnUCqdntSf/n6d3em4BOc=\r\n=pWJf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92681882b16f14e6a94df4b1ac983fa86e242640","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b6f8a06de.0_1668504439202_0.20593335543410074","host":"s3://npm-registry-packages"}},"15.0.0-canary.0163f3ba5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0163f3ba5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0163f3ba5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74d2bacdc425f2683f2656a17dc2890098fca61c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0163f3ba5.0.tgz","fileCount":8,"integrity":"sha512-GC/MDanD0jpis8JyUE5+BO5iyntmBSdCE+JAp0R6hEa3N27PwF3LuUfrGsLpLeztQsLBcdZgx4LVwJQjOkgN/g==","signatures":[{"sig":"MEYCIQDllQwKv71wMoASDFV36EuTm82Zucp43mVoiAb49ipABwIhAPala0qrESGs59SngMa+TWvimpc0l9gqEkxnQcblhY7D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc9PXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3eA//WyKFi9dtq5ABO8klVzN6XmvazuX+tWsLDfO14CxVhfWrz1NG\r\n7YUfOyFyTU7VZ5zKVTISNAQG1ywi3jj4uqfeiWl7azi8ki7TcOd7ERt8Fedq\r\nQLI2osXEGNo3H6SF44YQFpsJZJkVf5TasYYGS2dX74/1X7Mvb7Bzxi3/QlsZ\r\nNWEF2f2jpYwpI9DJn+lEIe/eBO3thDY9LC2LXv7iMKXwwYKTR42E3ozEeWCu\r\nkMt3yhxpHjXy4X3fygs4p1yU+XTu8apzJCs1YiU1HWCX/QNaL3v1haJ/tinc\r\n0K8j490iZfJwxFmto5DBTPuq0nzDKV/pj7twwCVE3d67PCVecqzdVd6FpomC\r\ndiLwBkvnaVCLdHvfgbzHXng+Ok2Qp9AbHvZLE3PfBKLevghLS/gsCNNuizy2\r\n535McxFVwqPih3/nl8d/fUfo2ed3UReE9TbTAwHrl/KDY9zuc/tOQlOfKana\r\neTGpQ6zPH4TqMc+c+tX5o71zQJpcEf8lgzMWysWj/bE0QYg6aS9Lhcb8ohYW\r\ni1QGg196qUqDmW1Wphckt1FFaCQSWcPLFodArH75v7aeb2kH9BnpHNf1snL2\r\nB6sz/C0klYLGNf1v7VW4wy/0j4uCjXGMMVafYhoEOxF3MUvKUw1raJStuNU0\r\nVEIS4RQgnJErwZbWGpZF7dKz3Oee4brdL+c=\r\n=Uz0/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4198cde77ba33a68c74eb5e814d92df422f464c8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0163f3ba5.0_1668535255396_0.06279858332577759","host":"s3://npm-registry-packages"}},"15.0.0-canary.66c5cbb94.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.66c5cbb94.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.66c5cbb94.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b23e62db1154be6d81348274b55e5d3597f9a41","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.66c5cbb94.0.tgz","fileCount":8,"integrity":"sha512-XGZhEA00yn9KvI02iXJWVkUJBcn+5AN924WRRObvkxaqYnBn8ZgEn09ImaEHIEcQzeinW3uB4UgGcMVYTWApJw==","signatures":[{"sig":"MEQCIDpBwYXSaug/sWuUUvd/XHZqGQ5GFHAW4Qs8Lr1kKzMlAiBSBmUANCCBaDLQBeTNLB1B0sNbxHSj/W4RnOR6DzXwTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc+h0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvPQ/9HpfCOi/3RUQ0E53nd3tCBeIoaOD+yChSZtWAR0a7owuWg8VL\r\nxYAdahcSnSof7ul7LRob5BRo/Pipx3brjaT3WS3huFc5Izt1B0AsITygiujs\r\npegUAGptjTXVdOi5kvPVqYbCXm72A1cncLAq984t9F5cHJbV6yuVmPelKbfA\r\nkC7evcKix2/VG5IR4tJRdDbGN+GNTjjDFoVnVHAZNZNXCdbK7G8dXtm2cf8l\r\nK6MChpNv7Wz/QzWYrA7bGvtKPCC7487CXqvqnTZzkEMCJT9pBHwwfWNF4hah\r\ntFLhpXTUC2p1s0a+l98C9l/tTJc72247/RoXiQrTa2kbQAm2HbYKLnb0eqK0\r\n/drWb3xj9vAsBIdRVhX8pEFZUwoI4Bm8wzvIWPFFoPp++GuVehw1UVIjel4G\r\n3FFgBnc01Y2+YzdhA4r645kP63bFFI7oFhJpb3yZYLiw7eaUTyv5isFgDTPB\r\nPrsE3YVOvpQgyw0DSBzpXlwXWZxylHGPhY8tlwnMY9hAz81PZZHRKCCxCRBa\r\nNd8Ctd+ty15/ugF9ODK7zEGBfXs0lBt9dEFwt3EBET4Y9WQVjGMStf6VlWGc\r\nsn93yuDyAJ9FLwvizG+yUztYQ9qVFgbZycDptvKGDODlIZR7ohylDYaaz3F1\r\nbpavJ88OjG8ksOt9/7cVQVA3KykUL6sN1cM=\r\n=YctR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5d01716a4e4556657b2c4ebb469b826660673327","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.66c5cbb94.0_1668540532380_0.6221390328343688","host":"s3://npm-registry-packages"}},"15.0.0-canary.b01136063.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b01136063.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b01136063.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc8b6737ad5d349e18672b1369aba44473e40efb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b01136063.0.tgz","fileCount":8,"integrity":"sha512-oRW8bp/9S8jcnm2dwgjET2IFLgZKEl6JClWzY5U69X0MAh49AsNMFG8dOvOlN01FAvU/7ZvOeZCFo//TrtBxOw==","signatures":[{"sig":"MEYCIQCuaWopBkB2tPzOeDIXp3wHt8pfAUhSpy/zfxVtvnhJrAIhANOpH1lDEj/9Q2lEZcG2+bc4YdubI2n9nii7O9sF9vpv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdCtyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquBw//VSLTv5RA0JchQfeiizpFrD87iWcAWWzxRtybli0cmJ0z/KHo\r\nswHSeVC27vzAVwAZYAhSTuN5HZXplHI16XJsoAphC7/tGJnWtehCraZu2TrO\r\nEsK7QRjIBr51GM1bFn7TdJeDgh/Hnv467HM0yp88+YYAhdMLAg+yeWbtlJyD\r\neYXdZLFHxWjh38rhRR3xPorVjdII9UXj/CE0gPb9yZXtqJ/jaA/H3u+D5Zmf\r\nXTqfpr9YXU3j6nmWj/vkbDK/V2F+Nye9srsaGhH/uOijKUlMQfvXynWHS/DG\r\nmn4syrzCWcuMHZGhH6P5oJK2OcPG3DgZ1vbbXs/AYbrCxjtGlnNIBmYEs2yr\r\nkZ9e3N3PuMlqmpqk7FAUMK+NzbVtxClPiALsHzgqEzJ3weK3xGhnpRmY5fgD\r\naSC/mOzJP0Rfxs+vzvl78sGBy+gwTPWxmoAuD/XT6jadPqRj8s2aqHZbv6Ql\r\n4I1oe9pUtsHds3EQzI0KxdlpCqrrraZYsDIGjPyTiK55Le2+I9aZdAtBIAel\r\n+KpzliWB7G082OOPg4h4gjXL0E7/WnMSLf/FSb1O/lcmTh4QA4siO7YMGTty\r\nw8V4GJCX7uswbp6NihGd/KDeJyxeEnWwppSS8pn2DaoTNk1ZKsR6bmoxdXrN\r\nePRMrkQolzEutuPbzeeWP146oQ5HBKv04cY=\r\n=Kmoh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"125921cea459cbed7dbe3e1c938761a0cc03a263","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b01136063.0_1668557681858_0.36091566139293985","host":"s3://npm-registry-packages"}},"15.0.0-canary.01da0cabb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.01da0cabb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.01da0cabb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"195dfdebefe4a203f7e91b85ae1f7702e9fd4a1c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.01da0cabb.0.tgz","fileCount":8,"integrity":"sha512-1qPIv/ZtCeEB71H06oo1Prk9ISJVEHzRgLdN5AamrteGboCO5M4NXTWDTYJ3hMxDmoJXpe3dXfG21GTnbybXTw==","signatures":[{"sig":"MEQCIFb08dAvYCK+M0jsNOstd+UQspgE5sZp4iDlAy4hDKJ7AiAngWhZL+Pc6F63KmNy39NMTz0YJ28K4Q6p68XM8ZWqqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdKloACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPPQ/9ErzG2zrF9wIksHPR55FcfnqCzjkFaxwA9CCiTbT4LMWfTmRB\r\nDHHJ1v9gzfuhS+gQHmeM02K4UCgdWZGm3Rbsa5DiAh7PvH21ywSXyuD2oH1p\r\nvHI0ebjOeYI+qdIMvHqIQ89Q27ZJ+qtzFxWWDl3oryVDVpZbr6Zy6nd+rEUW\r\np66Ua34xGgtwjLuIwHViNTbKOHtkI4Rh0jSH/wkrsUjhfXRUEz/cO+b2XRib\r\nfJMjkXkwn9aS/qMfw0wbPEbmdOtHcvQuZGk98xCaqA113oPDP3OlCd3Dz14d\r\nNGWsJAOQpsFXyPQkOd+loluZDitqtoqGXIYbY7JEgjOEZaVdfSiSMntBZgdG\r\nze90auapjettsFXVea2W51iHL3dDCoc5704PNavY6maTUik6cJu6R91h+TKI\r\niVuUITGKTxegNGvIWl8mrRsObizvKpLA8rmJPIs/vLSF7krEf3MMOq8oT6qg\r\np9/bPJPbkkwzqA5WN+Xwjc4aRMnar20yLZTABKZM6aMZwuszAAJJYCJIJt+j\r\nzGByGdW80KQy2092oJO5Asah1hjyrUcL4hu4IXaajIKCJ6/+5QDAXmct7eGg\r\nI6nxwzhLAbif4F6KllNNQYNRM1xz9OARdtmL90J1qA+GlywncWLpEvVEA68P\r\npDTxYa58VxXpDxyTX/Rnd5lv6GROXfkM1ww=\r\n=dvkd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"63a5ccdac9b23a6c70c2bc776e20ab703cd1dbfc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.01da0cabb.0_1668589928841_0.6552499995438148","host":"s3://npm-registry-packages"}},"15.0.0-canary.4ac393164.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4ac393164.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4ac393164.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ece17bb9f338433455d7ccab04ee4c2979ed2ed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4ac393164.0.tgz","fileCount":8,"integrity":"sha512-Ok6nsDj2liMGsnrDqsBRHBo1GjwLJ1pK5j3UyYHfAJv8jbEz+bKB+Pziqk2cWVOAgji9imtfg9+FZCBJ89Lg3g==","signatures":[{"sig":"MEQCID3qKy2Fq1vxZCEC3CfiNWcIz/qIwFKd4gGtOdomcuXkAiBnyD6arz4DdrYxZgFt1IRuF4b/veJPsRjX3BPHU5F4MQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQxOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDFxAAj9t6hsKWLf8kkFUOAuv3gTJQHJ2i1o95RDKRpbGenRWzfuMh\r\nZXFIO+XddL1bVRP8A1V6UpOIlXKCdKVhz73t1eKQPxZ8YiqDRxRKlPN6N7rf\r\nfcrf5ZWd2+DUauYkCmAMWSmn9mdn1YHpjlKUt6M95SXwxQ6OEcc6BH9Vbgxm\r\nA4Qsxpu3rFYBF0N5qvnYLw1Scplk/lAasSKumsKizlBoZ3IzfS7ybzT9yqml\r\nfyPHrZLBc8DeBfcEGAf91cw4Zrz2BRwHuC38LBrYBT36T46dD5/U7XN8Gxxy\r\ni5K4f8XLtcOZ5chSyojv6TBhZbR6fw3bHDH34QFdgxjYhkqqkCBeweeYMciJ\r\nPm/uas9D2EH+mox/Lojyz4uXgGIj9ZATIcROPTSKu1DIWHVY4NJdAgcha6Rk\r\nHYGKw90oFMLUpzlfU+pftpeU/8EiWpePc2BeoAnvs3cyH6wiGlHMLJA00VdO\r\nXosrG+7l1SugrqUtqZHC15FI5XBkiWjgDR6/icH1Mle6QCWCrUeh72boxoET\r\niaZZ9D7hiUnKZqu+0CUFbxb3dTbAU/xwHXdB6nM/hQ37SHZpA0/H1zOWbNgB\r\n/hW/IUt0MsDmLzcIQXB6ANlWgWc27mWpQCj5/BmiGA5RhgdAgl1Gn7r4mRpZ\r\nnZUdmm6Q1PsNMbF4LtIDTpFmPLblcs0P5fk=\r\n=LYtt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f14d3444d266ac4c6c92142c377275be3fbc5d0a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4ac393164.0_1668615246234_0.6994199835124852","host":"s3://npm-registry-packages"}},"15.0.0-canary.6048fb563.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6048fb563.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6048fb563.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5cd559139d91b71c246ac5f5ff60bf593965621","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6048fb563.0.tgz","fileCount":8,"integrity":"sha512-A845igD39ORmr0x8Qezde9o7mMHWWZ26VoAooiPKZm5rfXW6ZuOd6EIZkjrpTtrAVXlIaCMGQH5r3HdShmlMQg==","signatures":[{"sig":"MEYCIQCMWclGwdQ71ltV2b4Y2nzxXwBYUZ/fCaLdZ18+9VsNvQIhAMrps59xlHlNtJ9r9TM+pCN7k1MIuHLaJ/1W309rjwUe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQzXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpapA/7B8+ZI2mxv8JWMNAz4QoOZPd/vtVf3PZDEgvnbup+7RHs+CfU\r\nw+4B005uP+EviTG6bTBs5vrdS3/KIqbKCBaQ8fmQnwzQYlt3Abv1zlslXV1I\r\nJH+mWGvSROjdZuf2AQPlutgdIbnB8zMWqiXJlDTTS/u8CK1lob6SSouLE7Pu\r\nPEiGis/Y9+iNOTLbIG98PGkqfju8XjPT8chWHGiOnGnV8+DfDuwIRVDLzQk6\r\nl0U/mt6nxj/9kHAlW485KA6WAQlDAzPH5xswNvtX3Sq2U512h1KkJuy9fXsP\r\nDDC4uRN/XW5gaVg8OsECmo//fOyvBgynBP18x+PTx7cIX2AyXmAon52EaX1G\r\n1dsVPIUniwwnJXsg8EWcWKP2aono8C7h16zhdnLjLuahxrqn2HR8H4XabC8O\r\nYXBbv8PVNHiezDFfndrCOm1Dh5r8nU5Ul8t/47lmmbnJJP1k2AopOzyBPD35\r\nXRR8A7zbbxb1dmOGIDHYvEonxU+x/bNL1JT6VyBUq/aqHq6BDAME65HMzM3C\r\nx5aRgjA9J0M3tv8sRa3Yf0HPt7c8wFAhoAnC/owNQNglmkWFlqbVHVWrTs0e\r\np7Zg/aBOEhR6cezfUgCNn5paytP+/AJs1dDD1c8S0kNTPttiUCEo1SLpI2k9\r\nAQM1eHKWV3Cw137rmpTjhgY8v5B+8ZPSAcw=\r\n=Ox2m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"590020431978794ff2128a91f19756dff9dbc37b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6048fb563.0_1668615383098_0.8333186772851893","host":"s3://npm-registry-packages"}},"15.0.0-canary.3777b03cb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3777b03cb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3777b03cb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0aa34249567dbb99c3dbcc58c50d46f6dc26a0c7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3777b03cb.0.tgz","fileCount":8,"integrity":"sha512-5Qb+UBYocrmkQAxgliVPWk9XqyQt9LPkWcWURO7L31Jhu7WSqaBzCYti4c35icypPZ8AozoJDQ71nhMTRITGHg==","signatures":[{"sig":"MEYCIQCsQj34ZYPLTBemfmo2ERlmZMkjB0w8Da7AcF7yVBdHeQIhAPhPQgUxCFb2aMf5cm4DB3dTtZKHBorH/htzq1uoDMLY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdS6LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFeQ/+P703OLbwQfmKsMLtkHj1yC4QmfIHNsJAATUojFHOlvCZeUda\r\nbcoB8rVu4Kw9lndAkxR4m8uiDsWoyHMRa4pyzoN1GM5ejyxzXrakD5hOaHM6\r\nTSgnoQOOg4zJyHtpwetvp+/3SSGwfYe7JdD+lEcyZizblqj79VDqrqkJXFiE\r\niadsRFRJ7fbt+eT6lfqCJJSN2/ArT+1brId8pDRrGaKWbmu4KmRIwIX3w8+p\r\nZ0mF3vlR4kzct2Ii2i/BA8rJWQDbF5Sa4r35A8vKcXxeqjFW/RuwURJLGCU9\r\nBxXhp+nB3aD4SxHsK3Ddcyj9FaQobtYBZw9DC3kctzjA+kCjkDIsH0ZTy5Dl\r\nzz1N3z3B3tIb6iXp2DtqsBpJ2Ff7B0kklp4IHq0/1qnCcdPy8RlUYPvnmDN2\r\nK1klx9uCB/YJtz1QOdI3AcYACDqezHGXMRqR+OOjLX9k+yVXOTEj6Jgmoi5x\r\nENpT47dvP0WZ1Hsa/Rj0VW+e0euux4l3xlqZoMQnTbX8f5t4qXqaBqMDvzTT\r\nNPg/T3g0KtgPiwU61EIYEd/c8eQ2JcR2Ec58AK5L4lqVpgwpBqeC2B8ZXyoc\r\nCHWcBK2F+UhlXHcNgCst9QfsdUMzecvAK/KakxHj3KuC3fwVojYbWKNMsUpf\r\nAwV4wGMT6On6jVeZDeScvyZimBNVDA6ntew=\r\n=ch95\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e02f6251b19559b874fd1998a9f0bea7d651e41f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3777b03cb.0_1668624011070_0.5974398984437179","host":"s3://npm-registry-packages"}},"15.0.0-canary.f7f56fff7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f7f56fff7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f7f56fff7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"385348592b149bb586b5f2402962bbc15fec293f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f7f56fff7.0.tgz","fileCount":8,"integrity":"sha512-Mu9MoLCjLbkzpm9jIOP8xNFqYn4/J/VwzWB/eNLN+zQ1o7chJfamWHmfH6lSOer7zJ9Ph7bvbx+YBKN1a1M3Nw==","signatures":[{"sig":"MEYCIQDlw71v6R+ZVGbKMil7cpIA2DMDKfBiSEYHFq9E9KsASQIhAMrmHYaS9WsCp90pRAfLMG4eBLoxe/prFrXjwuTLaG2c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUAQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU2hAAoKzR4Ic24VvQERsFHIqnWfiOcA5XDkr5ZKpErFrTRvbSmIf3\r\n+nOk34lz8am+iBLk6FEK4KiVwtHbsGImVbgXOzDisq2cLz5SIPk3tfVQuKjP\r\ncmswwoOCnPh37PB/FrRIT1qCU7Y5Dcj8dxByzOlznCLFj9L7WwGFt2n/BUDs\r\ndah0Y9YzGp8ba4rT8/BmKgeBMbrGcq7dgGNR25ekOZ6wAWnhNmq/vGJHwUOZ\r\n8N9btKfQvr+regv5DorL0a38OYDrLyEQTlHCafiUF+VDuxZuqG4RHwLW2HwB\r\njCOCVPTyj9g1bqflUu1m5IGgTgOi/Elg0sb8QvkW4/zGVTTAGArgz6I/9g5H\r\nEQrM/LKjfuimW/kF74YuKhcLi47D9iGRfSJo0EJRDWNp/TOE9lW6qiDOKaJ4\r\nB6ZGGGzd+FdCNlJkrTiN/zz7rfOYdMmlaquwo6MqrNzLiZ9V+/jZbpS7ZihH\r\n3wWw56iWCV9LRS/OWkq+bu56yubEGGqjD6UoD7IOYiO9/eCDS6eJ7Ohkwagz\r\npogRlVNIMkfvrFQARKHHygDKmmytnUVFCu9ADfMnGhBpnwhJpppfNkb19hf6\r\n/Up+TMQR4F/noVrKNFNfWeg3Za82qIai04H8Bs2s8pMbPKdclC0vCUxxGW1w\r\nVOvCkiseuPk1FR5EFzx4qwtDyUiQNvHWwYs=\r\n=04dj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bc90613e754d04f738197ec3f3f4602e9b362d8d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f7f56fff7.0_1668628495822_0.7737956413061182","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c73f6134.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7c73f6134.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7c73f6134.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"13e317895f565e87b453d648ab707fc48bd50064","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7c73f6134.0.tgz","fileCount":8,"integrity":"sha512-Cp4uXxg45xj/XoQNEVCxcOTNqL1JsT6CKzrqn1db9T1laMOJol8OYh6aFZNXGdPN4Vp0dhEsGOr94Im7qbnAEw==","signatures":[{"sig":"MEYCIQDXDVdFEKR7Cv3/Q6XvqehuNbXpNoY3g2jVVc6eIV4a6gIhAJfj5kp8BgWrOHLJJTEbWkvzSeW6YFPf59ssTmhflPl3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUDiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo67w/9HtvkXjn5zHZPFntQQTkValIVZSf9n2FZZOZD+ojqB/UKhITL\r\nkIUcfJ0gu/9PhFH24Zz0r6h3QeEd/wQ+z3YbEIL0S4lldVjU9R/OcIBVTOdH\r\n7482YxVuiIGcrqEmNXEWIUVT9MdzxhQUMqod/85zZ9XG5ROjv/sHjmVnGmZ5\r\nM8nU/p/ZaUXzo+LyEjaq27kWOm9OrVLX0DUKZtvtxhaKmCrKTo1sgNXdqonR\r\n4TWNZrQ/3ZMgxhpk7rmLHy2Q8DOinbuGpu29BJyjE/WY3q5UtITPK4diKxnb\r\nETIOycBa0TMYB8xO8qCMdBExTxWbQeHUhDu2Kqrm/wIPo+y3cHweUIf8pnZ7\r\n1RptHpU+zctzxWY9FKWJzX/B4K1ZSTOVeZdruc3umK3ESO8hF/LfSZp0ccb8\r\nRLSPEULcKp4jOFZlSJ8wUpbxC28CILQOQFRJ1tkxW01DmDDk7xgJQBC3v3o6\r\nVoDyfgqDywn2i94JZD4g/bpMTvfKKnhWPXOrm1o7SfGfWEYZ2oLscvkfifWU\r\nO72RalciRc3nzOxT00BDUN46voXCipk3qV00xtYUOS+EM4KBmUh6239F527K\r\nRcNoRvST2BZai80J/DUCDjkPbnL3GWsmMZWh0JcFvxFMGbIctPSTzKFiQfFH\r\nBcwviQU3WMJeZJYsJsD5rctDGGnT2Kj/jnE=\r\n=kffF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"14f53e565ed77defe907254a486b9ecce4b45146","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7c73f6134.0_1668628706190_0.5182448693811308","host":"s3://npm-registry-packages"}},"15.0.0-canary.f1e037150.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f1e037150.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f1e037150.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3816ec765e829884569dbf8f6da494af8fae50de","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f1e037150.0.tgz","fileCount":8,"integrity":"sha512-GrF3u8bCZqhZ2Umd7VPvzH3i6v9Vfwcip+DYzK0phKzC6tqO6gxER+9skDV4AuyKI3/Knr8o/DAd5V2LKCkQWw==","signatures":[{"sig":"MEQCIACKBDeFcn4DWy0aVpXfILdENZ0J3V/1TOLsPYsT01ERAiACZyLQ4Jn4Rcx7eKOni+rCyrRRE/7rmmebJAH2GVNtiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUIqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4GA/9EHqEbWXo9Ls4yq56UHZJmVLV/zbzq/cHJdDxk/EmwJGhlAuL\r\npVt6WkcMVL+o6FC6lkw6For0sxJZA01ENVoBQstr4u8ZArMt3GfwwM/41xDk\r\nVrmrGj4oTuR4nz1EXlOTkWG/vYCoZuqEplV5vNd9KGJn+BbJilVx7/5MXLqD\r\ndI9wuaOW+DHI7a9iow5au6dyO2jky8F1/MUAinVHYakOoAhWGz1ZbwXey/ti\r\nlut2np+zaMqnNHcNSYqwXOHteXuoaYxUrNXm7+NTqA6uQruh2kjJQDDE2JvI\r\ngTId5edM1Na1bjnADF/ZwXUZXrBKf4ReRUDHc4efAx0EWEgQ+mW9G4PkXrmv\r\nMB7JymBUau11EFf94HAghT4d0SZAfgFPVOaZgMIVzEdtUuOZkz1vmsZ01opb\r\n0SnEc15kT8JDhJmroDM7Ow1s7aYpMYoMz57bHcpmvm7S8Wf8/Gg+ISnPiQAj\r\njMVWMcEkF7KqaOxgTjABIz47psZmjtyWttW/zFjGx7L3DMpw81djWSEsnh4m\r\npKWXNewI/aBr52wj5mPmAhul9oHUO4pSpkEs5VcngdFZPFvkmxIRnSAGi8NN\r\nMXKwoqPN1mabRnjG9BvbQMj8k+U3iXuFrmiJ2Hu75PcjbU/OC/91ZNf3aV2P\r\nntuconSfV+K+rwofWqkezm/uPMNmDE48MlM=\r\n=izJ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a639195febefa28bbed957ef46942b3da6a4cecb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f1e037150.0_1668629034548_0.24843974014206904","host":"s3://npm-registry-packages"}},"15.0.0-canary.40b18d043.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.40b18d043.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.40b18d043.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04c53ebe95ed9b63f3f647f24b75de024a53bacb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.40b18d043.0.tgz","fileCount":8,"integrity":"sha512-TVqOEKxhu4h2yn3OajtJfCm9Z1Q1IHn0SI7QxaTVC90fwBJw/2MI4hXP6XLABeKYe9/05E1VMSV0VZpsFNmG4g==","signatures":[{"sig":"MEQCID2KaR8glkWcBZqYsBNwrF+5Vn0PsosPgkBtVEna4Kf6AiB08HeumwqFLMFxbeVDZw7OZ5vb9IWG1/BgZuwwLgnJDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdWroACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4bg//WxAPj92W88v6UUAYW8uvLgzP7mMBDZ3yFFCr9YaMQjmgv+Q8\r\nFWTXq/w+Ft2mPa6ujANfqDOa0lw/J4irSG5e9eZbb4WBIOcRlIwVP33ajXQY\r\ny4E5rwW2i70rE6Dt625Vb54qLQ8u6DG6IOQLdhmwo7kbhbs6xI9QYLEcEqsk\r\nOjUlse5V0N5z/oceUz+E3DU4y/Mu4+mw7Rhi3o820lSGysRJiCu8ZBVZeKiD\r\nRMl5gUO1evp9AjlcLfIIEhTGrhUgA3LDuQQnTPP6/D3uqSOUAw39Af9sJrKW\r\n86o94ARlFYKFrnnJYMwkEOxOOrlwlyJh4n+90mWfL9m8bqM1KZg3u0JM3Cm9\r\nYK5Or2TG87GuxF4zMQFIvfHkpfjeWfrYvZvI4JPPcKekTPjfA9xlLLzpkFHo\r\nlS4sNEkwOaWRJEejOggpF9G/AL52Xtpg4rfi2qQfizJIjpNN0mHIZkBUQ2Gu\r\nAtgHv5LX/+rq006cGz9zfQnLvu7LQleD4osBxBwTxeTgw6SxonZezV8ShyOw\r\nZGGRduJ3tjadabw4WjM1K8rP1tYonA4FcDynWsnWD78SHuqxd89UHkGDoKTS\r\n1qLBVNuNWOac2CRH1LllrIWldSHpKy+Vc5cRWUfk67uVv7QzfBSKDdViFKXF\r\n85Ld1dfLi40dR90KVN+eU1vmQkCQZnsLxoc=\r\n=hSnz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9ccfc97518c89cfcc2b5e776dafe81024d137f31","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.40b18d043.0_1668639463843_0.6717348544723138","host":"s3://npm-registry-packages"}},"15.0.0-canary.86bde5c06.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.86bde5c06.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.86bde5c06.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba34e44df1ecb7d3944f81e5880006324c610c4d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.86bde5c06.0.tgz","fileCount":8,"integrity":"sha512-lozlgNwUO1Teyllcl9M6/iR1dY4q7GM/ZUU/Gte3wx73YNypn/kaf5g+MDXigvPySWycDhw1cfE4wZz0KHrf1A==","signatures":[{"sig":"MEUCICJXhYKLSJNtJj63JkpRx9mAjR/hLFaaAkMxjH2R1fUuAiEAxMyiPKSInLzRCQfTGaJI6A+s8fNerhTLFMvhtaO0obE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdW1JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSNw//eVlzzieVgL5pqRIVH4pFcbStTC9gdyfVxHoO3KNcuxh43x2G\r\nr1SDk1cBP93gzxyF04TQ3EOJ9MMctBgbhcpk/6oLvonwW+kOKls8oCDpHWOC\r\nM/JfKwmoyr8isuQe3UBwob20w7rLhVmQDvUZn0rPHusVOTy3r0VW+sjlxFE+\r\ng9gXUqD7G9C5B0dTu97z5lUq7nrFa+D8RxHV2F/jME13+p55P2CYocBZdUNP\r\nwldhB44ViVJmpGryoVT6ROK6dKcnLF07G9OpYoFnjvXdSWRJciaN4U55ITTn\r\nYc4j8ESrwK4T1+yn2zdQlJha4lLXA+/HWHEnOnB5lh5xz8DS5/itSlGoYZIk\r\n3UEZfO5p+YYuXAXkSfpqGStaQUsM0HASWDFBgRUc9GxWkSwbx4KNuBM5/LIL\r\niyjTsQkXfjQoJeWMohTyeL2QJkJFCYhqnP7UlKQHdAOE8sva9k7VfXCSTo7j\r\nRj8l0bAEknJbCWcmesOOjGqP6B9osret3f1DmZHI0yXxZW6s9jUmVVXo5hO8\r\nTvQtM8+Ir2FyO1DjZCqvT+pahMzq9S/OZdjpWfu3AqnmYOEx1+pLQqoH8rKZ\r\n06NoxbWsEt2brjlfY7vYlsqd+SXVroIO49dosMvskLPu7DLBcRSvBpDgkGZ8\r\nAPFtRAQENmKjRPp7WCdXrtrpsGPRbEqfN1g=\r\n=9VVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9cd39d4936a1961536e39eb1df855c5164d5840","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.86bde5c06.0_1668640073423_0.3772502483809994","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb7751002.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bb7751002.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bb7751002.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64f1885f36573de35b08246a3a8f29ebf407b7be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bb7751002.0.tgz","fileCount":8,"integrity":"sha512-nb32qokDbflW8uWZ1a0UG/U8fUAUDHkov0xbjWxNo0UHOgiNgzWvxQrmK4YWtlyk5Y7JdY9wEh+JaMmWCX2JmQ==","signatures":[{"sig":"MEYCIQDSDXzhU0QfgyeJmJCgruGXw6Dd8E5n+EmMh/jVICIgCAIhAKs8G1FAN6xqAiBJpfcfmUzuvchsYxi/+gUFGVz4j+gl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdXlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrz2BAAj03v5602LaLSoJZ6GRslY+xcsg74nkkrJLIAtVdTvz5hwMET\r\nWiJautTApivAAFf1IUaZXJhCx2Tb/p4LZEbOpfTG2xkC8jKD4BjiElb5fjHQ\r\nL1+EG2XiicdVFNOn+t2M4UWHdJ7tMieI24WDmxEJNyMT6y7TMFy/pj50N7Cf\r\ne+DcsbPJ/7L1HnD/feS6c+xvItygM4CL14yxZc4nDG+fqM626VhqxHnSxa3L\r\nVR3Euf7ZTy4fCr485DYZe48PJI8ck81U9mktB0IbfsG4CW8yXDMdlI1uCgG3\r\nieddJCgARE3Dp9lzxQHOeSq4K2wIT/RSo+kTh03sSCunhyEtO22Duo4crgZ4\r\no1Aj57QZEkOvFLtl1G0xcrm3xaz8O5E2+7U8F7dIKOCnNgMwVPTMKyC7GmS1\r\nIXZLcGU1U5WVmPY9Ce/fc4zHqGLPeaBrdjs7igVjfRpV0vSh7LYPkoXvOe4b\r\nrOfiUoF/SyA7qOa7PexQVdll4UmeuIKo9ah7qnIGM2H6IVOQLJ7ooKDIZN5C\r\nVbeCVqNo3M0yiDdE/eHJuW8cctKaKO1SHUy01B1JKL5d9TaRk7m+xflOA3xC\r\n0KqQ+Yq0rcRWgZuYSr4ktjxKxb3b9s7t51P1wJIQ6bvTjmn5J8dtOP2rxjZM\r\nBBb0MpfpqXT2bgidWW/21cvKywfhuRMKWVI=\r\n=Y9yF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f83cadc3a1330a69930926dacdce7fdf10432f98","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bb7751002.0_1668643145209_0.7316846099658774","host":"s3://npm-registry-packages"}},"15.0.0-canary.63aca9af6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.63aca9af6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.63aca9af6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"663ddebb0544f59c9cc8f3cf819c55a25cf7de2d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.63aca9af6.0.tgz","fileCount":8,"integrity":"sha512-pvNd3CUtrewhmzdw+lWUgqBSx8iqwO/J8HXR33aiXec/8MwrVGjgSR5qN1SRoHpV7AbiCJliMrcGROVt0WU0og==","signatures":[{"sig":"MEUCIQC7BWqjox5gCv1kslcq5pn9s6vuRLaiLTWJu+zt0g88NwIgbp6fv6vm+LNUvHv1sX41TXG3OuDlBCuHJwOSQqw//FY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdoS6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkBQ//S4w3j7q+ZRQP4/8oi0tyLcOf9NWbFfo1IY/x8x8cmxYW2FdH\r\n9I/LXbZosYfPpSEVX6KXGHS/hn/5fLa1XiKBgvtnEzg6664EeaG6eCmxQgCF\r\ncTQuw7JLlByZ6ZXXrY4gk3r0oXNszmPu47mapF0NstmPZCaVJEbotQw6HIqt\r\nVr6AQYVixUaklzI/n3TmL5nl3GBHourHKdSB5y4tixwqwkzDVk5JVZxjBX0l\r\nqXRSNHzU7cxP9AzqR8aobLT+K/+rXUCVC+lhNMRJTG5kGrAIL+5pwHklHGFD\r\neX1Rb4fJ80DBMVhm0DoHc/+3f7GvCu7TDjSyDRjs+Eu53KRXlwm988CNrXoK\r\nRtWE+wDo9JAQ7gJc5BUqV9RWYuWy9srVgGKjmvwU+HhTkZq0Rhb++NcWdtby\r\nL/rYosuUGBw6O7A7+mcQnqg83xO6BzXdmk2r62Mb1QJhT7DMFEp2NE5NiczS\r\nfT7zSHTouhzja5ERqPtJB6CuKLiXxlg6G/UmrjY/Q6fG2meD4Xv3LHMqp0CD\r\n/hYJUCLay18Czb1hv57Jne3qt1gXUYfCDs4+F6d62LpSWtkCFOZBsAx3Vuuv\r\nuWOhXmXpTDu7Tj9gFVFGdWAnHr+2X5gzmiAb8bSCN/YVXMWeNe7D0umbBkJ7\r\njiyQ+xURuIzqQl2gKgNkPzewo52+ZKj6PCg=\r\n=QYif\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c2c841973403116b6a405bb9aad3ae8476bc028f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.63aca9af6.0_1668711610160_0.30083068734718776","host":"s3://npm-registry-packages"}},"15.0.0-canary.56482dc2e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.56482dc2e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.56482dc2e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea9f3f39646d16df0870518bf6dba406c1ccc13b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.56482dc2e.0.tgz","fileCount":8,"integrity":"sha512-pq1V5UBrZBoon2FqmCLHlgBeCuPWoxav9OWsPa9H+ut2lusXvo2AcfnI/Dvw1HkSbVh7ypX6CKN6AGlfMrjJkg==","signatures":[{"sig":"MEUCIQCzFqFs1LeUAAQdppV9L9rKouG/2uKwMkSCUFWCbC30iQIgd+zbOYTTKSQGtSqVRgRwSHoel61qi9HOb4zRBzm1I1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq2HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgvA//QLHoylSaSlIxLkT50POxQN//1Thq7vqhTthvXLgtTRsWfz6b\r\nLqi6X0JJQwCtdOpW2WON5cyZ5lZWMubE3zZ0nYIYEnxLy2JaEvTigbP+vdPr\r\n475ziBsP294cOyr+fGswJDeD7mwn7nypeHN+LVAoPDrQcYVV2gAJOZvrX2nS\r\nMGr1sTppXKedPW9Rp1MiKPllrCvXKN9GBIwHO4UdO3pzi1VTd3aDIqm5DrhM\r\nBJxAolSOOzKZGsN6XzUTWMWo0u21CaG+KY1z3pPwNE8w35sFCcqRtyU6hQBx\r\nAhcpR1INJu2ult48MRMZ4IPSDD9MoGHlqZza0HrxXOoEuebRzCt3BBsZk2An\r\nlU9xLMiRyf0nnUX0JZ/E850jpl25k1dL2e7SM2lW5VZBCcHV2wEQUeKr+OCq\r\ncheJ5h9FeLZBWKIH0RgeXW/FMTuvU28LGTWFK/T5JRH9VNTvWiUnZASgt47m\r\nQESJ2sB7ZoJnnjXLWY73DkiRg4CsgSj8a2BZw8v3xLxulcQygvfLssL8QsVA\r\nxiRM6yxT43smw4ZX7Ha+vw4Eb+5ARKb0xHMIyjrYqfko0Ofjy1CFVWeZcJsF\r\nHUs4B4EuY2PxjCGBG/bgPq8srktY0DNXPRQ8lhdgxMPETsbUwtPL8G5U3pND\r\nF7Em0R0Q1CCHz0LmtnnlF8BMQ9C8CkvW9yk=\r\n=NB3v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c65945fd8948c8e5ada035d0f2538dc2ced7a28f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.56482dc2e.0_1668722055238_0.5276514736998341","host":"s3://npm-registry-packages"}},"15.0.0-canary.953e689f3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.953e689f3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.953e689f3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f51509d3d444e7e1a87cccaafc482f9f8da37ff","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.953e689f3.0.tgz","fileCount":8,"integrity":"sha512-rP50V+eJAPGktu7699X4Pr7PwiOhmNl9p+xd3050W7r2SwEM9zqsyKBjoNNe+S5huFno1qEfVK2Rk+CHy3lxGQ==","signatures":[{"sig":"MEUCICrlw3f8P+YMywmcIWh6EdPtgHrRNRYC0lXi5YMh4cjpAiEA+aShYFGoCXVHl4gk05AV8lTxq/YO90gqAOdxyHPP0a0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq/AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQsQ//fYsvmEkgDkKRD+BXiTfZ+2ee2xjp6VzG8l7ks9DNKX99tjTJ\r\nO2HHaJ0UhK59cIFfePnggQYAFEm5mJ/a8gS1JAgm+wVgHMAhk1NKjSkNrbVc\r\n/wRddsak4VuglZYRM4dIgQByF2n4jmQ/v1rRssGL7bP8vU70vY2r9Tacafm4\r\ne+1ibR3BxYFf3TEQAOL+cTeahPTYGpI/1S82hbwdTjSrDBcb8PhYilRLZmQg\r\ngFWNP88wjv+oik76C1V2oEutRYfHDXfBDdjEq5xBmwZvsc9HrGs0Oba9fl04\r\nlOZXvE1yEG5wUilw0ZZq6fUEZdFyva8Cd5Hhw+YtL8GS4xQuMeAeoFx5X3NL\r\nCaZ7ARkz4XXzmI936SLUy6o11Anub7iBNiyCxY9qR8Te9Kl+M1fuqXi4oubd\r\nIG5QHkpbCM1LmBIsqwEPeiYjyr0/hO7VM0iLIvofeXP9TC8o2T+o2MB/EdNR\r\ndmJxUwrm4hwkUHmAedWpJpaebE73w4Q5OqtLNyfw7qN5iT6wAyX+JT8Dr6Au\r\n6hvaNXX32zeJt86rRgVnb5IPJczbO4HDGiUDAmb5rM12d8LZazkf38cG0apb\r\nNskGvs95zwwVPIAQNAejfPpDn/FZdSu3aS8LKRlHRj49qac2hgSjjl64oau4\r\nHTpQyY+MsrdZ2k39Szero2hq6C5G6XtEvlc=\r\n=iSnF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9b9adee0b4f10a2d6d77fc10e9291c3aac8be42c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.953e689f3.0_1668722623915_0.47354382890160274","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5606a793.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b5606a793.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b5606a793.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9af2c4ce96690be6a3009df0ada157a48eaa770","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b5606a793.0.tgz","fileCount":8,"integrity":"sha512-WXvOAEW4QPUZoX+wCtBGMoR3TZJyiK5k3LlF1zIq+EUnrWcZBu4m0/fRMkxS7X7cefAODuP79a2RSEV6uJU3EA==","signatures":[{"sig":"MEUCIFgDDazgx2GaDq1K6+WIunqptqnSh3h8V8AuEqKnoqYnAiEAyw3lrf3oXQ/HkrhcAlWuaB3f1UrnvVjg1tnJWD3eSmg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd1xPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpyhw/9EYPETDozq4/bDXPNXWaz6yMRksKdweovdvD22CS/jOGeLI8X\r\nKjZwPQ8KvLoqWE6wXSBpTnAyB4/VJkKkXAVbMctUqV+zPrl9IWxlbltT7Pg/\r\nuJaqqx6QpZS/n+0kkmlMcBLts8p8/ySHNng7HBJisa3bwNniABlom1Xzif/T\r\nBkmJmY3nHqcwbY7zcs72SHVmeoLDT+R9D5/qcu2Y2Xs1DUOeDrgBCXllW9oe\r\n9B24OgUb1Y4V55zE3ZyRu/wBP58ltfDjsyPiNIO4Wt+g3h+tzEJdrojJZ9ZS\r\nh6VqmZSFmobdBw5EYQH4sKXaVwUYlaVOkpY69w3ElLoTDcyhBheuLyg813yC\r\n+NXkMYL+KajzTFpU432pAT7nilTE6nurj1uvD+uN9vJgFSd9RrTGmCuaFFbb\r\nXIL8gNul0ckLzBSAwxYvOxsQGtrVAryDiNizXGl3v7qr78B2J28Y/uEuV/Ck\r\nrwKIu59P/moStugra4POuiYV5w6v5vUcB781/64tCvbKGF48k2B5wTmcq0xx\r\n3l/zvRUZhQA7NnsEjKua2dP1gxIcwGiA9FhpJlLa/MzPaSjqHJHT2072LQOU\r\ndaw9P5Y7J8sJqGDKVrQh2n9s7qGcTsJJIk5cf25y6zQ9nJpkgYrFuUOfWYVp\r\nvhSlM08KPogQqfkMnoclg0d0I0sG3pvkIuE=\r\n=5O9e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"681685532cfc9993a6190aedd85bf5cd1b3f80e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b5606a793.0_1668766799017_0.8327375535675259","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c5675942.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8c5675942.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8c5675942.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed4e7825ebf96dba3848a1030a542762da5ab66f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8c5675942.0.tgz","fileCount":8,"integrity":"sha512-+37tix6ScglglhF0aV5ax6hYJzdDgKF8O5oOdTttSlUdhYwqd7UStN1eug0IWG3BwOF+RriGxcaVHfME0saoqg==","signatures":[{"sig":"MEYCIQDATWgvnB5mkaqu4q041Map0IbD036RjrJnAhAQ3Kw0AAIhAKm+COJHkbEBG92GS/JE0D/juLHelMoPVlXjBKma3hTJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd6F5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+ZQ/+K1H/VuAwiERj9zmogz2EREnOSLwalRLorjPlXLCwxX5gtjna\r\nsdR9irNizIM92BfdcqSaKcErbJsOfY4fMwzIEOh+phiGsPB+cX8xRSHvhpBn\r\nKjSV889gaqUVdg0ckFTHY9QZjseTAqPoQjdfJrW9ezZypaLOFZVX45xa0srW\r\nDajm7PLBNg5JeF+IvaXyKm5JEnaqhzsfybQpojG6Xhc6aK2EPL+60ZLKKg9V\r\nrHt7ktFKEZ7S55tz2VeX/Yg1rI6tDCGHkfnm39zLk3O5nxreJFMBwsssHFQy\r\nVM9/VZHrHgkZdNHI8BnE+sQO9VvHp1HOa7mL+FQBAACUUyWHraejsJ+w5Sb+\r\n2NR/LNfxFVfJxFz7Rl6ayRDcb290q+oKOhJw33RgfOqN87v9Dt0Z79s+5WP+\r\nOXsWo1Y779f915sHfDz2M34cUJszdsLhnxeiLQ/ruaJsefyPUg2wfTSqWV4r\r\nYC9NcVg1Rel87ALhPzMjC7qrlulo3EnmaG+VNEToNOqJRFMcKmU0ZVMXELM0\r\nY9PF8KF0czXRVnDWnY73vaBzstq3XYeP3YXAAUC98nu8r+UOwYRr6D7QY9J5\r\nggGA8P7c9Y2bAYqP3OzDl/jgzlALZexnqXkjTt414/WZG2r0gR+KsBG7OyLi\r\n0knqmI8VWfEniXz2dF30yNJzheaMfYGWD60=\r\n=PY+q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"46367ab28a14e7ab75dbddad4b3a00d97443debb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8c5675942.0_1668784505015_0.03749188045455787","host":"s3://npm-registry-packages"}},"15.0.0-canary.697fbdebd.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.697fbdebd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.697fbdebd.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d91c1e374f8db5a4d4d4554f0149e265c60d520","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.697fbdebd.0.tgz","fileCount":8,"integrity":"sha512-FK5azB2GoEmaYP29GCB89rRoJT+hnkBT40SBj3Gshk5PKCE5tiQDTsat9SRToJPVmNMu4M7UILIpV4rLhb79kQ==","signatures":[{"sig":"MEUCIAyhbej/bo1yy2HPOx+f7eXVuOnOMneAbNiH+8J3f5TnAiEAhvQZVypsofSfC2S/xCiERMyFOV+w/vb5wYstakwsp8w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd7nzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvAw/+LZqlW7VbGWHFVMFkk7BOxX8ueX0xUCJ07Jeh923sfi0GVjd8\r\npHbTAimT2jD5wkaFMXRCd4NZ//J3dW7R5vKz2s46B8WJwha7cRL/BaCOoKza\r\n8/tCPHgK8CRt/Wz8D1maBJdx946H3xxtzQ4YkKao0ghenQNZ81xo478ZwDqV\r\nmEhiXHlcvSDsdKC7k8IFBnt02fDQhtcNHps9pCigkp31UO9LTCwOaXTZFoac\r\nlo502PI/26MLA/tL/xwvrymHDCmYm2EKsnF8dclqpLmpwQcZ3yN4EG2LGxGm\r\nQMgiuvoCc9MOt6+0U5Xaaw/Nky3p6Fvn9xlX2GpXIHvoWuoEIhrDQLkHILr5\r\nsysar7tSY0wn89weLkHHI5L19ysFbqmADbSR9oFAT1WB4E9PeF0hEaonSyzG\r\nPo68ASZat9LtcV8R+bq37JEu6DqPqC8mhb1NXX+kzsxP9NEWwXl+kmasO9YD\r\nZd0j415GnJXmNp9BGRe0rJatoIOZlamH/i3wdByyeKyhweEZNQ9UHvXMA0EJ\r\nIYhlZL059ygBLG6hdzqBS4w6IFN/bKC3aBAbuYmC0IKbxlk5wBMUB8oaJG4t\r\nkcaeL6b5vc+VuY2RetzlUTvXgqt2o+uIGVHpAyk2kTjmJmm9gjHU/sMZUWsO\r\nuxQA5liwi23V2XtPqPxu1YJr4QVmBEuM40A=\r\n=5hgs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"633705dd01d68334d80bad5e354eb7e71d9fa30b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.697fbdebd.0_1668790771223_0.023124264286372487","host":"s3://npm-registry-packages"}},"15.0.0-canary.d58410453.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d58410453.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d58410453.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9387aaa27663a29f07981fe15523107213a2996","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d58410453.0.tgz","fileCount":8,"integrity":"sha512-HVGgaWWOwN8MMU4QvN0Vsq5JQA4MdnMqHTkm69Ppx1o7FuRNaYPxbw0i5tu7mG4QxKtfoFWQEBcVGRo4q7rK3Q==","signatures":[{"sig":"MEQCIFeOffngwbjJKB1Jh76KXW41pmcMVNcG+RrKAEV8ibJCAiAs0G/GGVf1J3eRFfbow3BTn8572hpGl4X54nNg1wJ6cw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd9vJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCUA/+PTujqxWEVzqmBAZxtTh0FO0zofeH5X94I+XmVpHYQVSUeDZV\r\nakkdKgl8FERfHMz9y1H3yW5/8z7a+9fx4IMr2/zE4wURwutUSZEry1XhVwTQ\r\niPO97GH3V0gFJmUYUxqiIGVx7qlFItYuGePsueGTtJVkeMUjTmyZ9I7Eb44n\r\nYKp9Kh+EGwTiDuczjdDXcaVDYuOyyXXDfSz91WgBEyN/oneS+ZuC/fpc4o40\r\njqxTf2kgvdtrpa1CWDGa3xeq5M58VsZoftljYKvkRggXS/KQS8RZGwg60oUA\r\nVO6rywNoacB7RjxdxE6R2O3sCDusJhU5/dkZIkzLLt7yFwiA6RUxDID+FnqR\r\ngGFeScVJnbB8VbgJYsg1zRYGmOboVnEdKJpZA1dg0zWl1dS18N62WJrs7HMT\r\nStGnDTAw3I38RHAc33a6jRCz7zDuPG09vHuwNMgoInysVzpTKf+676nwOxRD\r\nmWwt3FG2W7Hkj9UByrosQ0t7S7vWDOfwC0EDeiU5DbPq9CXtMJvN12qeD5hq\r\n9RfE+P7AovNBVqWbJ9ngTfvh6FZQe9j6ubgHqKRSP9kBWDRl9nhwGHiBO9dk\r\nSs9DEmqEHKm3dAVv8BVtQY28YnX6U8fRiD+kgDKe1LJlIySCCwSYmtm/mfKc\r\n8bMFZoKVMNZ4mMo0noj0CwMm3xxPcmp8t90=\r\n=tNgL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"65248afd9a1318b7afdd324f3def6a9c8e67c90b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d58410453.0_1668799433621_0.7894818096610845","host":"s3://npm-registry-packages"}},"15.0.0-canary.7971d6ad5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7971d6ad5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7971d6ad5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9762b6882da5947cf793f8b694455d17ba2ae16a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7971d6ad5.0.tgz","fileCount":8,"integrity":"sha512-xH8pdvB5oKO6OTY61vEs44eQJQY3GTobpzaxp+CIBH0UMobSl5KFee+j7MxpEbTkRGtMqWkzAA+vviT8hvmH+A==","signatures":[{"sig":"MEQCIBxfuv0b/O2NwiZCnig/tY/st0wnCrpb4n9iKazBZSZ7AiAND4MFDUIPLevPCnKdS6xyyIJuFl++ZGTgrpjaO/0Brw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeJdhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpughAAixa6+NqS3DLcxOCdcQIVSOSI2olzOROxfms6cSfUKzPpxHeI\r\ny234vln1nZ9ARhuu5ZOlSeVlHPMHj0aH8JQvTeZkZNwUoxCyoEuMdoc5ygoY\r\nP3A44fyvZkVylU6oXZFQjDk1qJiWHD5ehdAY+nd+TnKl3QqYwx2RkZFu4ARt\r\nisXWkmZ+oEG5pqoJbwXsisAfVhx6D9uytwTfOUOeIMwAaVjK5Z6b2h1056v1\r\n2c2WnVI850PjVK3UkFwvl4lyocbpaiplJOGiQBRjfTl4Jo9nWu8kpUSXLjG7\r\nqDp88UXke5n//g4mtc2SEcAUsa+xSO+k52emO59QydOpipRuf7Gbzn6co1Tk\r\nr5JdMNB5BvDAkTtzaIuBkHqK/D2YcRWvLVOJ4I3txmjKAovSzSfZPj83jJnH\r\njBCyMDn96h+bn4/Sv7cUG1vxm1NARQqaIzyYS/LEs8328MrXCrwe/P1zNp4f\r\nnpsXW8h80TwRqawZhIIECyuugDO+GPIINqRje226+PNR2W9A3OvT+nabW9RH\r\n1mDzkkes5DvdDoLEpACn17h3gR7y6fZgvr6NHxlw+ObZo5RuWDUHGneN4J00\r\nDv/1L8M43vIFpu4uBC13xUszP3+ULxf0/bJIbTgvg8atdUGI6d4XZz7V8Vw9\r\n+dQRBrxVnk9T1oUx15L3YKjQ0Ng7xr381pQ=\r\n=pRGj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"caa68cd6e7b5cf4d64e037521bea18e312048e69","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7971d6ad5.0_1668847456985_0.8474039006897884","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0ae73b0e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a0ae73b0e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a0ae73b0e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bff69585b4b2258724c1592181c6d6499611b15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a0ae73b0e.0.tgz","fileCount":8,"integrity":"sha512-ROvX5kCQIUf9qmzFSCy8fLCazj4qDD1yKiTtz6W0MJBrFXqg3W6GR3UhC8BnQz3BhIhnhT9wSmeI1k9ly5RynA==","signatures":[{"sig":"MEQCIAVd3rAZnygPeURUFIUwQFTAKjR5djOETl0IDGTBYxArAiBj75AkPicIxE9WpuZfJ7DnMgq55NX4floJA7zTmaZDjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje1h/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/EQ/+MjMjboi/0m00kIvw69KV0rluEZ1ambqzFa6ytLico3fjKP6H\r\nKaSlrYf0acj4jGuoKoV+wI9xtNo2qQEqmWiB4WKotflzON7nfJyy4qfZ/m21\r\np5b4jt+nEC+KH5A8TxKeeAgN9fEryum/e/sAJ+BmFOY9dWE9p3jhGtvljpWy\r\ndZfXFI1TAzCkzDXhpWNalEmldMnjZZwiW8fGvnCKkUiywq1jucBTi+QFKy85\r\nn50WxIeR3r7DFFy7BqR6dLYf0XKEzFSemy9aqSE7T2pQlh6Vx0ZRfypjdQwJ\r\nJ6rawFyJOTdEmxWmvyPOu7jzXr4fjwONIg2WSvzUFFLTIbW8ntGnVyF9J33p\r\naoiAttCdF8nphfoaoUTyBJtqFY4M0IRQ1uuyicfOk0ONsiIO6zGoUFY8hgat\r\nobiXKCaNbBkxac/7kojvLl8BqrvGKnDGwSZlsfvleni+k4pABmmCyI78ozeU\r\n3LFMLa1p0/MzE0+KS6zRZeQgIMKXDJT4V4VIlbA15Y3vTvhp/P4/DCUuKW6m\r\nPkbqyvc5otzZhzSwWLQAK4CWazpDSvF3dkvLqAdIusdOfy93mUIj5pqc4Bhp\r\nDU95Wo/ricUSbOJHTWrYN/irOVckBMvTlWSYyPxMWGlNsOweTjOMvLxVAvkS\r\nY1GDIJWe+NCmZhMEzPTxcS9BrIiqFYo8sAk=\r\n=3hGT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"92b496120a9385203165ec42657a2edf41099000","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a0ae73b0e.0_1669027967231_0.4237956298719001","host":"s3://npm-registry-packages"}},"15.0.0-canary.96f472604.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.96f472604.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.96f472604.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d5561034ab0d5780c0ccb3cf62951c06b8ea5c3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.96f472604.0.tgz","fileCount":8,"integrity":"sha512-1sRWgQl5Ij4HcC9VW0eRiXOMY38P87UL8pV8cu4ANpMfXTANwomgFkFftXbCO1ko2LatzToD4O8Bj9J2JZOp6Q==","signatures":[{"sig":"MEQCIA70/9amOauV12lw1i0ZKpif3HIkrL67kKLlwatQhC9kAiB1P0V5iukm1an/DqZVLPJyUE602TLdgBotqyPyQb4VRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje3RcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK1Q/+MJ8TygX0enlgcBzE6i++tVPZ6pDvt9mVAu7tq22PKLnebd2w\r\nMj2a+NPX+nvhUK0OFMIYDNuBDmH3lbuLzrns/AOugc/ccXah2v0eWNuRshBg\r\nIDdOvybgygVLi4FajnIrXbiEujajDWe0+J3+MA+sXT+wo9SfdazHOT3f1geX\r\nZJpSJqUsLGrUU8dqM/2bBVR70RIYNhXifJZe2KasqPU49hmzrYpT+uSdszko\r\ne8tPZRGUgDWUG2exd4cxP5pKPVUvT0PP+EwG2j64xrHUBSGZkdzmA2EEe1Gv\r\np75gUE9blz2IYrV5dLpaS4Yc2tONT03Gs0ZFIC6FwdPrBHHxmc9+pCxrm2xH\r\nGqC+q3AZZVJjfZr1nPLIpNgAZs9au0AACPWrqV83qUISowp3QkEWT0wBJedS\r\nhSPPZwz4HnFCDcstfK9nrEizj8UPrb09sKtwLuMFEk5nfbytsUjefzsYSX6g\r\n+Fi6Ct/QAv3Htk9D2Y+ZgaPIArhZMS6rqATlOr7sCmfYgLyBfv0coKE6l/rM\r\n+LB7X1vkA63AcErGBMxjVS6bgHEMfKZqRGvpWNkhYzqWcz2ICdoJprlYWO+u\r\n/1KAqQGwcuKBP8JvcX//XkFFy1hK/DRysu3Eg318qWgPFvYmrmPvLcVgDehW\r\n8i7+ztYvzdfM8wRFpSyTrxayWxdO0xiCqOc=\r\n=Z1BH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"28f313542547c982f69fc57b98811983600931fa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.96f472604.0_1669035100512_0.7901062163490318","host":"s3://npm-registry-packages"}},"15.0.0-canary.18b8f31e1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.18b8f31e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.18b8f31e1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e0420b2b973e0e851b23812e73486c2b3e93402","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.18b8f31e1.0.tgz","fileCount":8,"integrity":"sha512-rsXrLXlcifPZL4Oo7/Ls2O9r99dpkYnzu39kaLCSye7+IWtfZeu4UogxpYK6V4jPNZrpBfK3mR18CtXqKrVLbA==","signatures":[{"sig":"MEUCICO7oazxtArEDwYS3j8YVTFb9jwAf+1c1lakPLrM3wOXAiEAkzileR4CX0X0/NZjafCaUjWxLJLRcAlmanT/uGPjhWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje6DRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWQA//ZcvsU0ktlRdSmvaaGzqRBfQSKbspThGO5rfNfEiyksHfykdN\r\nxprhckSA5OnB6Rpu33nf6oX2+5xf0oNS4f+Cgt0vlgvyK6Zn52bE01CjpvmV\r\nBfpJt5ZNI7EfgI58Ys6vORhxCs+BAlTjR8UX3lOUJ+/EiJ5ahvwWaKa565rk\r\nuS9lFpf0JP6W3LaH5c1usUiC9bOUA6rz4aRByW3fl+lUpbufuLUaxM6h4I4X\r\n+JRgIayorn8FVL2h/jwqkBB7gbHSO7Hx9MHOFWkOqvmSoG1gfcZEHs5760CL\r\nvAyts+wIA5pd4dEnYmcmNNVWfzfkUq5JCRacwEvy3GUG1CnhsuvgHM/fy4o5\r\nqzsx/k1O88wK5RjAgK+hrv615YmqjZGj7j/U6TQrVnuW6KQrU5PG6dp8/FHP\r\nD5oS51mLOvf70JFL71y8mLQ6QRXD12F6C4aNbl7ep0cwrG+OII2xLylZWD+i\r\nT9ZQLpNm74WEdsRRdONbqFFP8zur6en508jamXwG65NtK/spI6lVoSjDXHsD\r\n9d1nLYsONunDULNNoL7Ezhhe7wOFbh1IyLC/QS7HwwD8K10dJgeK6BGjIJCH\r\nb1rQzSIybxs/WCHEGZX8DrZs4F0qYi5zWtKKrjbZfJyU5fVv08HL420r3oP6\r\ncJjGvt6FUKKGAsx0i5BXKwi9pK1mlY1Z3Zs=\r\n=A2HU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"99a6c50dcaf8c9db8b49ca9378d7bcc70fa3d276","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.18b8f31e1.0_1669046480901_0.9914518024819223","host":"s3://npm-registry-packages"}},"15.0.0-canary.912f33ce4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.912f33ce4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.912f33ce4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"163728d2d599012e1ffaffc35cdf2c21de293e56","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.912f33ce4.0.tgz","fileCount":8,"integrity":"sha512-sxpUIRIxLxCcLfapk+dYq9cHzLsaHN3XiyNnipV7jKFQMDaw+htd/NDTk46Rc+Bm+zNSWBpnRT6gbbGVbTy2ng==","signatures":[{"sig":"MEUCIE3fGdVvDl2z8ZUcykLtcVwT+IgKg6qAfWQgOlpcdXCtAiEAy7ajKo8N6ra5g+soN8rA79UVz6v4Tw0WyPU9RAlwvDA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje7r4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOMA//Se4Iy50k6D/tdY3OvKH34xnUG1yTHZRUNH+Y+2FkPredxzcX\r\nsA+GtNwW0HEb2pfE6UPHHu92AePZif9FwMKeV41EPYwrPEkhCBgkTQ8SQ7l4\r\nBKY668K1HzO7+OhUPyd7KW9AZEnuIQDZ1zse/KdtYs7+TpVntds8yrs7OATC\r\nm8oxtZgfOM6ecfiQHmj4rlgUT7wLslUV3fENIzHzqgb+LCTBzG/+jaghCcT+\r\nvW9ZWv/AaXBVEJ8ZfUsVjxaE6qiHuB+Z7/i71X+bZvyiZcgsATQgwLvtIZdc\r\nizyks4zz6NrM0JydjCSeMr8RDowMAh+J9F1ikFWsVr8CzccGWDe6SJHYQ5yk\r\nkcKoloQ6OHFO2zsaxj4+v7AfEPPGkWFvafBC5yQDyuTYCkD7glqxHDaXGOtd\r\npsqO7xPlRt5vAEIs9VbLz1vb+P6rcJlkTkuP1pMyG61QYEA9NrGCsoJZhHj1\r\n/PHgPXJ41/roEz0pwVqgIrg3rRjKyRDjShMB3ih0uLKA+zJBNVLaJQBv3/8S\r\nJVae97tF2ooztx8bNqp5+w0kEqbSI5zmR6j7NNpNwckCvEsz64cfBveudVRp\r\nv8nCY4SpAq9Xve5AoFEawM3LvCk+yXPDOnwiaj9LP1+Bv52rYp7vPEa6d4wc\r\nErN+SWqdX7cB0FQsjNdSFpYxwJ164GBo4dA=\r\n=PM1R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cbdf5145fa19b6681004b6c2d5de771b50f5b6f9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.912f33ce4.0_1669053176444_0.8178885130717157","host":"s3://npm-registry-packages"}},"15.0.0-canary.1e1b1c369.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1e1b1c369.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1e1b1c369.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3d0267610599923309fec7ca384870f0d83bed4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1e1b1c369.0.tgz","fileCount":8,"integrity":"sha512-SrWWzW/Q2+516bl39cscbrRDwwHgJ6YOBH5VZ2b/Fd3VzhdDuwo/IMq/qceTE35TcP9Oi8rHdu+lWG7yBHaJKw==","signatures":[{"sig":"MEUCIENNsWL6V/dQQoP1aIDvJcPp/1Tx37gAhpN3ZfrAnvTUAiEA42e3DPh5BvPyEqR8D09f/1ULNRpXch78pE9oskJubBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfm2TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXZg//b+RHpskztqjNEa1DoAQsckaQ5LlgEjyioVu9foB8V/lnYAqX\r\nmcByiOFbdZ+RQ4PeSDdQmR7Kuq1cgEWsd/XxZelMVMac7evYV+w77dkMR8/T\r\nrzeOjZhDXhoy+u78eu0MJK0wMwITEdO1ye/hAbbUErZTFRJWzfv6jt9JsDhJ\r\n7NN4HvDr/fBt9Vr2kXSvXXdPUasQspuOXTXt76FbsrCUIMTS0FO9iwhNUNbF\r\nroEuD6DhOLe6q46LDDSYbOPmR471kDhyPDfwTedO5S04i4x+yPXIAN7AyeXK\r\nRQS+3PnVjTFALnYIN0QysZYQn/vzZjzdSXCn4UW+i2w0QKrTf18AspEqU6Uc\r\nn502WLgflnWn+218/eHirEwiGq2l8bGmqVTrZhdnFTtO5psdMef0/josqw6n\r\nFd4EbJO5rz2vUp3A9WcKk41eMW7uZ/Q3rygGieN0oGNWqsYDS02azCXJxAKI\r\n2yHmxCRpwG2DZkXXq5z7f0E8R1RaRYif4GhjzbWhkJgbkBr/K43XYq/NT/0q\r\n/CPc83zmhVcZoVvIewb5NKTy3fuUbxSp5ACG35i98u98zu1iCT9Gq+vJ65ue\r\nku2o2ljZCNUFSLO9Yiybh7cGODpkENVyWACuLwLXSvCfCOjNL5I4AvWTexNC\r\nl4uHu3JA11uyOR0taFuL3iv1vXvgkokwBls=\r\n=0YW6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b59baa6ec6a8114401e616de0c9d3675a34e4206","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1e1b1c369.0_1669229971598_0.07847529265629505","host":"s3://npm-registry-packages"}},"15.0.0-canary.a2ec49244.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a2ec49244.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a2ec49244.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb63044d5ba574571afdfba3b5c43a054cb0c4c7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a2ec49244.0.tgz","fileCount":8,"integrity":"sha512-udctSqxxjW9QIXZo4fGgCz8L9Qrq0EXsPngtNTVr7mFCVu8WPWGjL39WTR5tUuEoYoBDwOKlcOMQAq/kMlVtCg==","signatures":[{"sig":"MEUCIEX6IurnzfqRbdgf26c2olvkfT2QMhuB2v1VoF8vDyaDAiEAwceuveg1jxuSk1q3XZVzaI3JLC2SZ1Tc9Ht09aC8xiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnS0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1vg//U00xD2NL5Q3sATE48LYmhjugUV46UTc/YoMXHqXpUhkOyFEW\r\nGj/ynhbQm8ecVWWn1+uHpKeiWtpguSU5koT6EPZzw4kpApCVjl1m2Tn9Hwj/\r\nIQJNcF9SeIKpXnzzwA5NbeoNLpJ0iYhe8DktNoAoy3cNoUnwV1JEhe8FuxPY\r\n032aA3KmuJ1GYy+F5Yzo9ZboqEwFAZSMCf/HVJ5FlWAIvphLb6kLcU+mnSw4\r\nuzqGbNwnrrBaeotxolld4SSCPQCFC31BgOGxaHIcv4NY3e3k8nFETKQ9fHxi\r\nFfOK5dLOgH3n56BPM2d1pJewJ//Fb1KSC9r1K6rMEHc6nZGuXCRdyNCHXxMG\r\nIBRd15wmsTTxfkikLgfl8kN3rHDUkvXQYoMQzZpItMZkE3XDukWt/dRBCBU9\r\nj/v3F5LwalL4dXREGwo9sTszOgYwba9SOpoy8xu7E+Elienhnp+1f/JHJzCN\r\n/DCEqrKo7d0M+PAAe2l7Kvf0GkBWW0/97n8N0JFV3AlGR71qxdulrOKo4N6N\r\nE+I4NsT5jH2PxhVa/87/49nJovpwTRBC+irzS8aBSQQtBr5WdjjgRoj/uJY4\r\nbh4QKhMHnDAYwra3TOs7dyuqfpXemf+HTSlxsSpom/xaxfC9JDS8n5EYrIoC\r\nJKLz5KuQetzJ4msbeBwgeJDjJEZW+1y4vWY=\r\n=Mwtv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fc59d471222d0010e05a636e8c3a9a5a9abe2b3e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a2ec49244.0_1669231795925_0.07709129616449939","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7458ba0b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a7458ba0b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a7458ba0b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0027334096948a6971e99115d7c6b89a39d88afa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a7458ba0b.0.tgz","fileCount":8,"integrity":"sha512-edFuyNL8BehQglWnsrqSHNh5N9IJxjNc1uG4v65HYB5UPMQUgw3+/J8X8cEYWeqDHFP7VcuPmMMM9UcRBjtItQ==","signatures":[{"sig":"MEYCIQC0rCGRvR0ppRmBOde6hqsOhUVRIbpzmuXn0rNFQXxISwIhAOD+TQAAh63HbD4kBFr4/cIDsRctmeqyPFYEDuMDiTxF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfn9fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMHw//dpEYHcd9Cuoz9hZh2Un5N6cVkRQcMhvsEU+IZnYtGtDAI0qz\r\ncIvOG7tu6IH1pBc1NDqGj92BZ+uZ6PLllKQ3/5G0i31kU2xhjysX96WX7V92\r\ntE1TV4HBU+1t7Q1fhodpY82Tm2OCKXivj+aFCXsOcXrWUbYwE7pbqxvN301n\r\n0R7xzkglPQ5HSxLr0dXnfIErF1roO2SUMdSDCy8rLrjn4mnKP96UJXYUrPTM\r\n5tkcDBfTV+yrkagX8YrnCavjc2B2eceKStLiqb46YfJEJf4warlG7PF3Bfaa\r\n16ca/c1pTrXx2I/GQx2ODDLGvQKajpBmDd9YwTAqd7jjQDkGM2Ogs1whFhug\r\nf6VlH6uin+kWW7pp9Hr9zirunqzVHK5nGYllr1HKnu6zMU6WBeKKfb/YBSp/\r\nNcWqTaTFY4j0ZLR53cAo0erRF9SKt79YAP8tgRpRbqwmv9uaB7uPya/wmOkc\r\nAZj1rqpsFPogm+axiVlAbvfRnQ3iuH+TrMxQCMDhe34KgKKbG8f3qFsOtsTI\r\nqozlFTAwJHoP0RXC3rFAMRq5Y7qUfoJ55pxYCSp4KVHq8sJGE0TPBaYmwuXA\r\nECZAgusr0OxveQ/P5d4WBXFnWJMIFaf+aCw9nd7hRBZgNlX+mh/B6871ykAX\r\nLbv0j1k1zwPV/hM29iwAnUfzXi3vj8JYiOE=\r\n=cc5h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"62e6a15e0784982b77df0a1d824f81d5a15cb6f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a7458ba0b.0_1669234526961_0.530536630504995","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c35e5036.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7c35e5036.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7c35e5036.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d9451d3961db9a059b70b2f4c1f18acbeba635c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7c35e5036.0.tgz","fileCount":8,"integrity":"sha512-Bqj01WRBd6Nm3X+NpFBYkEAKDEN7v5xW0ZU8IWhZ6TvXx51wGqOdiMWmQ5fIr8GhxpBmLs6lMG+QBtRgLpUIDw==","signatures":[{"sig":"MEUCIQDqTwkxIo6M53C90wsQ5X/ztfle2VhTpbj5Ero5v2mxogIgGHV4T/DhOz1U0Z+mFuh7G6R0dpszR9HYhVbAStOnmms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfy19ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprWBAAg5+wYCOCKUJxBxDft8wtb0cuN4cIJNrbbDHpcVByuoW8jcZV\r\nE5JmNZKdN1P8nIoyggNBz/EpWNA79T6v7OESZ0g1P4xKJDKXgXK6UH+UEXD2\r\nLp/J0c1+uTnCRrkU2npyVebbbSzEY/DaXrOxMpvJOzGeU3kLLb3pB/3BmI/6\r\n96Ai/c+x7afhyDlEAjx4+gT3kn6i9p65rHP4accxfy2aFs+WzDCFUV+fSL9k\r\neDIXkEAkQK1kFk20eMc28H3e9Qlehb/3Da82NQxrBjeWWaf/XpoOdphMKxfp\r\nDyPKgkhpbYNFtsBJ4V0AFJBUmxuFnm6Ctn0xpKJmxPNSOoNywWskti5sSPCp\r\nk7atPQ0CnMxUBjgqK8lern/kOleLK/oK37e2TaAOTtzlTdTYlSBdfld7adQW\r\nueuw+SXC5h5KEPaxMXX1ajnoeyaOqixFTTbpAk1THCkLFe7zVPnWh1pwB4+G\r\nuD9ynqQOlZUN8NeG/2xhs9tvWjCADfUbKEZWUzUfC4hmsY3D8h3Mqsbuvqo/\r\n5PUfCsHpAz62KUmaZ4bxMQwZ+8hLBq9yoq/eeZcujeKu4X5F+ZXUJMbBTMtn\r\n/L4EHVG0gp8Z0mFvZW+ab5h5W5tsmvk62ulMjB7E8mkGEl/o+CstpEJI1F8u\r\nr6pzr5bITRSGJTdVyZbsX0DEhQMKFJ+8OC8=\r\n=cPsg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bb1e9aff747feef28ef92f415776fe33dc1216c2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7c35e5036.0_1669279101031_0.2699942244715816","host":"s3://npm-registry-packages"}},"15.0.0-canary.4356e05c5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4356e05c5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4356e05c5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f82e6c906edb3a62fd2894ded031b8b6a8a75a4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4356e05c5.0.tgz","fileCount":8,"integrity":"sha512-e16U1uAaxVeoigG0xl/ELSYqnaedEaPvFDomjqCASFZ9vchy6r7kG/V25ovurlcAgaksQNURKGIpRTz09EWaTw==","signatures":[{"sig":"MEYCIQDNPIx4G8jl3RWtXM6eb5Lwp8acfPetCAVq+hvE1N+u+AIhAPNFUo1aakyV9GnYqdIpHJbh+NecMQCV0XLug6HzynOR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfz+eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3RQ//ZAiWQdgVr+vUYpvSWoruwPpkL7VrmMSXBRZNkbM0n7h9wHR3\r\nUbjJSwP1il3H15Cio4U8vi1rz3G8THHIwnLqoB3acuPt+VzBWDQPjwb5E/Oo\r\nvqvpeE33EAdHeWiWJpfEbv79iWrABmcwqLamIDT8FeoDFzmzJ9HJhRIFCfge\r\nyLLYR2gJNq+8cJBgk53Y5NxHxr7DzbxOauKECIW2nvgv40xATjYqWG+kNc50\r\nwtRO7NapKIRFg3VE0ij0EagilVcIZLU1kf1lu7JCXOVLW72Hc8nLPHbHd77G\r\nF8kQyRQbOQsXAvAuJ5C46eE+34zi0SYL9sMlEsuLeuk92MgtGRgabuG7NgBc\r\nuGTvChmdODjNZDjIT3seWcNgfKWdiWARk7tOMDwnWptEzxsEH0ewujzIcBEl\r\narssUovdNelAZ95e2lB89qSiBRcdmuCmcsG+CQWF5xRWCwk2WZyG7cR7owUj\r\nG5NOOWy/VYz7xf8emzXSo+g7bYMALccWv0caYfZvnxiocJtFZYwg9ci415ap\r\nB3yahEbZ8+jeNB6bgmi15uAI/SdbBGoKuljtR1vPa+Ti+yKU7G2zp+kQuNzF\r\nyiiQg4J0FsXBQE2PKZ6fHDdbMMqU5VJyyE8OKpYXyMMuOr+VnsgTLxM+5hcc\r\nVzLZ0pPVfIvWUGmf/6meQzlBO57TOL4P4+Y=\r\n=Nvrd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f21a6abb8b52fe9aa5804b940eac0cd94256fd9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4356e05c5.0_1669283742630_0.9694004848920981","host":"s3://npm-registry-packages"}},"15.0.0-canary.cb605f8af.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cb605f8af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cb605f8af.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0a8847f533ed15bba835d506f694951f36a5125","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cb605f8af.0.tgz","fileCount":8,"integrity":"sha512-Bab2M0cu1zzTd+N/l8ABEMEip25NAguzZMEj2FfBX31oO3gAI4DewL51o62c8E6XhzrSvFK7Ra9dBXD5KCmAEw==","signatures":[{"sig":"MEQCIFPQabfS5AhAqGgVlpX9cQH7QwYGZW3uxrYJ1dPaEtfmAiBkyUqWyKpR2uZYwD5sK6PIzvJZ0IVvW+ICzVOGj+Rogw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0QBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYZRAAoXMQBz6mV7g2aJ2l2s0C19D69bytN0X+R98xzZuUrDkWXE1Q\r\n0YXbCbjezD8kItB/5hE1++5/3N8vb0oBoTpZ30oMA0QI09kbaNm8QZdrJwjq\r\nwe3pJpwY8B4f0X9OWfxvmR4HeMDt+vAiqHGgRHMAQEbK3hLVPXMQeojWBukB\r\nVrGp5wpWv5Na9QGRDYKKDNblj2sdAy02Zwphflbj5Hbat4WOqIFBRnW53aKU\r\nlHYzh/0LwaSJoFDkGWH8rJBKQB2ENOtIqD3M6PLogWm8g+D1Xm9LSnhRJfiq\r\naekGY6lMDIycN7qv1t3kGloD20Wm57A5FXBbD7IM7mD86OmPvL04fzZECq90\r\nWfef83Wc9B1nTl7kbyildaBO3egmn6OWcimgRlXONjIreO1Af12UWWdD4cSG\r\n2+nGOchPJeeW3AKh9TDpJL2TXasnFClhR2MqF225BzAu78Fw+mMMdeE3XtSY\r\nG2xU5/vdZhORGQHiAhUFUwrANnBCYURLxrxNEiciZCrXrP/KS74mYwIKSgX1\r\nLSGBkHeIv6JpiLebK9dU8hiBvsHOe3M2WoAFzDvGKm0gPvvByXcHyuAwN3Fz\r\nn+XAFijugqQwRjn+YbSToOcGXauxH/ACuISiIBQw5jeVVZMdnic0Xh1LujAJ\r\nplb/FgyZzzmM48/jSy4jpLwLcfT8XBs7Ugs=\r\n=IBmj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9d617d11bc1506bf595e8a4f05413067775d3880","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cb605f8af.0_1669284865032_0.837942162141458","host":"s3://npm-registry-packages"}},"15.0.0-canary.05fb07f9f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.05fb07f9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.05fb07f9f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"692f486676a49a921dfec938d11ae090b881a431","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.05fb07f9f.0.tgz","fileCount":8,"integrity":"sha512-2bXbFbmec3wx2ECpSxrN5+JSR5z1HUGEimpCO9ekUZGbAW8h7TISVqUCdQM+k/X13VZqoSXJfw+8a9Na2jICPw==","signatures":[{"sig":"MEUCIQDJTLB28EdNSMohyQD6rezxBDOn1hVn8Gt8/6LYf4UwrgIgTN8Jly2wQLyG4bcMhmxgTatyKgy+XJX40KOP0abru/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf6YOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqYg//egs31ZGauxGJJzFMSBt32jotxuqeE41J3SlfjFlLuVVEAsOG\r\nDRumNdd8sG4FmZtJHUYfYnzZB8/T2HyIp6tmhBDKnRwiucYccPAk4g/SPxS5\r\nqVLMaF8ysW43Xkyn1aNMqSMfKJxCc/wvM70VQmlFlRNL3p8H+Y4LKmTrVXbj\r\n7RlHjQHA04qwPB6WlVYIqpnbYRPtUl0iu0EmhhuTbK1kEoR5jDwCVbFt3bCO\r\nGz51nVZoWhF7UGtc2uugr8lSJUbs/MvCqUDFBZ4tvg42mvdFgTb7y3zrvLwd\r\nejhpSYXtKvinvgYekpbqsenkSO6efR7SXlvNuIfk/68FHbroszQyv7QVyu6f\r\nrUZlrAHhOfcCMzT6sUmDNepIfKpLiizBoxcLkf5lZKaqtf69VALgdaCfOups\r\nrj8pxqfAedZHciFmv9FnRBk0rUZFgu8P1DNIYTjCwT6KFzk+xkVYICumqd9R\r\nx2lZnWkLnv1UM1yxUFva0xPy4IYjs1emGpprvtQrAHC2uP+Q0Uuhcrlr/H5k\r\np8yS1tVFIVdWHWD0aPTbT0St7am+f++Tm0YpD6H0dhP8HGBATZAmjz+oAm2M\r\n0a/cDTJYdSi6+muzq9BS0eGREZ8+5sWsQIYbFCFZHlXtIA8pAzTjvpygAde+\r\n8r6Jnl/d3JtHls3gWCNahIEM0FXRMov1g5k=\r\n=qPLm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fbbdaff1715be513be46d4628f7aff9d8f7e27fe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.05fb07f9f.0_1669309966449_0.8447851224906442","host":"s3://npm-registry-packages"}},"15.0.0-canary.a911b386b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a911b386b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a911b386b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c061a52deade0cb17f2caad3952e4877b4deb99c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a911b386b.0.tgz","fileCount":8,"integrity":"sha512-a+ZcBZwUVXUMdBmwE5uOAkLePH1FKXGvTYvt489vtLQjeC3pfpN3LZRqEZCUkTNUY9RI8QbYMVsREoEbHYabng==","signatures":[{"sig":"MEUCIQC5sdksjEWyN8UWj8NKJrzPldF0cOZ+eLw4Fu3RcPZa/wIgDaRNnW+ja/R2GUTHIcsEX4aDlcdpT3zA194bGonCxQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOXeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplAw//R0xaa7Xd+oJ+yzKqTPvKVzGq/LxyKun2uXuvuoZ18jQAyuoK\r\nJBRgir/Mv34rkaY+WXZvTPxPq/+4oFw9p03n5C0LyB/68KIru6BHN/n/+VvY\r\n7LPTh3e2ZKaT+IhTjBVsoTecEy7XNMFDM0nwCMPdPxIwj8Py9tf5xFmqlF0s\r\n4IGBc5ibjl6KVnYWUKPZ+OIU48zvP60I2+oxeEcbJSlDbxwJyWSe+GQTteif\r\nv+TWBqEzWhQ1ejbwotr1NSgq5LvzdSG95QXWvM/P4bQde4pMynq1OCGPa09o\r\nnQULmcSgye+uRwTJ1l+uD5/mACas7Iuru4tFLt1rorgd2zf5AUbuT+/OrNY+\r\nYmybG8eBv92gPo7VKauDgCxj/Pf/NYK8ok5o1S1cKBjBvu0vIUr5hAGJEEG2\r\ncCTKBzXefOWTGogF18fhr+WvhTd2Y7TytmL98vGptUF4DnUdxz/AcYuJXI5C\r\nYnDy7uq/2kiCJHNckKAP1w2RH1dDWw297IHfHoRaFavfGSK8TnPwsO25/cvo\r\nfMNMphxpQrif4qqwA4YOe26j4IziShhjsa8YNvt56YJo8Yab6Y93Hbn1dOUV\r\nfwzsdqxJQuNs4xIbxsA14H2pa5zVc+WDXciuOOD4rQfKiTT3Q0vrMxhcK1JT\r\nWkVIWrXkhCnQrny0d9X2BfYdfpb90loELSM=\r\n=lQKG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2487492bf1103f4c82913b328eb64ca5b71b9f5b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a911b386b.0_1669653982040_0.3780148862909214","host":"s3://npm-registry-packages"}},"15.0.0-canary.2aa8050b4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2aa8050b4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2aa8050b4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1c7dfb025a4a0b071782a0ab6dc82f489d523ce","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2aa8050b4.0.tgz","fileCount":8,"integrity":"sha512-nZ/csh748XJsoy+8yp4DNgSzZ45i0FBPM1It7YpAp8oufI6PVYe7gbkJwzIUAUCBg5WLaQgR19uxY4O5lVZN9A==","signatures":[{"sig":"MEUCIQDHkCNgHx7UfV47oNQdhy4P9qfZeVbodB2WYYWjhBufdwIgV8jyR0Lpuqzwfr2OSxTZzN646BU2D7jGExAj6vhGfco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO4A//WE4iEiaaLBj32fq1HHj1DZ1Azk1Q1ex8vrCqTO+lSlwisZZ8\r\nK6g1AnhGHyJbF67krcjm5Jd1TuH1O/LMADQYClmOhxmqQCYzRanfNCcCXSCn\r\nnEI3Vz62xjYOwe4yTjzSiT8wKN/Uj9bRBd4lnb4gPg9EBGnk4bZmPZvoNKk7\r\nwbWmBnQLCvDLK8fv2DvyEUhRuYatZXxS92/excBlx6hPghqWWPFWSo79Fm5T\r\nA/wwmEX7HdQTAXdQJTEiqhExtE5ZJWi1jjYkwDiIAMX9wXAIljLl2n+p0uTQ\r\nydYB3SC8o80yjCo/8qWKaclym3aF7JMNzibs9RTanQzue1RZS+f9N4V4M4/X\r\nmMpm4S52s+iVHsSz5o1d85fg8nSPWfFfanSLbvSP8vCC6j7QQTV1IgD+5RIp\r\n3H52UFu5n0PMMUUjpGy8N5cV5sVLlAz8Mq6DI4NCUqmgquBCM8vXr2MoOjwH\r\nGpAyRPkeUDXhxL364LX4o+uVwjqFRIAZVZf3hcm415TT4fUZltvI1rnWu30z\r\nfDV/f/M5XTSPvMmbnxJzsXYIvRoXtkpI9666v+GqKlpyxLJaYOZZZMLE3M83\r\nB9LLqzGSbMf1Ho7Io9u/nmab0A6JIoF8WX9dpRkamdfe+EOmjc5tSzGqXRAH\r\n+VP7fygSca+zW8iDk2GixahDBLB+6jyA10I=\r\n=KMUL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7ea9b47d90d470adeb6f1cbc0c1c98b88392e56b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2aa8050b4.0_1669662636595_0.4633936515785366","host":"s3://npm-registry-packages"}},"15.0.0-canary.323904a9f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.323904a9f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.323904a9f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e077d3845d23f4721b53eda4972f8846d3129cc4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.323904a9f.0.tgz","fileCount":8,"integrity":"sha512-yc7ljjdbERHtFofBInNMef44E4+j9gSKtE9ZH2nOP8moRj3lRm8bMUmb0G5dkRBsbK+eSxu23HR/fOVEW5Ikiw==","signatures":[{"sig":"MEUCIQDiTxkVW1e7dJb+gLeR/YcTWFmb7Olw4PwC6zyP5Dy41wIgQqd9BwXJc5JD92FBqjNTlViM2vDxtNI5JYrkS/gKefQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhiYjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMuw//X50q9nYpSiLuixIlWbRlXE4935wFQOzIZ9UKft1ta+pxIXPq\r\nFscL1vY4Lz53znbVUxoylA/LCu+va2I9pThSWsNXwVdiDIfYSO1P8IADsPl6\r\nwb2/taSZ7lNaM+uvWlkLwN5J+qtfKtQqQiqx421ghG768K8ns2/TYu5xU+nm\r\nL5UjfZIT+mIqBpOo9F1NnCZbh25Q4nmKla4/mFx+MXjCpoSygrmHaGM0GvSQ\r\n0YGwAIh0huju9Iu/S5XTxPlMOlsulvgMIagBEbHwPrp7ma3GkVUtefR9y8jC\r\n1k9BUixDOc+GP9+UlU/OHMe+QcG6o/CNL39Unp4F9ncaus9DMKz0sMaosTy4\r\nFOWpq0bY7SL6PMcs4iLyDXslqAIGK1oRBmpw+1IF7R11jB7Dznquh7o9jd/y\r\nX9eenDJ1k+v+9VoU0dX8aQDPbkN6OH4nyWVOQba8feewvu5fIq1rweS6KHLP\r\nWyF+8Bckf/Z5bBMzcxfdpz+avrwIWNUIYJaObWLQWxedk1IuUw/75/mPpnSm\r\nI6A5q+A++LZb+e3Z3It+GhmBULF+NJjYW6dHATKsUhamNPRR0Rx9R26Lp74l\r\nLzKeJ5kPZzS7BUDAdogav8w0+u4ciAls3P7ZdBkj0Arz2KyfXQh8YEYxN2mm\r\nooCP16rOmNEIuYVP0ydOCIBZGs5/6ZAcsoc=\r\n=khi3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a69fa8c7160aaa07d868f5bc365076bdb159bf99","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.323904a9f.0_1669735971058_0.5237331129804232","host":"s3://npm-registry-packages"}},"15.0.0-canary.168a629a4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.168a629a4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.168a629a4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd3b41647dc75ad17c6b93be9fa686b0fc18a016","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.168a629a4.0.tgz","fileCount":8,"integrity":"sha512-4TGVS1azJ4isoF8RgtZJHG1tMOUOjktZ6h3CI77RKOzQzzxoof6dPuWNZtka8G99UBlsj33HMnJFj/heCE9HdQ==","signatures":[{"sig":"MEUCIF/MrNOGsWrV4JSx6XDYhu3SHUOl8Z+51w/GoPAlPjuRAiEA/fhwLiwFImbAcMN5CO3oMa5w3fnQ5fsfu91uHgfXZyY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjevACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC1RAAgTZvdEb7NhE7aZxM4KPY80R50njGTPHJ22FVHA2ksknOFE5t\r\ncYt5ZrMOzBm87Q5JVCb8gI25uK8wDwNSz/Zi72HG35WzVZFBUZf/q6+hvhzY\r\n9ae7ENUR10MNAvJ4Aoll6PlvXCAEvFu7vmXvcTptpfRpiYVhVsKd8qu5ZMmR\r\naaAQ6DH28s4ozCBJaLHZ6h4bDz09ZVJC1kgdm+kZJ6ovHsbvC75cV7rxR+p3\r\nUoVRRcVgjcwb7qk1z2o4T1by7EdeOy+jKH/UpM1nQC7EbBP6u1JOUaCf3WND\r\nTCxmqBr7uBDaDUvJOcoOvKt29igclG8xSLsy78rk2vYUlRIgrk6lGw8vGxNk\r\nJEMfk7yARvxsclHKHd0e8t4FfFAQhALiqselBtvo96l8hZeqfUQxXLT6F5Gf\r\nXVGwDbQRfH4nU2csWBRi/2OOJlcfnpP7x6LC82DLj5a+CYSzRzBZMfSONfJX\r\nuR4qlmj2iF/D7ItbrQ2tLn5P1Hx54L5+bBbBf/t7LAzhJO4sUzwpTgZ25vJ4\r\npWouffOd+i74UFw+m5mQ1tJDH4en9+To/nfj3pZCI4G8Y9ZQJywuRyEHdU+O\r\ntaAQvpE15huLndNPKW1dBkCPsgo7PX+OQOidzulj7Uqu4CTTxo/vQfBJNGjQ\r\n5A8XX7kFGl/aw/dLgN7jGY85vk/YYeVbxZs=\r\n=RY94\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3091b344799132cce493f92839da8e544fec7c05","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.168a629a4.0_1669740463378_0.05424228452930513","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c411674.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.65c411674.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.65c411674.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc0a2fd76740609646da2d20bbe83d1ec5486ca1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.65c411674.0.tgz","fileCount":8,"integrity":"sha512-Iq2tphVCCtJZrqWrGjD/6PVRKe0MxnYaTkfIzBD1iwERBcoecnEy64mhBaE7bgjnNAGRJN1BKC3CV5B87ibG+A==","signatures":[{"sig":"MEUCIEm5JcvQ4il/IZYLM5nmRF2+X6Q5kjJcvRNVy/935Y3cAiEAjzQ5LLHXIniyCcJWeUa8U2Qviwn0Srtv/od+kNjFt3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhkNJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq07w//UNpPKbTz8BcvBB5o/A/g5WFj96MNVYnl3B9j/QmDJaawV/Ej\r\nqtaK8y2kJ6SZ2mnsGykS0nkK6Y0M9G9ttjp/Xf8xiFKgWlGRqJOV5plpKZ3q\r\njizvj5s2juDIqASnXQzVbqD4ISU7Yam0URnuv629DFrNuFcIeoX8xaGLkYnx\r\nu9l7z3qhCneFTewyLhBb7munMQguQwMNPsbuf76WfX8A0aKz178lNcY82Z1p\r\ncFySSY2y7P0ak5LIMYdOlYG1aKM5wl2iZh1Dk9oi+iPp7j9QfJUeH+kp5pnV\r\nmzgg9T8IT8I6vDIvKbgiRuzsn8Ikp3vVyfA5y9UxZ2kWrsyDVMVZZa17CgrT\r\n0IbY6d52qeUJ2QcCeT4oibEdvgKb8VNpBFQDcwcSWtRl6oXbsHkLzwaCyqkC\r\n8iPB943uAe2/Yn/mFKh1hl/DMw4WwZVwDtMIe7I8DPLZBulr0XweZzLajZCa\r\nZNVPjd7wxvBL6ZEZC18IOlk3l/6+dYOA10Oge4Q/cOHBWQwZ9F4iLM85o5h5\r\nGSAN4imudcQOJ2EIH94tIW77UjWrcqXqwujvXi+2fg1MKWNoSA3FOD/suBs0\r\n4+g4sgAzdkO+NYGnmOfTFZ44w1QD8va41p2kkJu4ZHVZ6PqYHM1Fe3hb1pig\r\ncKC54MyD/DiHp4yl7iJTRGr0YdyKozckZfA=\r\n=BEMF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d80879a8c467caf0f52227ec97481bf5b7f2cb16","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.65c411674.0_1669743433143_0.7100800067213793","host":"s3://npm-registry-packages"}},"15.0.0-canary.a86d36fd2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a86d36fd2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a86d36fd2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9ce429cfea8f7ad375382a6267ddac06197632f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a86d36fd2.0.tgz","fileCount":8,"integrity":"sha512-nMOjNLkYmpsdEcCMxJJc8djbIhftJ1Bd0jXCyUHCap+Ry89WYauRYQP3tVFk7dHvJkcxULiLBo3acjpuym+Tzg==","signatures":[{"sig":"MEUCICxMkI/to9Mg3nEEFK03F1A5SdTJRdxd33RNi6RKzoxTAiEA8Qcf/ItdvFY+uhiY0OPJXUxQpPayFcgLfDfI//VMyHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhrw3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrexw/9G8Jmbz6fJ0raJlyfeEgUgXCkz6FfixcXbcxVmsGH4RTGRhqG\r\nJtWFdOrVNtlvDI8Nsm87E3e8HjV3wAUYjtG7RYjUuq8e+qYNbSkHEqGsbXjr\r\n/y0IVNTTv8ma0XD65dwbVEWPDgPat7i84CjTlPAVSSzbY6MhBSqEOnosPXy6\r\nTGJ9B9R9wIv4QvRrcviGCEJaXmrZc+uHyno3Z8gl8Osw0fPcIufYFlfJdHIC\r\nyLO5M2f/jtPicGBbcgmu3X23umr46nVnYCxVgBdqwqFvAs/rEzoeG9e0VCTC\r\n+WiOpwBE7KGTN+UJaRj+SDUKNQ08Hgelsihnw0GQM9IoglItJwkxwO3J1mec\r\nB6ctIz2N8vLFl9BLqnlRnZ5a+gONYKkB9uu2HNWKVrKhStDhiWZBrs4nJJnx\r\nF053RMcCPyH9OJLprtduTwM2geFqje/Omvo4hUTwSrJyanF9/BQHga0pxY4M\r\n1gGdvVJMvOG8zLDB5581cWD6xB2xA/X2xUtZQIuYEAIAeRHTCq/zv32bLQR3\r\naPa4XnWwCu2gY66Pn4Dq+qGXFc3WYaCmq0XcR8VHtYlxLMZaNTFld1gj/d6R\r\n33UpoHyEFvmN6PqkyuaXxur8wYw59DbxElaQBzgQE3T38D+gBv/TiO65hyyE\r\nwTfilc57qv+ooinbkNSiLd2esiguLFWRocY=\r\n=ZAvD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85d3ff6d42516ecc839fe336441543c8df62326b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a86d36fd2.0_1669774391544_0.18833552602968817","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a1f46c66.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3a1f46c66.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3a1f46c66.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49c1e107162ae6ceffcd06410e17820f1e0eaedc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3a1f46c66.0.tgz","fileCount":8,"integrity":"sha512-IXBSEXy+qXIMxe92om5o1gIU8tWGji2oDsp8eLzud5Akv2ydoLPzVs8pREi3MYzZSGxB0bodggTqSzabVl6mBg==","signatures":[{"sig":"MEYCIQDExfz/tZ/bbF6VsDxzJIfSmnroPpiXTVTQ9rg/1npN8QIhAIsjUN1VER3p1zOjb1b7XSbGk6EEuf9Wf2SOsNJ1hmyu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh0cbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroNA/+P/vc6TDrPjTHU3xbEQXBBFF5DaksfA8Jw1K1RiIm35XNYGxy\r\nAwxyVaOZiCI5yh1rJGlLQ5oeN53UC8JZnG7E+vjGLcfklyTzyDPPsJ4gVUJP\r\nJD5WV65a2JW3f55GUjQ+Zk9Neyx8E0T09UjPG8fxHF3E4sllra4rq77GaZU/\r\nEYTZ0gH7ux3sNTG2Gc7frNJ9owxSMsieSz7RvndZRRLNIcvBXsXc6Uh7mwCb\r\nuHZkB4bZBzKBA4WPJZJx1162Mib4v1jvGZqheyZGxz52fuCsxkr9hG4BuL1F\r\nTsyJttwxE27N15bnM1RS6NoFnk4clSAFitM0C95TtDfaZNTqiVYyVteZCQak\r\nyixigs6xKr4WNZBgXKAdt2RKVRI4Miqpir6qYVwgitGxrYWgFbSh9SPFM+Ka\r\nlkmdnn3YstK5A/BDwGYnxzCKhyxCgCM1IIiQjjHEeuzr4Y3Kp70owpIXNTV4\r\nVpBlin5eoZBPDotHDivb3rvgpyQTCP28NNPLlkxL2fF7QcPbeoTjMvDMc091\r\nJkQM5fCd4dWBlakPlxRxrJgQBp4zWqdYyRgebT0nlNIYr3bBi4oBPB20IO1j\r\nqXU15yEoiX9IvBO67gTV3pZEbiSVwfRjKXVVtDkpgIiM6IuzNJvphNInruv5\r\ny/vC/9jLUphZ4Crzt9M5QCjlcPF3Ss+M+mc=\r\n=i+vm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c3f9c47a1b8fbcf554e1fce6da44837b6d412e2f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3a1f46c66.0_1669809947049_0.15656635778118622","host":"s3://npm-registry-packages"}},"15.0.0-canary.32d8a9648.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.32d8a9648.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.32d8a9648.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44f695c8ac863e708e58c0a82d98c857c93cd3cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.32d8a9648.0.tgz","fileCount":8,"integrity":"sha512-cKUIZKv9qreYtAqd2v5L9Vlg4z6b0zeS9FkQLircugjtmdOP0msZ4wom4tcqU+6kOwNZhdEwYJQ0ZQcbq6MVtg==","signatures":[{"sig":"MEYCIQD2MZYp83tPdsmYPfk0C8LcE3raYmHvj2g8LGUEtKAzewIhAI0gHR6eu0QDmNPeTsgcFmlC5kdViukRVXCN5PEhR/Ba","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiOQbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXiBAAlR+AaPYHXslMxx1NcVKs5J/NTN+Yi3dE2aG+qv7gQuACM0HC\r\n34SxvChaW70yNqceYfwI5Use2diyLNN2sbG9awxq8UsKstBnuGro79DyGQpD\r\n8GZK++SpymDo2jYwVrPP+W44mmUJPjq8M+p589GGRUqVwTP6x4w2z4+3vFko\r\nl3lVgsVbzlJhaoDE0X9TfkSrPFVsAaWAMxP/A+GiiZIbk+cwTmS+qUkJ6K0j\r\njtXflFuchZDqAMcTZtAtxYcwENcKeLlWmC7bPaRgoHRuEl8cYLkKgF8uyXEo\r\nZ+2gcDreoju2nyInDhN4lLMX4ybpwb8XGoAiUHoTfvx/9dqu1pRvRK6jZT5I\r\nCw3j5BrFW43HJgzhc804O66n4+TSbcS+8Idy/FpcQNUD2fX3Hc23q2hjeWVZ\r\nAeyLS6C7o6gFzpJmIp6fqcXlN8RT8AT4wAw6iwGoBOwu2jFqyxOJnPrWjJH/\r\nWl8x9kR5cYX0Lq2OPl+BNPs8Bf85Ft1Rewv+uGCA3cS8XoFO0RTVg3J8boiC\r\nb2wEuN/4cho4GGIbmoQvL5mGjcdxo6DQ19QWptKJ3FmQuQlXCKltZnR+BiGE\r\nt9euzcmngvNABPwxfofQ/UqjB6WBdLW+aL5zknOv7AabuJYH0pBBHOgUgCQo\r\n8Ajpv8oS/UqBZI2C6WzlZLsyCxwqkKbBkbE=\r\n=Xnz3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5833a540d2f362be3d86a707323bbeb6cee2c627","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.32d8a9648.0_1669915675715_0.26118514138012694","host":"s3://npm-registry-packages"}},"15.0.0-canary.03618ab70.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.03618ab70.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.03618ab70.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d612a5c71653ebf2ca2e40ad4733b5718f3365b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.03618ab70.0.tgz","fileCount":8,"integrity":"sha512-iNOie3A53DuwqNZZTnmAZlTmV9U1FtGXizxI62l/QHdXcCOW2OzNjuRMigHeW9kMg5x9OYTnDHa/qeS9c0QyRw==","signatures":[{"sig":"MEUCICSee9o8Mboq/v6YPzT4jVFh/NY7nq9jN5U/3+IQIeMQAiEA6JuOVruULYdsQC4nCxmME04lWwB+DrRewM6KCznIB4s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRRNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkoQ/5ABpX76eaPqYrNEbNHyWhZfMzopydToJG9TJn3/f0DNzdyyVd\r\nrX51Ba2zxkdiHhbzJdaBx6EsfchgfBtMBgh2221/lLrydmuMLSHB68Di257l\r\n1GAxIijoJCaXIqdCcWg/OueOiZ903h3vbcJc64alX0o3Gi04O2avQhV/8cwM\r\nmpuviM/X/sPIcGh6xnobsjzDXqUc2iQ76r2dA0zNBYiQue2+V9ZNKoH5qEDl\r\n6355IkMTj/vLdThSS0SwxGMbDoLKhtO3q8NsTRFPfX9ZH/2hETOE2uByIMC4\r\nZrfse654iJQqqsOvEuHZXnLXaL/umlka7gUs3tgLA0d7Om1g+pxVq1XxVq9A\r\nr0O6kqcJkmRxMGb+AAjaa80Gelq8ltX3Ldvf0esvq83AMOAe1H575C2y/Hqe\r\nNc3kGYvxczkdCznh8SHWO2RQXm4EeAJwSaQPwNWC05ZxjagsTcbG9WsED1bu\r\njlPj+X+xAFgZgvcQ08gi6VdT8z2eN0LIFtBNW/VEXpu0Nmj139YWvrX7atOv\r\nj8nNSm7mIQ4wIiajUovL8rq+aYyxKctj70IFP06GnQv3BDGX/6BeVl2q8F1D\r\nvKaJSyDN02Zexc2SOlNLO3jeOne4GzfCTg54emPy2sv3NRYiZI7gF93+e5ho\r\nEI9zRuOF43r3FFerbkaIonMBVo8DalHwCFE=\r\n=NI+f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b7755627c14a2cf095b6ee87d1ad15c14430ebad","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.03618ab70.0_1669928013569_0.7577372684126498","host":"s3://npm-registry-packages"}},"15.0.0-canary.68aaed940.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.68aaed940.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.68aaed940.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d81a1451f366c56861c132b4615c75d866695a7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.68aaed940.0.tgz","fileCount":8,"integrity":"sha512-ms6PrcTKPrstmHQzCsY7EYi5aE37AykgSYyN27nBc3XkHlIqOMW5ratQTMOM/AFf63DvkHjlRRy/OxL/hsyBtw==","signatures":[{"sig":"MEQCIHFI88OpP+Sk+hGwvx7kIqA3vbrQQ2ZYkv1rdMnphvLwAiAnVRNDvg79BgqFRc9Cca1sFOQlKUrHeE6zfkp5Ad7cDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRszACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3kxAAjWd3GZ4U/fqcmU05WbODF+5VX5OU5eXJvouO4t4MGlQZGNOn\r\nR6r9w1kUgtI8WWloUGBspHOYUnX+7XkZmPzwazyMvq37X6jXUMp+pN3j5n6V\r\nEMel0MSMAkLSOFalyNkuGPpn9IWvI6i/dxJ9X7/AHzNw+duMUXNAdwljLPT0\r\n3GaEcbyh2p6DuLzHAN3hADl7lTIxR4S35vNay5K2VDPjPqIhGhQkNpH5sB6X\r\nrnHynZA7xTGr+qHnuhDiYsV+cX4XYs/coga9eMnk917LEYWH+zt8IOcFaS5I\r\nicB9PtgzQh7EXX6SfksOZPNDNSoteIzpPUO3DvfHucZRvLHHVukN2dye/2Wm\r\nf3kxmLOk+n7gTXEhrOX5/2ULw+0ZWg5+XqG91Wl4DbfzE/RzDkXQMTtYhAw8\r\nk8GX3MM36rC3GbI4KQPM9HqGoN5m7EppPujFsdOhcWT2MYXzWTVE7v3fCMmo\r\nV/gVzWiUtb0HI+tokA7WtuuLOLADsB7bQiWcOIpZCsOpaWqa5Vo/+zY3kYA6\r\nidawCZ4He+Y9GZNvTqwO1axiKWclkIYXlDqY/1+9T8Un8q40e7+ds0xc44G2\r\nQt1V9L/WGA8wavAHDBnq7WjPsVkVL2wSBnmACPBNw/6r0/k1E3+y/wkKjCzn\r\nZYlIQteC9arYyFmA6iMb9qOz+WaJ4eExry0=\r\n=L6PN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6092c4f3bcdf41ae7f55d37c6ad51793eb8f040d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.68aaed940.0_1669929778833_0.9206514576755302","host":"s3://npm-registry-packages"}},"15.0.0-canary.f0a0bbc75.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f0a0bbc75.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f0a0bbc75.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdda898dc7351e3916e4fe825b23d46500e6aded","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f0a0bbc75.0.tgz","fileCount":8,"integrity":"sha512-zRyvMU+P4BAmV1xyup9k47M9KfmdR3th31aHK005l6FyIa36GKbasKYHPIBXos+6eelb50Rv0DmDeMMS6ry24g==","signatures":[{"sig":"MEUCIQCXinthw7PRztoMWwESVIImb6yeRyo7bVPxtqxwNjPe/QIgX9EAfz7NQ82Cushngi0XmkP1p/ouGBoq6LMafQyg0gM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjib6+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo90A//RRayXe4cWVp0JWXXyWd6wJxxIBxE8o9pGeWmsZT6vlWqfQH8\r\np2KgeRyk5i/ndOlPx48hslZjvxNTBVYGL9cAY4f8PW/5/UU8kPVrKaZl4ybi\r\nkGsyz3bnjVi4+DzeCpGabyht4bwNwaDHFsjtWQxirAhJrWMQ3t9neiVoZxwd\r\nV5/qEICQ8gVs+irJnL7du99VMs/xqcVl6d+DUOTnFSSArxRc9MQVlpclVUZS\r\nFOvOzVPUTPjVHvMjla+QfgHXMA5BzktVvCUlI4wrVNw2koUtZXKQVh9Pqv6k\r\nW4SiaN7JqWMcLHeMKPA8nIRBpvBxdQ6QENscUCKGesMqo71G/yK/E4G+cJ/k\r\nSHvecfZxHztQSGYkAy6PMMoUdTnPGajTw4aynMhPsd4O450fsAb31cZ92PZ9\r\nOSykwdmAjaB4UWfepLqoFgTcy0/A0HDW9n8ddnBClPa+XXA9HWk1cBm9dDy2\r\nUJWjaw2PLhtEdT/uEOBlujA3T93BAw1uEgkf9yOe6VK9DOmPqxcYCtY9DREQ\r\nAoTxYex+qHeaHtQTPvU1cteGMZVdJs0H2QFEfYo8FpCISSVcY4fbhIcc07wZ\r\n87VK3Sgkzakw6Qp6FuUfO6jEHVW1pUCvVw27rbRk7cjv0MnDLoK4urDZKdmQ\r\nqfWmtuJGzQi/2NpE2ibhxhKYptcuLiIFo54=\r\n=xtDd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5111125522be9e3847929d9bbaf323f31e9057c9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f0a0bbc75.0_1669971645895_0.6046637285228695","host":"s3://npm-registry-packages"}},"15.0.0-canary.dd99c8764.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.dd99c8764.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.dd99c8764.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"229b1ee099712c2f9c279d2da067b6cc3535c03d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.dd99c8764.0.tgz","fileCount":8,"integrity":"sha512-YNYlK2hUocHcRsKNqAY8yY8yI0hrTl2M9U2LmGNQ9AXkCYqpx6HlMB66thaaHTGpd1OpmCgJEb0WCdBtFOOGng==","signatures":[{"sig":"MEQCIC4f3vXupGnne+1Zus6kZnEWakLnjaxPpTHzEijCsMFCAiB0jcL+Z7fwtwkL+P55TYtLpqHb1UfsyNJhpuce+T55yA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjigTfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaMA//ax6UoTqC6zJIB5D0QqeyAd7qMwlRcZ1C7UP0YHF2bc28B0vv\r\nGT2oFMO+EcdM716uWy6tizSFfS+CB8Ua8zRBbVQq1aiiB6Xflf1x7bPoQuaS\r\nhIQ2xmETX6p06qQ3jRvJHM5Ip+H6FrqdRHPA2e4GNTxpedDGvRp7h++OnZvv\r\nsWHcucgqDGT9DfncV8TgGpJOWqaBsEr3U0YSTRLtJtUbyTi8KZE9yxh2m8ih\r\nfbDvbJcHxdF/tKMtlW6qLFfwTkRf0/qBXJoPk+OsZvIwGmbw5pS9+sUTM/Td\r\nRv7DjS9gGR4kR4teDU47+rPW0t52bFSJsaMlxV5HZdqwvelP6wobq1Pw+ROM\r\n43oiR+eQRP1LKlUgfp30BfNW/x8ILg7gtN17s404IgqacXmg6alwhTLTgvZu\r\nNmcS1zYh/kkIK2PlIR7KbTUxbTJNGEluucPk9MojpVjLhgex4vlNAkAKG7t7\r\n+yO5HaU2i6WMDgNs9bqXM5lneB8ukWMBSE7B5WTA0E1TLEpfytmIe0EPFnqn\r\nY22oLaNVvSztXljVP+BDjJlbwjxIiWSGZ9+7qzhqIlIl1TFkMmYyKho1QKPi\r\nRn/v9G7W35fpp0R0hcBOwjHDZSPhMDdvMwSKtzJ7QhN8zwHQ+MvPnWr8yaZg\r\n4U9f3jhe88NQk3AznLjH/JPQ1crNGc0TJNQ=\r\n=jppr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a9ff7973c7dab53b620d5be8d56e0c491cc5e7ed","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.dd99c8764.0_1669989599305_0.025735483618938515","host":"s3://npm-registry-packages"}},"15.0.0-canary.fabdcca3a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fabdcca3a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fabdcca3a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c80fa6bfce4f86cd5de9760c87e4c6eb302f66a9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fabdcca3a.0.tgz","fileCount":8,"integrity":"sha512-GnPXc0585oIBDSCUSf6hyENfzcS7mnSLQPs2K/KmFWGuGrWAtIwRuXbMXt0wu5KcPU/zm86fhf8tPUU0e07LqQ==","signatures":[{"sig":"MEQCICEdZ6g23d7pLlTgqraeqCca2asXs1GuconTZZe4loR/AiBxbaP9zHByf2MDbO2AMMIEfBa3fp7hZRmCjmJSUDCjnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjihRGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmohag//Vtj6BpBvLUf2KGD9ZXk/Ynu2MF2eEqm4jcQnvxeyqbTchSdp\r\nCiTnLVYIxurBzklRBgHSH6ugNM6bndpdT5rWqcsrHCcQ+aGBhoP+9D/4zFKg\r\n2vTZNCTD4ZKBzUwXA9+SR3kxINOriHtuk4LZj7R8651TrjtbAdRYgByrWJs1\r\naOO5EsMfKrMgY0hKbQLM257pqLU3b2kIDISeOMerWm1WJ1nBWukLs0IPqrEJ\r\nplRedHc52tvG1s9s+pOAnd6sNaS1TV15Fz0LXqhGfqK/eINBMSlj23cSgOdT\r\nWRMisDcTfQr6kRIf932gOj/+SdY4rAI/ocJk2OhOKqC3riKEeOWGQq0rKzIY\r\n1aBwiI3vr0v9fYk2p5hVSAL8/3XlfsBy6nMNRrMeccbW0xBOw1ZEjHkWEwff\r\nbY7k8CrYp6bWg/hwJbSfB1Vzb2VoOIZ09/XHeSniaHL2zg6YpQB2GOvU6bHq\r\nq0Z3tQLXooGVDycuNQ36KEGj2OPK6xWxqvQPZuA/F8BuuwjfWferN/UzfRAy\r\nkgjr1nfwNXhglw0gJYnd347Gmq+EvjMZAyBcowyOOeNjuJgN2+vS6QFoEfuG\r\n+a6XzDI8vKv3UQgmdUTP2vBe3yhFq5uU7eUf3ZTE30YPum1TRYBj1iQZaVG+\r\nTPw99LP88g7DvGL4UQKKOs86yJMmaBb2Rbw=\r\n=i0Em\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"18ea36a1261419acae3218fc917dab4ca111bb9d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fabdcca3a.0_1669993542351_0.9794581577767176","host":"s3://npm-registry-packages"}},"15.0.0-canary.2d26722d2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2d26722d2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2d26722d2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d43955affb3c1b1aa42b87fc7435cf9d808e25c4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2d26722d2.0.tgz","fileCount":8,"integrity":"sha512-Afrja+hljqmiDEv56Umv7Znnu1UGkl7mFTVgLHsK3dQetnJgDscKgM78v2wG2BTdS+mRcXTMPbnAjb9RFFjb4A==","signatures":[{"sig":"MEQCICq8BbigkYyancdG7PbRYo4UFbwbmebUtAXENEGIduxZAiARzp+9m6zY+BNshbC+03RrYez10W1vhpS4HSjb4pg8bA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiib5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEYxAAkNFTAEK9iibZVf9hoV31+fi5hJ/uGEK7Gq6MI298+97vHlr/\r\nBngb78CuUwa6wn8/NGKKelB3/zxhTgQ7Xc6YW086B7X4058yZ70+UiQnHrWg\r\nUKGyXKkOQ7dGkt8A/i6twBheVMZN2hCBbeWCCnF0lCKGkKF2WYdDX9cLmYIK\r\nFdcKzbWokL501fxAStDMlXJIQgz41Iee2uiVfqPrgCnV6F9Wg5Okd9sPOI1a\r\nmnGu6+2HvtxrT26xsjvn5RzB2O3VEskr03DDqzKPeZCFCRi+Btv4KpMIt/B3\r\nMUPRQulNedNWnpp/LlXrTtySq9vJjD04leckdPGwSdVOXgdz3f+H2FfvVfRX\r\n62L8jINjZSVGBsbjPjbMpl+iox6oGaiDldZrm0RRJeg947xFzo39SINbFbPS\r\nxAb+DOhjeLipn3HWUsdi63qPHeLMyJWH+NbfCiEczALnaIqvg4E+hGH702Yg\r\nmDLm1kSaapbdBzUeHaPSCb4Qa5T2hRFRjp5SqTSNdtmcvCh93H2TDidav8vS\r\nN7tgDh7MGkd1E1pnrMB/SNqCp9xmJL6Q9UoZAXHexncsuz29x3uEpAyhr/ZT\r\nVpYWra3a16IYYHLMta6TgaHODFIz1nYtnovRwHPPG6Cw+ky8drFeF8BA54cu\r\nPJkJM9y2pSU9N8s64+4NZXj6sspnDc8PYu4=\r\n=83ra\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"76df2659d7f71f74a86512b38245422ca356fe12","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2d26722d2.0_1669998329373_0.12187968192329501","host":"s3://npm-registry-packages"}},"15.0.0-canary.eaa0c3a86.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.eaa0c3a86.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.eaa0c3a86.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11bb88b866864609e1c5dd533c1cacfc1eba63d6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.eaa0c3a86.0.tgz","fileCount":8,"integrity":"sha512-mqKIbzTY61SJVCJzEdTU1PSWdpxndHPO/YrGw0lhBVj+yAigLdvcmKDH8tq4D8+c/FVvlvhi7stO7O+BX+c23g==","signatures":[{"sig":"MEUCIQCmIV3c7TA305sGmCub2R7USqNVKlvX2inNtG2IfZlQkwIgIcWUm+Xkl6xWu3CX1qZIlDLDtLeuCByK/+nHrS7vQIk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjijjOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlBg/9FHTdQdrG64jjgnEP8AchucKbP/GVtd8v0JD4FNNxX71d13nG\r\nU3gcskNE0nW16EpGodiN+8KHtxKZJ8atXFmMKivob4iYVtdfesUv7UUYVKAe\r\n0RwF4i2pVQamTktGzcIHJwaCn6W4jIIalb4/Yltj5yC1miuIgTFIVl8QRjI/\r\ncoRQj6VREan1F6nNDFTLvdlNwYn2iYd7kv67Ja0atJ8Mn5wKEcAje8cZG52B\r\nQxUc6B12IDGNVFxFzW/WWR5e1NdoLlzPGr7Z5qDMzhTUmmB6GIdErDT9Ihdm\r\nyMVtBcXkNYGCcxGbTmkLGPNUq6k4YIxOn4hBaixZSqs6da46IinxfmBaCCdN\r\nbOE5piSYgo4FLMR+OA6NSMDycejSIMcryrHH34cH/j/mfJHw4vSdE3F+PmNf\r\n2WIWXzkDzFeEQ1RG9Sgf+SmNqg7pWdi+sJO7QZhyjNCfZnQGHQWMAh+xNKV2\r\njlH9lkSteWnM6+a6l8LsEP9p4ysEkg3W7UCwqa9Zdpo4Wqrr5jIv8fRGzH05\r\nN6UNtv18Koyg6QZkC86VBf5AZ+k54w9vU3nRkAOoN5evNus071cDm+16cZH5\r\ncXZdMFNirEkS2EZ696ITfr0UL9MQj1ETRWqrCUL6NRuBr0vhsX6aFjuvv02Q\r\ncNE39jy0w9HD1vMw1xvB9VqdWiD2VGD3YUw=\r\n=MqYB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c54316c7c60bacf8254758124c9235dc48d44064","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.eaa0c3a86.0_1670002894176_0.03240348190549813","host":"s3://npm-registry-packages"}},"15.0.0-canary.79a613bbd.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.79a613bbd.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.79a613bbd.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07b17a8d5f4a2ba286f13500124297dc8163fc9d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.79a613bbd.0.tgz","fileCount":8,"integrity":"sha512-YIYqbjL/fPiQiTeidAIjukbkS5rZ3vyG6DsmR4Ri+FEPF3uB4epkcpzc36TqzihnRCdaqRjXVjBz69ZVcF1ftg==","signatures":[{"sig":"MEQCIAKpMFqvrq2bK97DPgM1OJ4vbsEKYbUGLoGpDeXZwl6wAiBZCAr6/dO7Kxw4AIiq9y6tYjl4/gSVF1re8d0gONNXjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj1CoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY2g/+NbckPhX+G3bwgGcA47DZ3hxY6aqmQuOpmFpiRpK/aH2u/9Ql\r\nr3KViIGkroUYETyt8TJu579/n7CcKz3LmNzzg1TvpgXj2fvPjg/iZpKe0F4U\r\n4WBi9gVBsyLhgGrTIE5/6mvMtaQ1Q6o/WapNqPLuUZmgmBNLew0BvdJuq5ba\r\nbspO0m15M+E/+i1mDYb5PwUx9B2V+K3VyJFiBMqIEZZ/fdr0EPkCZclS2ZTv\r\nC8DPJlufVZ9jWBTMdnqsfeVrAwflk1Yy+dZhF6wBNspakKMaEsXPvVE/H6e2\r\nPjvrPINGGnoHhjemZy0x/hDSaz1Fph1o9jZBcc0gtoJWHJy9dRFD3Qpvk4H0\r\n/tN1NMzSBDI4jKm7QuX3E+TBMjhxPZ6Pvl/p7EkY0Ue4Xz7TjFSM+7WK3mm7\r\nOQnUPxiRpNMtje7sRrfJ8cxeUUtjQqU8ul7PoYsAAOBA6niiG7fEby2RePbZ\r\nMWxObtp3Ed1Ez7Pg8ieM3B5VICfRwq4Lk1fEnAMHY+hDba88Q+TJrktHmeS7\r\nE21dPePcr6dtquFg3dcXzj1afrWnMi77PkhsWPL0KWtfypCk9Mi+JsELZqlA\r\n5ns/ihWKHkFZA0wpl+/Pz25dBK67ObRhilu5oClBRO3j5jMqff8W7txXovQE\r\nJvEjt6env1nymu/2kr0nqfZlFNcVrHb5VwY=\r\n=eDfj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"755ec1ef0b2cccdcb0c8b888d199b4748e3ba10a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.79a613bbd.0_1670336680081_0.5105688341016164","host":"s3://npm-registry-packages"}},"15.0.0-canary.c871fe61e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c871fe61e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c871fe61e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c962483b2d7e575f4194c839f6e6c5e32406c85","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c871fe61e.0.tgz","fileCount":8,"integrity":"sha512-kjgqavgEIvBmt920CnxAyep4M9IwSS03FBUrA43+gaMKKIfopN3/BWGqoREgHtonWsF9vY9DjAXKTxRqDns1vw==","signatures":[{"sig":"MEQCIDQ3s+jKyOqKiviqA4jleej+oCA0BtV/6/wHzVhU+qbgAiBVEbiityvZAQcWpRishDfe0o5BHwjltRrziMv0VpjbnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkEXlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3kg/9GxJhpGSIvwhu9g3874SnqxQSF84agrtJ5XD0PjDaNEaCIdat\r\n1VQEh8D7kkLgQwoVx9pVj1qWEKMJCbXuWjwLlioOVd4feBf+qwWdigx538/n\r\n7FgGQT5DcsKpwBC1KScTNFZsCcdQyfIEcBxvEegtnzdze+r1QvtgQlGn1HGf\r\nlbKJAnqBxHdpe77JgwjPTknqlPwrB9xEvU2/PQOisWxj4bGpW6uSmLyrBMAl\r\nAcRI0IU+nf82ccKtHsAKpMPtBeplcSd7epdd0zhgrwrWYGpAZLh7VASRDZ7q\r\nixrcPMB5wpcTCqg+uAi/kAVQ9mToei+mLLAhAxmNuEWzDzh/quQwL0QuDL6F\r\n9GVtmaz0zEdvAEY0qioRYuehopi2AWewdaHF5XHynMHQnmbYRQOso3N8VfYd\r\nDZ+ZIjWC+63SFNiX2R/G3WyiCJ0e7/1FlkIJjk3fUTVADbCA1275o250CegA\r\nFvK9WABtd4JJktOc6d+7GtVgTIMoIQSVRp2yPWRPloupd+kffct3YcamotrN\r\nFK151k737o8TCPmVwZisepgxQq1RK5+ClQaei7IBXp3U5z9syRSc40uJEuVG\r\noNoF7EX5yLPwf19T78hPcBZYh9BQcK/hus3XFsPqT7OCkPB6mDKSS1Aq6qTp\r\npjVGfQiM3jiKQ1atYKCBd+IZEhQzE92TwhU=\r\n=ZNe7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e69be4936d1304c30ff7b83af8488b43c0ad5fef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c871fe61e.0_1670399461057_0.14033498775265807","host":"s3://npm-registry-packages"}},"15.0.0-canary.9eaee7936.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9eaee7936.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9eaee7936.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be0b93ace951c9688b1c2994f3b62669bf21da68","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9eaee7936.0.tgz","fileCount":8,"integrity":"sha512-3G7D7PBdzo3wmoSrcZ4XHhRpx6Yhx08pZK9/U166cOExhC2+wQzsuybG6OXeTOmhpocyCbJq+03leeQinmhHUA==","signatures":[{"sig":"MEQCIFKayNWBJpupuzIS45A19OXoPc2ZVHzPDv0oXHG5tzVFAiBl5Vi8GoZTvAWlGGuK0CxaJIYzXT4UIaQkpVStJ7LhBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPEwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowyhAAnFouf4OUZ1DCZABqKYMFYx/4sGBrc0jbMUruE2gIqm3MzGLN\r\nvwTShqFx9RDIqBxy4G/ldD9U13i57bVtEW6a2WeFY7uxFM+NhS90Zv7oLvP0\r\nn9MdSR+PbKKH5QyROxaucb1sDGXhn5k2hwabRWkbGLe6ikdJiksfn4PLUCOX\r\n6Oab15YswjyQWzLtaVPAstU2Jgm7lsVJEroQeg4VPO0N4pBP9L8uo9G2Fck8\r\nxctqhDVxMOFgFru1hDAIEWc/tDxugDMkG2FW1TPBy8nVQrSdGEJiQp/ek47y\r\nTH7A4tgv0ciRYQoUj4wBTKLQ0KBq4aEnAd7gpDAWBLxfN2YTBX2HDaFbMwkb\r\nqIHMYj0LOO/Rk/iTXrPLe4WFZxGotcuHhktckixbwWXuNTVTvIhDBLBmAejB\r\nMXk/R/68l/Yt0P+fFTX/0CAb7cT1N7i3C+AZzbVBiV7K+wbbVdDIDQIajsZ0\r\ngi8RqSYyK4kHH5OmB5q+t91p/FBcCjeJi1QAEjO+Pzh9lEO6dpuTUFSqULFt\r\neDmXypwpBf9EoBKxdT762eRorjQoF26+Bb2drKjEK7ODxNNxjWTfrbbMVl25\r\nfCmmD28sLHKa8tIl6nqFtKRvE8xY1JD6DqHoFEKnsMJ2cBW1tkzpWPcCz1bb\r\nhGUpF0HBSZwjuiCES4hNXeHNM9lK1pcPz9A=\r\n=vQJm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1b576e68a716d1a80dcdbde7a572c11ca937fef","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9eaee7936.0_1670443312615_0.8179632608249328","host":"s3://npm-registry-packages"}},"15.0.0-canary.1d37bf601.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1d37bf601.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1d37bf601.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"deeacd7c3ead9342e6a10953e73cba827a7e2b90","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1d37bf601.0.tgz","fileCount":8,"integrity":"sha512-zFHVdw0WHhMFPHfp1zaTpbkJPVQgoc7UGisJ142d0x3cpKCEjo4MK1rfGVx1DgiJMtfC2uvET8MLTMIqn1/hqw==","signatures":[{"sig":"MEQCIDZxHBCZzVj0Wsr68GbYAfZ32v8PVf0nCrI293WqRny4AiBsk5zqP2JF619eNg1bQ0hKb9BbLhAvWhSuCtC3O9c5Zg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPoyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfFg/+JdTvq426Wj/NMY9e7hubT6hwfsJccu4kLHeykJNNTR7FqELU\r\nkmoUyCfKTU/yfMvlyO4k3dH4Oq5PpgXnS74M2xFQz2+CHineM4fGNdXHO1X5\r\nr8UrdYimi2IdipBc/mYMNX5ucp09U1J7ZoqsIfrr4C3AsptLcf7HC0AaUMWt\r\naQ5UtlQoXYJ7O/UTGQKalIZJtAlXiW7Stphx6A8Yf4YiyGU6vKNTzKEdUXyX\r\n7JLgsYCQg4ejKY6uP2UzIFkuJ8uXLDACnvUcn7fQ2jjno9HsVvqkCXdK0OPF\r\nUYkFAShkXdpQQButQTOSRq2XVFPIVwYQKfkjYzxZxi4D1XlcLuiDmqI2NJiM\r\n50Oq7SFBlvcAB4gDlgifb7+dUQ4jeRn3DwNlydKvAxXRmee8Chsc/sdrKnbc\r\nHhP4Brq8aarumBP976GTaE4xSLkoeLKmcrZHh36JK+rRQsBDk4kkhzAE7zCg\r\n50W5IV1xAU1iEFeAm0TWaVN9mCglAz2H+kS5rKamcOlFE6s7u6icsX+4J6DH\r\nch3wvHvvmlzfPo/29xoi208ubOheskNLGzoFCyqY8W/hXOBbXLZr9Syax6+9\r\nTD6gpqXzd4du2UTe48V4qgSxNTMs4FBKUAQ7cOJcyBKImMLKuqgYoXV8MWlH\r\nMbUL+Cx1mCR7TWBLLwHwmZ0XSwfX+f4ucqY=\r\n=78o6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"747a03f19fc88f7a2358a382989e729013e06df4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1d37bf601.0_1670445618685_0.5410801134008036","host":"s3://npm-registry-packages"}},"15.0.0-canary.a5fe069d5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a5fe069d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a5fe069d5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96dd6f29478ee672b1c5d5325c5780a1f0f335b5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a5fe069d5.0.tgz","fileCount":8,"integrity":"sha512-8PAWiJOSqt0p9Z0gCBcMY1C8dmYnMXDtT/jV/zcJ/nlfG9U8S76ysiSJ8b4lhey+qfD0WYaR5PGJCaJEjLteAg==","signatures":[{"sig":"MEUCIFYpAx7qi6Xegb0Bi60cTvAfJG9uAZZKNAI0Hnt8z6cfAiEAwGrCD0w+tf9o/QqulMz0YhWqcOW+3rJ/Et8FWUt9IeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk4G7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7hg//fxPeZrRBzBbi+NMJUJ7/Ci3Zke5kwly4lI8+UNET+1SvX4+2\r\n0TMM68W37ZRjOPu75le4It3SeVDmaIVunwCFP74pAfuC4qK7/1TzXQy55qBv\r\nA9TUka4sAR3n5+4LB5OnocrSWZyqBCgsxHgmitdwv3c9mwDxErot/FEqu/c/\r\nDTuOZf5viI9f2l5+3AlmU0s4CC41q8XBvwwIsyFLv6U/0ZZGiW0VwUoj3iEw\r\nG9W7frfhapWU8axb7gUD1K/TnHOnJRijBAFAKkVmDR2etJg4XyPNnXEyAAyR\r\nMh36w8PJm1c27X/q4jq9wiPxkJcVDmKlsSHXQ5xLwQaTenr3Ux6H6j8RIppd\r\nucJQ4vbyoSU+8Qu7Y63UzVU/aGXl7zYLzilG/y9GHzmC4/zXJGnXyyTBjY6m\r\n58OBEHvtK1InfbYQojz57jmtxA81NJPFwuw9VCcbyPPlOGDXDjuXwv9pOV03\r\n/o9RJv9NYykMZrHkHQuNJ2SVWHE3/m5DWbSHbzFnbn5uNN99IVaQdUoVYoiM\r\nJBu/3l4UgwRM23lfp8CvJWFYKoBYyCYhu4JgG2wvcmhuxVNVfMCYRKLGjjXo\r\nW7FMye+KNXly7N6xxhWnO6ZDCoUODcqDlPSxpYJ2b0Hlrxg8azLkNolbEqAl\r\nygy7K1ciQl/5OXPwONbpNM9zwMKP4H9KwKw=\r\n=BQ8L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c41dbe93704a7d03ea10d8f1b4de13fb8c6e19ab","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a5fe069d5.0_1670611386809_0.8682509023300249","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce8b5326f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ce8b5326f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ce8b5326f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ad275e85cacff0133a0a03830aeb8d082176e45","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ce8b5326f.0.tgz","fileCount":8,"integrity":"sha512-D0gbPQC+QgR+A4bDTu3nKHg3ua6eu038HwuExDMzAdo94U10w9HiqGiJrla9XqdF253VEQbSLAwaxxFgFMnwxw==","signatures":[{"sig":"MEQCIGtLUHpwaP9ob/euJmQT10EXjX1QUqaMfnSJBvkW9GkFAiAMKGdhQ97BNyv9aIi+ZiL/nRj0rg8hxTEla5c2p6HRBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk8TuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhUQ//c92HnYtbwa41TY4N+sNwi9RklF+qWs9ltciTqk0DGGPrfF1e\r\nYcseKwkLNVGqSyi89OC/Rorn1EBk1m9VQBfa91SQCCwG9jitfXWGUFt6oFDt\r\n4bzXCehbs4U8IGSFBxZgh8R5AN2yHHTOjH+CMSRVTOApKE3ZFjAZC9s8X6Qs\r\nG6QIUQ/c+9EDKQc8FOw3m41GkHqZFa1Vwta8pPiHiZno4nlmawnhOrwBrGQr\r\nfPSkQMTHGFAhXI9psIfEE6znpt/fy6wKIddJ6txz/Vtx+tWciVEqm0k9BT8/\r\nHMMdxD/Oi5y+JAunCFvza1wAo8xt1cH1GtNdlh8T0/x/iTdDdJEIaqoZXtdu\r\nnv5gkvwl1a7MJSQRchlvi8FzlmB5MorYH+NllJnWFRMpOHGOg4EZJiW6Hwn8\r\nxwL1CO0XztfI+zJXi94GrUdc9z107hZTpFPt5n7GOqtB085SkUDzwTFxzqDE\r\n9w9m0pKzT9yKs8j0GuZWrdas/oGRYuaXZAOoEb2UUsfXbwAISWH5Fr43f6Wb\r\ng/1T3Rm8jbGali1lO79gy2D+ne4AsLJm/uvQaP9tilsmVMG4QjtYt/l8FyCX\r\n1d+8eehQBPLUKG00WYMfxruURBDbon1lH9xSHbktc8qD6MOFm/ajqU7G5rX1\r\nwUhiSZ5w9MWOjCqR8tG8nATpFjDvpypn4O0=\r\n=yiqo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8ff7f9974a16b8178376e943748356193d364587","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ce8b5326f.0_1670628590620_0.5520269857793987","host":"s3://npm-registry-packages"}},"15.0.0-canary.43f5323bc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.43f5323bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.43f5323bc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8194c589e2c493b236ae7ff8e01c86dcd762241","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.43f5323bc.0.tgz","fileCount":8,"integrity":"sha512-UIC0UwGt6epu+s1qoMCgHbGNFV6lCKoG+nfl38/sf6VvBl+2K6EAMCj3Cp0Wry9QrzotHQK2Z/cSaR8yLdwCnw==","signatures":[{"sig":"MEUCIQCTLySv689T310Wh9GpyMYNyzHZjV3AEf4a9XC6GHuGhgIgI5uMcHocXSOdYqvGtplKdsiX0tIY7Gk9EYrd21yRYL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl1qcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptpQ//X9bG2Mk6VI1JhXpG0fUK8DyA8quywVtc1z8TohdC99L8xRRH\r\nnBL2ty1K3zG3UYmH5SeGTBucOxBmzXapEAqm74OLd/8DqDMuu0GG4lY3UZGT\r\nHWECNoIfznszINhzLzBe7jILB8TBMRcNy2q9StAY9qdyvr9/VLVstgFvIC1E\r\nttTUmlCQxG8tsaA+5AZFEXNJZy5PS/EkNAHVAR4kTlM9IRdBVJZ6C+tkpOqJ\r\nudh/4+PVWXLLuSgHRZIy/1/F0rNj5i96QgysnyU4Gehz9W2wjKiCIbOc+d3N\r\nLQQhoSoAXxUQu+/gxvOmbnLSFQ2Zf4fBkXUBKhZraVWdIGq3dq8OG+l5yQi3\r\nSH9ZUbVQKSOj0TXYB4OpBdEF5vX2fReOdGlxLvQOitjSqKC8ClpjrxgEcJNt\r\nzmt0Oi6ZJZjHKgBSVw6psTI81ao3aMPWExu9V3CaLqXNK86L1xxxxT49TQDo\r\np+iKtBX1b980n19vUHpOveITv8dyCW9fbD+br0NsPx31QepLCqm9aKuwe1yI\r\nyzb7kmE7sEjAHMa25fxN2BzsQGz52ubj21XEl1nrf0HRng0KwgLFVSyl2zDw\r\nCQmupZ+2PqbdUmQhutmosj2oCFTfkVoG0BQ4qk46V/yLMyKLMRCZPyu00bff\r\nrrniGcyl3RdgKbJqioyasP2t5CJou21HPhc=\r\n=2cvF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00be798d56184d5daa74ad6f53d4992db90688bc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.43f5323bc.0_1670863516522_0.11332817264725747","host":"s3://npm-registry-packages"}},"15.0.0-canary.5490e32e7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5490e32e7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5490e32e7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02a309e4cffa809beb1985ba178c1894c4a3fb00","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5490e32e7.0.tgz","fileCount":8,"integrity":"sha512-p9lN/0DxLswZZV8VgMhTCofYMpsez2tlHO2tFQnEP6HkyBHPF3T7WnifHQ9dC0M9EtSTm2MHoBWQw5igWDyiRA==","signatures":[{"sig":"MEYCIQDTiy73oJWH+t7P9on1fGh64qZUrcJdr1wHmPde6CqVKgIhALGWaRX6Xm2/Zn8W19xdzeVAm3nD5BXkWG17z6uPkPdB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl15QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsGw/9F98tigNIWVjkmu1wB8OybiXzPrHfLrVokeeQIl9JeFCvZkJK\r\nyn0C6mOUzBwVAoENbTQZh2ueUGJ2w36MoZxFqqnaC/Nmnr0gXp83iQJIFk0C\r\nN/2zG2BH8zXMh/pKJvyt9QKkjfC1hsgmVu6HrmY/HZPIBfyvhWOivVbJ9orf\r\nfindXbi7eA7NZeb6h7sGG0Ey24RhN6R9TZbYsvm5e9K/6u2ZLFmP/pgc2KEB\r\nzz2VmF8wP4N5o74Xm1sfqY0uPLjP9bsbMCKVdYLmp6AaGbnoB3obKg8o236d\r\npsycZGwMFXqIT9vFTzX3vOBbnPkg6vlOLWRruPayRQYTXc/T1DXwwigQh4sm\r\nVEuBnfkuyc7ZxpvGB6+PGM6xlm4MAQlwYRxC3zPSpwadu9WmhJ58vw8nlML3\r\ndhtfYo4+E59n0alxDgUjCyt9+Y0BFKrpD9dWdzsoi5k0yRCiIpEmMWG5dmdc\r\n23BC6ZF4JJXw/Fjg0QxL5IngOTOYNFHPX3AbQ9zr9TJMn14GQkrZ/cXn/jK2\r\nBV/uGKb8x37OaP3fguPz3zCNmvF8hXSq3MVr45r3M/y7tr5LcuVWgkmdQ8ve\r\nmemxBZeRr8VzK9WopYe7BJ5/P8i6AtNKyZWe5+Tzapn0HTAi57u1jnJsTKI/\r\nQ3X79V+DtHUo6S83L77L+60Kj1w9VlX67XA=\r\n=JdJa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"968b84204c7a8626355569e2b90063abd574f7a8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5490e32e7.0_1670864463810_0.6801555102020516","host":"s3://npm-registry-packages"}},"15.0.0-canary.817002c29.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.817002c29.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.817002c29.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64bd03675abef3ffec455832f9d853a10e3e3eee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.817002c29.0.tgz","fileCount":8,"integrity":"sha512-jS0f92A7bq/IdWzAgwdSLOZ1Fa4rxo72r7LTAC2EwMFi/e8phKDnunW9Sjwfmzl0gBUxFmwhbtsM+DdR3BIOXA==","signatures":[{"sig":"MEUCIDiam0EdDwvOyepGzI57cl8quMS7yrUN2J/GURDNxn5VAiEAgn+lOfvomNCACbddnjv8sbzmswfL0hcj1ny4bM5z25k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPQ4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpg5Q/9FkbqkSldPAAkhWYCvqhbJqZ8dwP1anSGGwiiN10m7hH8/5se\r\ni1GXTHE8uKLWXyNzV4pmUSslSKEfj+5mO586Jbf7wa+nkhCwHBdrF+0b4Mni\r\nSK9yallhFvi94yihVu8VgKkUldc2lA3dolenhkPKVAXZIxAzJSbJzOYVZT4l\r\n88hb5nh+eUUXRjCME23a2sUjSWnvdtU7H4wUvfRhG4Da+JZeomiSFvQshj5C\r\n43QjGNCNiNziCoa+x5yE9iFyht/HPLb/oGZT1M++C3aNhIXwX3YIHNpLtKsF\r\nWQgnW/Yf8PL2J6QySBbaUOr+UDcxemi0osdCtHlZMNdKwz2KXagH1riXWeov\r\nw8MIFGfK7Nm0gOIiIeOvwm9NpB5JLzA56o/cKK4yECDwVBlN+o2090DtqIf+\r\nzRqiAoQ+cbURABhapf58XpT6MzBxfAxPKidD+Sclc0xAgse7Q6q2l5GdJ/Vk\r\nnIwhiCl0dwyLqwgSkKUDniUwrlaBUKOc5UZi4ETYXfXa8l4TOpu8xoQVHF5f\r\nvzHvlQwItG8g0DpA4XPCdlXNpK02QD49CX2/a5Iigj7Wf6bQQF+OEF/2GYlo\r\n8xfgbU4XKDEn6JZEBcimeO+WRskUEcbaN0O6u1QKRJuyANdyrbv6b0jxqD6w\r\n6REVqlxJgQXTJC01K97pJE7RhFfj/KKMyWc=\r\n=xQpY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8a85122d0f4bac7142c66fa54e2fe9a569e7c4a3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.817002c29.0_1670968375800_0.11712408486429338","host":"s3://npm-registry-packages"}},"15.0.0-canary.313a1326a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.313a1326a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.313a1326a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd140c32ef698ef7c71feaff57cceb35d576bfad","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.313a1326a.0.tgz","fileCount":8,"integrity":"sha512-XzkTbx0INrD36BO34BPjR/J83yl+GFaN8tkRmE/TF/KHzPhzhWu9lQ6GP6aZs7Cp8vUpLyYouFnAgHThRLy+Ow==","signatures":[{"sig":"MEQCIBO6J60ipcAhXBaOp83hStId8v/DT0fEWjO1Pl2t4NclAiA7YqBo/u/nvTjAxoCC+0v6eMNh0U6B1DWJHzRCj73KvQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmaUcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9cw/+PSmqhi6q5UePiwefImPeK9FV1cf4IAk1R9Q4QNw2jD51ZqMl\r\nxbkPv3Gl08WG2FC70upzXNPGrY8L+Ssufc/fta9+PB7eP/5v6fIZwPQSkRdw\r\nBr0l/QSxjSrzQb2Hb2qMZ+Drwmtsq3NaudnL5Mos+5eEgOn++kePXW5nBsxl\r\nKK5miAptoyALDdwzhXB2TsI4nFAKye8JsBQ7Ym18Nr9fnb02ArAxaeDr/+PU\r\nwourgRlUZAdkNblx5/UcWn27rZFZ2cZU1O1nnFXVAtivn1CKGo4y8ZpmGncF\r\nJ09nb33iexV+xqH8R3ezGBma/8z4ddJkrzTfm6+kLHWpVMZEzVAOvxDkB4fs\r\ncmn9SkNmDtzq31H2Dvf0w3GPGVRUY+Ctt3A9YOD4gFtR+FcSYWZmHyUL3LQG\r\n04ulp3TRWG2w2N+cGRHyprDvKE/ODBLrvZHg/kU4dL3faPP00awEughMDvSR\r\nXscPNWK4q2N1Amc+lRBs1jlIwAvPHPvj9m4ShqCZ5b4qDDRGYqsTeNdPxmYU\r\noUIeZIU6yWRJmn5Q7hFpbat2xrku/KpZLXIyIoaY51JXT4C8Nq+LHKiYt/Uj\r\nLa/sFd1S5hnQytI32rrI/dBS3HhJc6xOW1lZqUzlNnpYV6Fc8e4brsfIV0xD\r\nY8UfBdS60q9aKO2MomnzffUwvrqLnxokgW0=\r\n=yMKm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"899522d523dc8a23968f530bb4de8698a5b0e78a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.313a1326a.0_1671013660625_0.8630610821312865","host":"s3://npm-registry-packages"}},"15.0.0-canary.a69c14e10.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a69c14e10.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a69c14e10.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"753365a3790c27078355622ba54cfc24ba80b0ed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a69c14e10.0.tgz","fileCount":8,"integrity":"sha512-0pYY+vfRzumOC8W+NLi3muqKuiG8w+sw3EhMzxODhlNgzuEVxzYk5SUhqL6Q9DSFduWv1J8gp37bQ4iJHMn2RQ==","signatures":[{"sig":"MEQCIGogFUKVSA+55Qceo0ZekLRR+amWaIMXrXeHTakMjexZAiBljodnBu6SaJ4vpaFSDdaUSAZoQxro8bE8gVyFiB6N+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmbDhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkzQ/8DmoajULTtcdDSvYQKVXt0bsjeeAhIYnWIVCN2cUWcPsEwWor\r\nMrS1lOYmPaSlC93a4VNV2+6L41o/kH6UQSqsruO4mpVR0meiCRjA0FgfK9Ao\r\n+9vn5fZNtR07pmZA/DF56DAjTaLAJFvgRX65MpuWQKctF2O4TDjlL7xpqRjy\r\njPJ7vNRqUKBBTHNbWvL/Bu8hj015Z8mMJyPSBX2RQeiZAkwLMauixAOTmnZr\r\n3tYhWgpDZ2kMB/XNs8K0f6BNVJxxVeRHKhoKkmGeMjwRuhIgL0cLRlt2cBjW\r\nNo+Q+w41hTN9aXC1lHqXkmEdS21phuO0B2f6HpzM3QG2W7Pu6KCVmBpTNIzB\r\nweUCtT+rOS9hs2Qt7KPGOxMnY23OCerJKXiipu45kexogeiZbjZ6jes16dzK\r\nBIr3jL0WSTrj2Wu1twvO1JSPMOX7Iup3MV5fbAeoml2mCxxZ/Dx53wuDcx54\r\njRS+Bld7pbWCA6MwKZ1XZNAYYTXjomAUE83p96KGa16XH1Hi9ZX4D7F8iCzp\r\nyGmGqFinxyeE/3D45jxLR0rUh2ggSZMXdiwpWAO7lVaCbQWfFNcbroyH3s+U\r\nnlgUwRa/8wDZ6ZINO0xmScCFoEMiSimIhwsEa0Ut+aWViE+VFIYl1AwNuM2Q\r\nz0tolC3WNfGpx3weq/8qvyWetpePMLEOmFA=\r\n=Cszd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"39b456415cb22d1c1b4de3d505f0e2412c1f5316","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a69c14e10.0_1671016672943_0.6772383042110128","host":"s3://npm-registry-packages"}},"15.0.0-canary.f43e0ceb5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f43e0ceb5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f43e0ceb5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"086caa9716ce42ae03006f2d4fb633b05e95ddfc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f43e0ceb5.0.tgz","fileCount":8,"integrity":"sha512-+i1GFx0qyvy+PllfLR8W0qBDfu6RB/fuoybGnguDhrzuALb/C0F/2hf8dJwmF5IRT7DTgwG0bfnRdbUqLxC0JA==","signatures":[{"sig":"MEYCIQDBRTTKDZ4agULKGOg6KRn1B4FCNQdC0AzIy7xkPFP8/gIhAP0LBS67QmG2JYD82PEdGMUmTbs3JYbYDsYPYThRI8ro","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmf1EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8wQ//YsnkcFbrB1UOL9Xn1pq2rHq8B73eroZox/nh1ZbtJgdupCfa\r\nUQGiDJyWeettam9eTqqlojwahKUIf8P/IEdRFrmHU+KQRcKUuhL+uoBasb/n\r\nEC357lgfLtcOcyuK4BY+ULVJmkXVmRyxz3yD53ikPkdo8o1Kb4lGNkvg4RAi\r\nN+GbGQrb+omB+6Tx7xez/lBnmGqlimJ6b4idmuA/yRhy7SiSF6wIlwJycrZw\r\n1RYmm88LrIKX6d+MgHhtuH7PD3HOPkZQQWAu/o7Q8DqduYv1iU7c4aBkWsHY\r\na2DdGrOGcmZatIBxF/it8Lu/3rxmK8gs1yYhfOZmTXI3IF8YwAz+qGi/NnsQ\r\nBnAPrScyG2A5mxulS3gQAZ3d9X2afWZbD6VdGwb8Bb754Nz/RIBBDgRYUofU\r\nRssuIPQxW+GJZ72vZ/dnzUT9PK+suQ850wKiGQSVnLGmxh7dyyD1h0bKboL4\r\nWefaPZE3qwulwDMiH8D5oasV1UJ2hMXtE4XqsWWhOo5cpx2CsBKHl5vumkMi\r\nKvPIvdKZ6IKY1Xc7oX8AmFr4whkWOees9NFfBbbTMJOxOWIxV/hqURNt0d9c\r\nHLbuywSsw8q/hEJ5gMGfD4jl32SPz5sQBxYXOZqDgnpAXcSeqI48a4W1MKte\r\nNAB+TTIKIzE8SWUGPlMN3eLeZaeLnF8uSek=\r\n=hjku\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"35662ba23c37e102fa09f72d61e38e5ce3b10881","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f43e0ceb5.0_1671036228141_0.11571403259196478","host":"s3://npm-registry-packages"}},"15.0.0-canary.34767110.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.34767110.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.34767110.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"034c4f51e89f148a0de4849337c4858be2766fdd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.34767110.0.tgz","fileCount":8,"integrity":"sha512-PoltnXwxL9TwMG3Mjt0SzvpCIYx/yeKcSGCVCUovB3AwbkX+RyfDf0fM6wcvgt5ymM2acwtNap/wO0HeMBkxMw==","signatures":[{"sig":"MEMCHxvNX3cq7qXzWoy2V4pwQUrCTszYtTqQ7sq0dpWnc+8CIFZqMeqY8GnOexnqBB4dQ3+tRz9zJeFkuP+QKZYvz8RN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmgXrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA6xAAjLOBbVxd3kIa5vfMbOR2wPHG5hJjy2p2Xhvcr2ru9dkNbvfJ\r\nFu9GWzZocxPz5WVK4zuk4LA7f6eF76LAZrQV8c4ojZgwY4nEPYwKIfMA5ldI\r\nLpOQSYgZ5Bgk87Zi/CpdvwcFn3EEJqbjAq7vkcCdM7lhY30qi8ovYSZO372O\r\nBMO53fc4KiDDEew1tZx+taO4WTdW1tFeHMKFmVbJuQLlugx2QrXmkgLqN2he\r\njra6khkVhotjAyB7SL9pQgmvP9DuW5eZNJWWuZR+YH4Ws9vPXsRlLpRficiO\r\n74quO2LjKMDgWkJFTYYwoJPVWiQXYAuT94lMDyDfgtzYiU2xs5U78ISMcxQE\r\nJUua7sQLDfAB1zaz+pGCL8yxcicyZuG820Y6fY9ZD5Ee8e724N4eHFLknoFl\r\nEGS7Tu8s16mEjBvqFSDOB7kZdrYw3C/29CGdwUhEN9GrNDsjIiW/VUNgMAjN\r\n3kT7QTVKWhDOu9O4SIudrEsLJSHrPC5Eo5htqGN+jiSNP+IqxOkzsNjv++mZ\r\nqJzPdw9l3omAuflLP/vSe2GCWw+rEMebgtL4izlLxPwarORPL+8j4J4isl1M\r\nxmLVrEcbE3hP1QYl65pekzASuppfJXSXEpHCpLxHFSymiF9ahzAYBLxxBQoZ\r\n9ACEWXUBwqAiUJzTSdPQQ9i2I5vxj1GSYoU=\r\n=1jUc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed8adbbccdff96503e43dbe6291e95b5d2bca2c8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.34767110.0_1671038443084_0.5584298100529264","host":"s3://npm-registry-packages"}},"15.0.0-canary.1f99f3c50.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1f99f3c50.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1f99f3c50.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3206048b7f184049a13d92414ee5dd1a278e4e7b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1f99f3c50.0.tgz","fileCount":8,"integrity":"sha512-kiyYyAVzFHNtcfXJZbUEaeMJ/DISqJJAdGqpaRRfZI3PcCt47vkMCLLYCFpZhCKqcMizPcA5sc8U0XvoYhTGnA==","signatures":[{"sig":"MEYCIQCRBM9FwQr7HDPXLnrmL9atFxbRtCzA5X7r+xuEZR1YyAIhAOus4q1ybShA2+AMBwnMCMeFxB7X/+YlGxPjzXRfNqIY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmy4bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrELhAAkU9UhPXXcU61XKohxVjphH1o1bSdrfFiITUf5vw0U8nl7lar\r\nNV0+Icnzk365gXur7Lyz9OZuIsWAxSXFvHxZrdml5t/e1qtpZ487ZIYc6WAf\r\n3m224lfgMIj71y6iiNPGe9Y3J06guJnfue04oWdVaIoWKdVmPuFTQyv2nPVB\r\nBJO8h7iN8vqmVTnaS2LUpJ13QK/FOjuvFJ31wXjyYPOtAqIitDxQDcoatccs\r\ncRyfQeJ5NBtVo34nyW+HaC9OC8mOXQZ7Q3uvgThpt2CQepu16JnrhhV4AEhK\r\npSNYX/gFf88JrlMcGmJewI4BppX5HbVpnTxbHTkyDuuvS0vCaDtVuB4KWng3\r\nJgyfmf3utCsGnPc6x7sN34GbagHgZ7dgik/W5KUNPqYfd6+BW68xan19eTDA\r\nTsRghCHCsIbgtx2U4yPZfC0KFtKNpssdf5CDzlEaAm6Eg6fgkU6J4OmvrOhv\r\nHSUhEI7VFEcJ+1mJJSg/YVqjZklToLVrcI8OwIkbOqGlLL8EfHLJgEw5RzWA\r\nx+OxjvNfXElRB5zMjXvql8l1qQhhvAkx8mv7tzIMfTHVCD5smf1fQk/ILZem\r\nmOxRpZh9jRv6cK5ClIsW4OxAiQhl4dfqDu19IZxmipPgv0b7X3cGwt9juWut\r\nADMMyx/dixe1swJHcSmJS8loVNyrfIQ8OLk=\r\n=7TSP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9094e8faca1eaab158d26f7ca8ee4b42fb54bdb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1f99f3c50.0_1671114267660_0.5839644689830046","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfd69490f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cfd69490f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cfd69490f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c344da3fcc6195aece2658d076bcdf5f2a48be07","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cfd69490f.0.tgz","fileCount":8,"integrity":"sha512-f+4YPjI1zOEFdUOjPZWcRa1l7vOrznvyqn73lhNgiWwWtPJQsvn/+SOeHY+LSeHaI8zvjHOBKdRHENiOm60WGA==","signatures":[{"sig":"MEUCIQCDaYDqC7cXTP4MeiEWvPrQ9LRa7ReFASN3X3atj5o8IgIgeo2GHusJhzYRENZIE1BE1P9LASO6g8K8LHGyoVzg698=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnNACACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVEg/+Pis/auzNOPbXZqjlqZgT482B4h8y3mkBkvL0iu72Ogmbtyp5\r\n7AXMHyEBnY9CSCz4cV4rTo0psZR2lwSH00Rcohz2dw0uzFf5jrcSPqu2L4WK\r\nIVuqdrXkf6cIXoGUCD2/RgMYynsAoYMe0QsKqhlazGgZW/G56EKjkqHb7PsB\r\nOljV7u0Xx8IlQD5Aa2H6+kJowstojtOj29Iihp62+aYGutYwDXMU6SM0udlA\r\n64Yl3zy9qQ8ANIqVv4E1LOwpf1E4WUSb23tUAWeQMNSGR6ngnF5bKSGiUvFT\r\n8X2mCiIeenIvM1LRpYfyC094DWiN/jicF1wFsn4o94CH5wV0X4e1o8a+38Rq\r\nHukJfzWMtf7nzQZtox0RFjH1GIVGes8asjGb86Jf1RGfCvmOJAzfXQVQvo/K\r\nWy2G4MybJAkT1eut+xsKm/pWqCRzH2yCZKAzRmzpQycNIFRYygLDGYtKMUWx\r\nk5j+uhZcIGeFLrrEVqMgSsrRop2EN3NFkvk3uSJVatfMUqkB1rqF311geCLs\r\n3pZ7HnffyogA6o5mH4JL7239ZBJHYY2+EWT0Cyt1tjlz9Cpo9T5K+Ya+l1RH\r\nmCHI0fTy1x3HeCCfqeKzv1c5g1qny0HRPwhtnU8JxZ0+f9ve1dqjt/6LHSQE\r\nR+bsR1/K8ghmMFSI/W3oAYjg/BdbOXj70+w=\r\n=u0tl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a7b9218e1ea7572b08b54629159e6f3a98970096","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cfd69490f.0_1671221249859_0.39007255577966804","host":"s3://npm-registry-packages"}},"15.0.0-canary.94ad8d986.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.94ad8d986.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.94ad8d986.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1432ac2cad255294ecd867b0881fb31da629aa15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.94ad8d986.0.tgz","fileCount":8,"integrity":"sha512-KUMU41rLaCqnAvwGu/VKgMvtEFYdadMWH36Mqx3/sIFlA3QXJJ3IPfEEyObH5JdcLoaYvvXSD13/tltZJxvOPQ==","signatures":[{"sig":"MEUCIQDxDY6tzHh51qJ88yP81ntw6Jjg4U+zAMicvcBnRudvWgIgRPjo4Vl1RWJEFLah16Vb551Hg4JiNPvYOOU/F1AaFUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoLrJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmophxAAiNretdaQ6XWFMeaDV1BN8uuqexsrmqVsfzDrHog9JMjtFOtf\r\nsZuB0MtXl1FKWQUxjqreEEkEkx0IhJ3hGZgeqEykkKtm93zH+mKCDDwWnfpH\r\nAJesvoDZRswHsLQrDt+deKwSkbxYYSJrvqbwS9Dv5Ud1khx1bOi+kswk6lR7\r\nmAjGjud06+XneVBcbbt5BLQcAV1ZU/YICDJR3ukOgZUgCPi6HJCqFCWqgt2M\r\nbqOqc0nOQ0nr6e0ZV3ovxuogHUsmAluaQCQIT0z+yCpgM12ychgUakohsenD\r\n5XHdh9Ns8Sz83PSgy6KBjbIm2sNUKhS5LCOzVIncGeYp+ssPUdSob0RE8GV3\r\nSq1N3Id6Whc0RJ8wSpisNIlcq//uhJ8BNZBxV8IZPYS1AKTZ5T6buFT3kb5z\r\nzW7xWoZYAMMJkBj1HYcPgIm0dtMarx90WXO+XM6XSfDNQxYkZsfkGP0JpPZl\r\n6YnUyDBz8EVli7EJS3SydkXlrtPk41QfgknXw1GdYmjlLfJJxB6oqmtH9KbX\r\n67yGnYI9zl5OqRi+Twd2AQOkWNZpNOhEi5abdUkpfI+V9Jf4tSGfdIyaXph6\r\nNEVMk60BEoI6HuX/GLkpT2gokdaU6WpTCdBhZtsYm8W8GWx4g6RW3eoHf56h\r\nwvDd5BUwX6tc2IJmy/z2zTvPTg7TTHjBnmI=\r\n=thd6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e8a69afb313ffa8badca57ca15ad4a464b9f718","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.94ad8d986.0_1671477961680_0.4892649397822819","host":"s3://npm-registry-packages"}},"15.0.0-canary.604264203.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.604264203.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.604264203.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e669d923238df6ceaaf1f92a7fc54f5479b9ab6d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.604264203.0.tgz","fileCount":8,"integrity":"sha512-ihewIJ+1xBuKNlcpZknMnSTphzqTZeNo2fkQZbANBPFglyUXCuYt06CH8qbjfXfVKbY8Ku/7tgL+z7AQcHxYJg==","signatures":[{"sig":"MEUCIDybgCFeixQSLr3Qid0ByPpjBh/ccm0I1p5Y+9uHdQpLAiEApj/vw0I2cNZlOZuyrvLO5Mvh8XkGniOKVz0IO8vWf88=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo30lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXxA/8DFftes3w4Ir/V0KQTuYwcvN7kubb3NT8oOzr+JLfQtU0rP5C\r\nI9gXs1sAO/IYyGQOzVlCUKoq5m2A9L6Ij525kFqJjC/kHCkAcARi4rwriHqV\r\n7qXAe6dw6cXgbYkosvxT5gBJgpCrfMo766q6ycLZzUc3rPY75aoxN467DmCg\r\n8ybS36g1tQx4Y5bpJPFxV89cXaEjhPcuPM/SdmEg9a+4r2Wd73RBZh3ErYLr\r\n+yfT/oU99ZmZ+HEojMrbwdnEuTHvlfcsFISoZ8Yuhr/bPRA02ixSGXHqDg0B\r\n5kdRkvsod6/UQuYCOBmDy3boINFd6cgrNcUsn3nB0SODTfSfxPaSHJiOYJzW\r\n1p2LzmxnDqPtsX0bvmxCUMINUJaZnJtCIabVrYmkYs92PG0axpcnt7cqH0Tj\r\nEfIhNorRwQ9xcrJBYF3Ho15DDn3rWjZLpQdb9X845+Tb6c0XJtnCq48bNRnu\r\nr81Dlc7bEYiTHoIqDeAnXVf+dQg5VTaafFdjGYhehy34YkQk/Aorn8wdoQmB\r\nqfpPbPxlB2ssTI8smS+p7cVUYsCQhoMzKay+tCGvxYv3z+jTkOx1VRqrHOiw\r\n/rQO2auEV2k1uAeSRHJIywAXpu0GPg4ZO+e/mBSnqKHbgycNfCiuPZOEuDTw\r\ntzG/hpISGAN2AijIQbqjx7icYnqG4SYQseM=\r\n=EOAh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e37bb80002397246ad3ebd1bf11a465b2eb763e8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.604264203.0_1671658789159_0.7439775156043424","host":"s3://npm-registry-packages"}},"15.0.0-canary.85bcff6af.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.85bcff6af.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.85bcff6af.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9ef07726b476ba4d7da22a56d28f8ce27f69732","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.85bcff6af.0.tgz","fileCount":8,"integrity":"sha512-j1na9fOowbqR/13wVPw3D6DM+NVCYL82dfiisTjPSbmYIXc3DYYq/EHVs1PkM5NCyI7jUKisX29Dx6nKEP2Lqw==","signatures":[{"sig":"MEUCIGOr1TJKzi1SRqRAO35qzJOeiVS2faeh4PLkPbbLAW6OAiEAy1DLrpPa9YIQdXudwxxw5n4Sen05m+QZQxMRQ7AbMXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpDBIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowexAAkdliiu8yWB99GF5HZf1HhwArqHZ0uDYdAnZeJifBgxmOLUHW\r\nMDzYDRwkicycTVMcAqlK9nm0jFfWmy+HvfVWmon12j1IyoUaNoG7RFmd1h4w\r\ndtGyQIpecEaW7XTkEK3qJ9UhIK5sFGuWRw/G8MVelBp+xRm3rs1xjrIOGLy+\r\nw+V9AcWmsynUB6Z/xAsmmRxS69xDowgrNm6iBkYQOepMd4KJg6/orxRjyJFC\r\nhHkOiePI9LCDRnaBuSK9B+7QQKPebYXFsYh1l4y2631+QKjENe2SLJRkRmR5\r\nL+XQ9auRxdMvsRdEDX69+GxwvfT9+VsnBytNJi5qNBLwCgexhP6kQ/aHQsja\r\na5s9LGVQHPiUQ50tYh5Mbhthd062U5Biijocn5ZhDqeUhTVhF4hiVVYycQ0V\r\n1wlVqwU8CHxE/iZ4ZwGrklb7sleaR+NFFdT6Mt1C1J53wA2A6h4bfDDoWF8C\r\nZVYFoJBXJm1hKavUppKNPVZ9MllwCiMej1NYNby1kOCXVdXk3YY2QjobVKo0\r\nYQkuodmWXhtRSeRctN1hjs6FR+J6cMzcR8G9fmVgwJ3AQLOquEuNp1SMZ/tM\r\npPmoM1vvOdrYzLcbq11gX7fei3C8cF2/0Bh/b+OdaBvL/efcsOnNpEkZJNLF\r\n7g6zRYcySR2AhyDGeGjf2UkSQujQo0o7/60=\r\n=ofIt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ccd1f76fc7f93266cd894275969c05a833a002b0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.85bcff6af.0_1671704648322_0.2768140118090927","host":"s3://npm-registry-packages"}},"15.0.0-canary.ece3e8d21.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ece3e8d21.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ece3e8d21.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba208610988c72a4bc4c1d55a8164694deb69f4e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ece3e8d21.0.tgz","fileCount":8,"integrity":"sha512-MOW1GEBquUaoVnn536krEkZXXPlmXqIxZEHPeVLT7VaRzNiRVFKtMqv3RpSaPVIMd1EalPjQaVPFwXgWakSEMQ==","signatures":[{"sig":"MEUCIAOmNplptUcZH9l/RoFEpIFDSSlLQlsWndCaNSGI87PSAiEA/sOAImsiu+8up6iIxVsuMOYNIAykCqq1hBUXESh3EUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpI+yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqP/g//SgUx3W855iw8tMdXspeCoI5C9q4jOzHNKC1qR+Fo9Ec9jzUP\r\nIQ0hPsaso1lNEUtCsTGICGyUoa3gFU9EA+8pHDFZ+nd0BdhWnrZwtFEfgvOe\r\nItZe9LqqB77vm1oC8KhqzRGh7RX6LcPyLcQDG1azxZD1dTEoZ4ziEV0/FtNB\r\nFDnze0Q/fuyiEvA/pQmgIDc27PBdXvkiM8FfiXgaqmpeziWdKnU2hQV50w+O\r\n34R4WDxp5r6sc/uaLr/AQC7WCtlT0aH62kZhzAau5ye35PBMnzF3yqpRy6PJ\r\na8raLfGh+O3qYeMbdUM1Ui+39PbHbNsMAPTzEKFa16TRSG+SNnYRVUS7V48J\r\n6VNouyomuRvIcypzOYlUbec2O7Zrrcs4dUAvWLdppCZRWOht2H9TxTwQBkvU\r\nnv6NW7yBbnEbmwbI4nb3mQRH8vBKCDvjig+7eU7M1uO4/ZkP7d4JZqF3OIN3\r\nhBvtDLXxlItkGhT0XWIN1RNFLa0eARkfGYzT2SS1Mkto+kEhrIxADhwQDonn\r\nD+h+yirpkL3YptRGCgb6Ol8HUjekj/Aqqfaj75VM42/A3p7grCve/eWPiouz\r\nFYdvoJc5gHIQWJLTXsoOODmxlyHfDedeAf3/TrLq1e3AHXJLOfMNWZh9Z9kV\r\nrz4yJZmXRW1vU76zRYoaq3Sh/lc0gQxsv90=\r\n=RldW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a4efd7042befb584384fcbb35f1ca445adaf1d4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ece3e8d21.0_1671729074703_0.5094195936203074","host":"s3://npm-registry-packages"}},"15.0.0-canary.278ad53d1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.278ad53d1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.278ad53d1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94065a6ec39c664643a8878c1ccc34fc586283e4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.278ad53d1.0.tgz","fileCount":8,"integrity":"sha512-+bBlzCDesWSnK3Xqlmhhy3Eg38kraBGlDgzOPMt1IzTSGCTvknlPGQaSOcLn6wNl4M6B68DFujT/wYmc6GlKxQ==","signatures":[{"sig":"MEYCIQDnjgqrbM5xN2hdVnkKnpUpkfuD43PycwZV+ipij4h0MwIhAPNKMhsrq3CwrDonAhguieomTjky+rxaZ15jhA1U8SdL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqyV7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquNA//ccrGlj92uNSdDoaRKfUgnz24QkZ5ByMictRVAHAVONirRE8+\r\nmG+mefZ/6xAlX0LWL5vbATOqWZFfYsm32dCrVSBdR90QIRuiWhqznBYcLS7A\r\nGIHDRIQ3au6i+d0e/4PsfKww/bA/7ogARroDyKQ+vYErGGDJAcZYtiXwsOb3\r\n1cAa/I97dwh7O0zQNihMxMwBdrRtptdqRgILaiIblWoLU2rTxhDNt8Co6Hxt\r\nkr1jfdQXLi6R0qjc7QrVxFy2QUWmnKnjMvqexfhUSY9D7/Hr/eIfR2mLoAaJ\r\nlnbvzXwpT3TUWg34rd1QE9fQdZmEaEMPz0cQVSWNs13D006dqZETaENp7kIn\r\ne3sEMyDB+BiREy8a1HozYmFBk5hQf35Y0MWtzDMQgvGUDAsawqp50MYX6v72\r\nRSS+ogd88ahr0se+SkLUmLG3uh5TfZUfsYLMagPRWDlyVh+WfwUORkBULRi+\r\nP4odN7Am780MFJ5Lj+J9yoEQAbU+mONx6l67s/VcP92aHHps7JYRL9pr5ete\r\nFLsvYsuz+TkVTJxem3eGitzisPeGWbpYboreS3WwanTaTz1zpdalKDBrfzN6\r\nPFskeEfzxkMSfbd80QQu+UpSM0ZO/v8m8+zDD4vprGlIXsA8xvMTY6BCSUsC\r\nDFi0ks8anesaOiQrd0GCkM8+sv40KIBXDBE=\r\n=gTHC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"967cf83d2b9fa8a3e6bd992aa107c66182e0c65b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.278ad53d1.0_1672160635429_0.7805930646847703","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7d8389e1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a7d8389e1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a7d8389e1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0d2fcf501be6cb12e4a4faf6837b77caa0d90f1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a7d8389e1.0.tgz","fileCount":8,"integrity":"sha512-d533AosbejMQS3BJjGLE8U3A2A4NGMP8BHlk+Q6ggvpVigw/+hevQCKAUQX3cxrqTrtdzmQDGGJwHxBPro1v9Q==","signatures":[{"sig":"MEQCIF7e4djLti3ti9boWYtSApTdQRwxnJeriYvjo6zcymZ0AiA62IQYfDAbRfTJymNghqzB9q0kQmL9X4IVOsBpbvl60Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq0FPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIZhAApF71aio+ccOEwINPvzl8lEZ4F2NUnaJB70M7JPg/WMp8JFWG\r\nKNlj6VsiYJd9QGWNFJ2BlUn0tUBsJ/WqGxCSVeor7qdeN+7AO8U7aEHkTLfv\r\nX6bdfxMkMshjCHe+VatpQfwka8pQTYuD9+yT0/L2Rhg0RCYoi7n9QSQPM+ys\r\n0zKANsa8GCxvRrbospJjfrXVopx/8QCc+M39qghZW7w0NGJBftFMtHnKLiL7\r\nkiJ2v0SW4/8Eab7diOiHQ9gs2NlRXCGPdDHe97jvqOxy7/tKhkzk8omQYPFj\r\nRLTwzxGb4P0MxmAkZWKITOrKL1gy8dRdA06zjmIOfMweyowFBJhip+EQ1Qzn\r\n826Dpx29Xu8wmmHUug8hKbaFFuUfRd+3hzX6SwOb33lh48w46cYlcO/dVcTw\r\nlM1ufrANPyRKw87PNb9n7xtz+QSXl/msK6z1A+51zEQZZemN+Sf4uROc1fL0\r\nk4Ql4d6RpURSsBUMK1yqGSJPYzHv8ENAVcFthbaZF6AJPBj7rUMZQAwVWIzO\r\nlMWz1gSSaSyLX9NQKPIiUfjKK5PiHEuYNerZecCXcPnE1c3WtRZaN02H3h09\r\nOkVcgMiTNGfBsEr2D4mn3Oo0GTTKtdO+C17unycis0Xcl3Vb+MypHlM+B/or\r\nZlghwYaiFs6Cmx262AtfP+H8G6aO77aTJ7E=\r\n=DfJo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9b27084bc44ecd4530cd2252389b0dd8116709e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a7d8389e1.0_1672167759497_0.7559256625297055","host":"s3://npm-registry-packages"}},"15.0.0-canary.8175d5eff.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8175d5eff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8175d5eff.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c999186fd31d251b6bc6ffee81ef60e29ec10a60","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8175d5eff.0.tgz","fileCount":8,"integrity":"sha512-VW3RByrSHe3Qs9X117XaSjH1gi05oaOagkZtVApZSl/kJrNAKPK7AT3zVqPSiVslBinW8L4/jrk2ez4ncAMKqw==","signatures":[{"sig":"MEUCICqh7nLTg11L9QzyRaYxIN1gcAqV9AbWYYUgQxb8AFB1AiEAntTwqfxvChanioq0C3CnIOZNE/6Dc0bXYlS4gpJSUqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq6DqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw2w//SF9l4FCdgJ1Lpdz9D3mTSOSzF8R5NSEFB43FIRu2wt4CBshQ\r\nRTyG3U4nvgIwm88YfxDJdDdJGLqpSguQjT9b23jw6S/WuDoPy2DxkBiQJmjB\r\n5UxlZGyKgb6iQJ7Z4pO8e8AM9+Xr/b/J37pBH/8ekulic5FQkFuu3Q4gMOdi\r\n9jcVG5ZLMZjcIp+C4dcErTC92oDTSVMoaG6AM3ayoRBj3xgS1AI+sMbA3ILy\r\nDRTAWTNbik65W64XZ9Few7SXBzYZ4AmtNwbU4g/Gc7tgPsS0wxXUxzRplsN/\r\nCUUC/y0gyjU+iZiIuRBejIkaiOO8awpXDfeqJjA7JHhHKiZhD6BlhkURbaMw\r\n4Vm69Q96/K86f7GcxpBtMD66DxI6kO2v96fQ0Rugp1W7w0fKlOrRSPr1vaAo\r\nNAqrJDka6Xs3c/fHU4JSeND/TdXOizxPs0lj0OlhkNhQ5xlWFl0AOMh3a1EZ\r\n0e0JJsQkUeSUZZ1vG73OdRMXlZMfqcmchScaXl0OZOPWH+FW38K3o2bVXMxd\r\nH5uOyGH+QDsrqwu8tAbkY4POACyLP8DxtIuR214Se+8K2FB0KCxM3pliUmiP\r\nTYOl/4C9m9uYCCJ32F0lEJnZRgux8CUuXAw1DsI7WpN9nwvKHkI2m7Ra9UO4\r\nSErIjM20kCim96RTGU8NkyyXlYOqxIJygLk=\r\n=nUtT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c3bb551a6b32480853dcc8e29f7f8513d62154a2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8175d5eff.0_1672192234210_0.48529933685220317","host":"s3://npm-registry-packages"}},"15.0.0-canary.16abb41ed.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.16abb41ed.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.16abb41ed.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64f45993107b4583663ceb88b495091f2091741c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.16abb41ed.0.tgz","fileCount":8,"integrity":"sha512-kF+9Zalm1m4VsKOboLpFGaWhXW/75xz843ylTsW7fRtXlkq9R2AA1m3AnzfCO2wkFnr9VKZxfvuzdFHuh8nO9g==","signatures":[{"sig":"MEUCIQDWX+f8SqrgHzMIqQpzxW/yqEw0t68V1VxKzmCAzE8xJQIgJqMNV9VnTCSuztp3BaVwmU7QwG6KK/XjtVzyVgXaeCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrJr8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD0xAAhlYZ/xEvuU6sblMvKHzEZQERWfCjvucmAsVil5WHz4Or1z5K\r\neGzDODWVJQ808DSp9GPHA0G1fffJXwhiaYX5PZYLRKjqEoGnITqzjLq66aB/\r\nPruoBL11KRJt/LclEO1rDo3xD5JALibDIhtLXDkrNffZ36vsdTJ3RQChdmrs\r\nWAemOxXBkMNBjOgImkHISVnWeVySSpsI5N+/SZeFPInDlCGG/mYpCopA0cy4\r\n6h2hPkA8lzmr/3HvtMk5cOAIW/Qc4Kx+Mn3EsI3Sr/OfjpveHVFAH4msK3KW\r\nT68sTecTq3yzVff2mpqcTp7haorwTlyTfXjSE3mQ3HED0C1rB3MsF0HfkPJV\r\ns1CuiyEYloc0FAVuur/NmOezpoVX3ZfY1YHz3HD2tREt5JKeNJ7OCiOlFeBj\r\nVnt4CXXt3yvMJ5l3/gFy3G6rHrYdVA3OAt9Iyf8kmNc9WLyYa6y7Zm02uP8n\r\nOSz4TWllEpERllbBmiMmgZnuzY3/tAPPj5Fx/2v8FtT2s109wyl4ue8OkXjm\r\nS9sgcRlRyZDlufA+hU8i9d60bbtkW50miwQvI1xeRRc0K0K/+pHrvAPyAQdW\r\nNakmtcQgLV/QfqMeF1HRjEoOGRoGUH7cFk4rdDMgKf6TTBdgymxAkidGEFBe\r\nvGA5YRDHAbpAY+6vJ2nCcBBa6fBk6LLfl7Q=\r\n=GRte\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d76b7c826f30ccda72f622ff722cc7585648dc34","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.16abb41ed.0_1672256252399_0.9996556536844405","host":"s3://npm-registry-packages"}},"15.0.0-canary.e21dcb86d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e21dcb86d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e21dcb86d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a83bb868030b3010a4d2a4d1ea7b3e0ac8f63ba5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e21dcb86d.0.tgz","fileCount":8,"integrity":"sha512-sZ2xhZ2tWo71c5CghfnM9FMAFjXHlXOUCle94amBBJ9ZqyfGu0/Q0cJi6uTeR5wltLmyctORY18UryksEbsRQw==","signatures":[{"sig":"MEUCIAL5N2/vZcSyk3bxRSu4ZZr1SXIDMfSwWgHXEcOXqcILAiEAoySXFqzsZutvRLNyQ508BTdVccn4OUFNbNAIQSsh3OY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrZ2hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIOw//cEEQbhCHgvgIcxnSEnjFTPzVGG/BxZ+ZV5nkbMZVazZrF6Ui\r\n+Bw8pChtx5Bh7o37Hy6LcN7yfYMM5l80mbzTAbw/CGqI8heeO5fNbuEhC+Fw\r\n3h0G27zQV9N0z7NC2GfP3j2LvGiyNc/G5MRd0uc/oLCknHVIpNLQzMwAY8y8\r\nlR6LO6QkQvh4WNmwoGv14lfvNkCd3wByOlxccZUGjrN8yc8RwcIG1RAfqcuN\r\nlhqaepaalZSuG1EZR6z5sq97R66ExPHSIwD6E7SRRMz22b1lORo8f5VVVpMc\r\nLF2Gqr4QlwgPNUX2oIRLtQqvYaY9I9XdPJsZugr540BJr6cEGf4lT4U5cqBv\r\nIUlKimBIwq8MRnMH1hv+4CTYLTwD8M6njr0pS5gf4LgxuuBWjXpf/NiNL8SJ\r\nakrGOmB9hD+C4jqzrfCey7b7U/1EzYCoFq1iCSElA95H2EMYXq8mUi6g0OIB\r\nIFeF+vQ4M3oO2gdJB4gCBRyMfOeVdJWQsWTsewCDHPjlwy/rx89hhpV8kkZt\r\nHwcS2VsK6SFEe+pro8wr2eLsxplpUpHlDsS6mn/MhhazsYPhp4EyKXcKxQTg\r\nLNcr66t2yIP4gHt8MPy7uhL3N3Eh2+8he/iGsPoAAGkRrEDVw6w3SomrSIkI\r\nIL9/azev2mwjwgeb8tRbvI9iB3ZCoIZ1hQI=\r\n=UY3D\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a32b4ac6d2bad60870533296fbc4acf050735b8f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e21dcb86d.0_1672322465241_0.9443282412613043","host":"s3://npm-registry-packages"}},"15.0.0-canary.20ab6f5a8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.20ab6f5a8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.20ab6f5a8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75ac3af2bd0382e21242a53f71139ededa3439c2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.20ab6f5a8.0.tgz","fileCount":8,"integrity":"sha512-4DCbeNAuqncA7Eq9IQBdd9+eMwcpcm2c1oD/LM3X/KaQaDfFLvNyMWiTrxSSmjAkr4hbo4RLWeP2UXsnLVJKfw==","signatures":[{"sig":"MEUCIQCctAIJz1sNCq2goUGWeRyVj01P1hGtfKncYsjNcPchrAIgY86ufeN/MB0c8V9Oc5OMEWxEBMfykltObP/o42+rzrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjre0OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwpg//fBHzSqferso4g8eoSxoUogqjob7xNBZAmuPq5iz+VyuwKMcE\r\n4yg4pwMc0v9qQHgo5EjYSPKgM/kofXoD9m3FM7QcrgZrMixob3tv2UIvD39z\r\nyc5RwZ1vU/YJWO42+7RNQuExCGbAl/q5XjSrHw9NiGrQM9FQqNS7Clji2mtM\r\nbcCSq4fr7Gnfyf97sy9UB4J2+uTe/+qZ9SnKftngRv6lKRd2FbZKE+J2oFPD\r\nCWBMbJD8G7qNULficVGjZ/evsl+zSWuuXtNDzNJFN7u0QDn+qNvBdCrLI59d\r\ne6l3B3sG1Z8AkU+remCYGLQQHpY/DIyHQh0WxgKfXERMXByJchtrkE/SxaHO\r\noEuCBYEnwnOG6vY5uwA1F/0bXByFhi2TycH5vC0T8yZc9AmyN8DkTPS+T1Wm\r\nIFM4/FpjPaa4seyt3vU9vKFZAcvlyPcRh7PkiAEGRwNgdzuSFBSrROEMd9ke\r\ntLlCfyO//9FPAmzc/hGbrHIRcOMetasSZowv4loeXQTyeG2D97+ymmJ55EAB\r\n7iPmpJ+qBEODOuzzIZQCmGp0cjEQdeSwUUZErjSb6GU7c0/seIehfHD3dEzC\r\n3rQqeqk1+JrA/YDlzQbYc+eTmScY8PAT9ff83WaS4Ims+rz5OkpuffS+Nuy/\r\n6H4vEAxPljxhSbBq9WxTG9/gBq199fDm3SA=\r\n=A68U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"abf2135af6e71ea44b6e6a4de17493e5923f7255","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.20ab6f5a8.0_1672342798439_0.43786429431441887","host":"s3://npm-registry-packages"}},"15.0.0-canary.b9806f623.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b9806f623.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b9806f623.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3ff267c1d8d6d07a37e67fa94400aeead4ef1d1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b9806f623.0.tgz","fileCount":8,"integrity":"sha512-+BZ13mHFVD4gQi7NV6hYKHnItl51/pjoqIqu36gjH7d5mSDXZrERWc8JXkQ/o/4gQoQVzeTvZuVEneL89a5K/A==","signatures":[{"sig":"MEYCIQDULmSodxjzqIO+4YoS84Zuk74F3fhZ+PqlgOoyx40sCgIhAKHjdqze4m4Ut5suU67sB1a5RzWj69e4Cqiq4DoT7LIE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrh0XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7TQ//T0pwkdY7EVAwloHyoQibgu0y1VTRiwulslBSpwRtJGbHl+z9\r\nyXV86N8aJX182yjWEGcrmRM73r6zEL1XxasTV3586FG1EF/FoNDBwU4wqLgK\r\nDvU/6BGnU3KgSadEMGt/U0lKAbYCVNccJ2n6Y1bIVA1+CFJIDwm0aD/xYh5s\r\nrthszfdWNyN7cMo1mweLiksT4BG1TLCWD2m5mBHEe9YOqVjCX5gf0wfL6PiJ\r\nMbbkayQSeqXv2xSkm9awiSQD8VJ7uJZPeK42lZ+/D5JLyfNyQZUfxIGbUKRT\r\ndPItQYiBEW3oMwcwYV3j+0MQ6AjbOfMIQmvlmn0h1rrGna0SA/ZF3SbV2DnG\r\nwAAoAwYipFkt2B5bq9xzbn4La5rkv0BuioGVuXHUM2ZlkPAS5QIdijCjAaTW\r\nJjurmPhiK6UjqPD8ChlgEHVebw4OIg5YySjn4C8ptufkcJddCFaLtBHFoCFd\r\nisDHTRt4Has06srCeupWbiXNZwCAFPvDLekkJaSfmG88t53096+cyTC4pIVN\r\nqgoOTmbyFJMDq/05K0lwou/Z8oSibTDt8wdylzaqrjwptPfmqPSN1l+Oq0tF\r\nLZNQsJk9kE2CPFpapNyHIJq2vsJ35RYEaUoNH532mCxatd/tXUGc0XcU0WB+\r\n9azmygJEY5M0IydLRiG+UDkaNx5nNW22QYI=\r\n=n3kS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0eb4b8fcbfba4d68dffe3a2b5c7478e69e2e2eb9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b9806f623.0_1672355094950_0.3703420766065375","host":"s3://npm-registry-packages"}},"15.0.0-canary.50c9f550e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.50c9f550e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.50c9f550e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28210a9969eb5b00f88964458ffdc4195d6d3d1e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.50c9f550e.0.tgz","fileCount":8,"integrity":"sha512-sgfaNfWID1roWc5JEd1ggFn30N0jr0cu2Ny9uDKPr13OHKgxU4+y9A5ISrSLzWe5AKp5c0PKd+L1rireJJxtaA==","signatures":[{"sig":"MEUCIQD98x8P4MgoyUVmQuwvFIVK97+UWk4NaqW91H308z8WcQIgd6epWB49IG+OC/JjtT1d3vUMKW/O3mOW6JZoIobWnE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtE3pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxyQ/+PXArGM+teJWPgEL2pugkVShMjQuOJgfd6XtdSxoXReVbJ+/M\r\n9QADdB54b0RcA0+ZqDkJeDDagqxTHphLcMHVXSVj5qiLIRpmEK8j/oJbmyoQ\r\nZh80b6YbLv+HQy1H2Z8Cf02YznLHRKSimhPTeZczR8HFQvjywUYHrmbtRQDw\r\ntcqrxKtTFY6J8R21TnJzkNjuNDe6mEkBTLovmadabWdA+xg0yHjZKhqlc+QD\r\nhA8dxK2XQHpZEHwMiMz3t8xPKONBE+vla6E/gAC5uF2K7OB5UyjdvfntjAy5\r\nPIOegtzfpajbqO0Ifzz1fCYnXVNJktgnXmjfRzmJ40mwGzhQrYPcbNCybwh/\r\nrrKmCus6gOpNCD7U0VVpkpC1bX4R0MD9pNIA0dSbo6HS0bML67l6KvjJLyIZ\r\nhlBEhdxpJ6JkSf9KxiVrlgbQsE2Jf76VHl+QDhUJCogUTFoOOhDNSu+7JL9A\r\nOEzbttVmt/jm8kR6iQpPkRCmhpEyzRcPGEXt47W4Icd33FzxkKFHPo2srj6D\r\nWbzwJNIlrZcD87o1IqGbLC302SRaxniNJj1+Z+lZmPsqzitJtcZ5VUlgxx5f\r\n6kQKfptrkg92lfc0jvlS5d3e8lrv0gMOdIi1GOHC3T1j/DfLJEerB9sE6Qvm\r\nAbzV7jBOAFitSv9FcK0ghsYAhIoQdpOKZQ8=\r\n=mX9i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d020b19d0ab5525ccca1f803a00e184efafb15e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.50c9f550e.0_1672760809120_0.5825576319661534","host":"s3://npm-registry-packages"}},"15.0.0-canary.af490a848.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.af490a848.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.af490a848.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c08c22e9ed5959408ae71682330435624b7f4c4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.af490a848.0.tgz","fileCount":8,"integrity":"sha512-d7jbBsIx4WE1zlRvgTIgxX0YFyZSRGDXUnar0Z2A2Rodj1yeSq73dLe2ej6e0eVVdzjc6lfTqgR5e6xw+LBX5w==","signatures":[{"sig":"MEUCIQClepdnB9h0xKX8L779QGFAYXeeSO0BIdo0zHcmdoX/mAIgUd5IWvmhLK5xvjSqhRU/m493PeqGVz0hgCkgRx6o1X0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtFAKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5zxAAidriqHqMlgVdcf5F8DAuKUotJQvKG4R7i9qhfw/RLaHCx0+4\r\naUvj3EdIQuLCPQcTeM7WBDfGpqidJdXkLRhkkffx0Y06KRA2FYLJsq57593v\r\nhbyeNB6Ln7r6wkf1qeCeppyLuARqbWl2AbuX8KHseYVGVJhjmtOeuMeSkRDN\r\nX5OZM/hGY0tm3EbUe62ocHHK3gENi6rOiFyhrRaCU06QaD5WJ7sVZQUSKa4o\r\nj1RN1vkVcL/PXCzcwGZ4Jw6ESgHd7HX6Y2wtxT+SAzdegW73Q3GmOIHFML7a\r\naM0oy5rWnWhjBuapZ5Gf02Ce7b0+71mvx8b14djeGfM17rUUZXPbCZIrkJvN\r\n8XIMNDHXRm47WXsVlFnicnYdDL+tiA6lhLQpA6KuieU0mCCjEwmwlF76I3kS\r\n7ZOPHAhbKNFOvTtauhzZqSZtNxB3GVbhVRn96Td4GG80TCducO8lySgmwtba\r\nPMRwZd4FYFQGE7cMWN7AG1U0kceNkp8FblSil+kIvmHvDhEcvW2AgjJ/5VB2\r\nOJNZlHykpEwLYjiYNFwzCB/Fq0I9q82fbgvaZRfDpZaPSPgSSXzNHIueIazK\r\nTziOOWlcASdGPlmsoju4DAsbwBoSHRXUDnSv4TrAMYMtDv5fxgX3vYl5zqyA\r\nWN6g+D1Mz0XPw8gpTpjn1+JaYCvQ9twS73g=\r\n=Elt0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"95f5499a3dea1763e53574fb3b884e8e45cc974e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.af490a848.0_1672761354737_0.4354979116518076","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cf487c98.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7cf487c98.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7cf487c98.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8982ede5778aa3365f9a2c1a09cf8f78ba764cb9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7cf487c98.0.tgz","fileCount":8,"integrity":"sha512-WT78nLpO4U9TBha9GfrIx3CmUWvXPIjW5pZVVpwrD42+lHaQ7ug+b4JTeXxU+zIrRlXooykuBMzvty2kq8fMow==","signatures":[{"sig":"MEQCIGxCnSG3oIWsbTEN3p1E/qXXdjoo2DfLTyYnj3I8rIAPAiBdr6QdbiTm/Qv5xezCXCNFMpzWMVERwmrBy0Gji2iJ2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtGfmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOmQ//RysQqVNwJtO5KEA86YVYIdmUC5/9FE52+qdLfLVk+j4tdQZm\r\nZ/tVj5Q4TDLqzt4LrifyVsGE+aBkgdbJ7kjL90vlMZeeP7MvMQ8qkawLFYAu\r\nwY39+oyEr8yxNw8ZsFbLNLUMR5MKtx9l52/xFgbV/K+qHKX2Od42R1hj5twE\r\n8jOk4xAp1f2llSon7kRvfWkZfn1ZO1s1dBhhqlrKV1UKwhhXStBQOn2J2new\r\nnKWVcRtR9xsbwWpJLCLB0G0AWMA0xlGsGVd2YnhIx38crpA5d1/If4PF0xAx\r\nKvBgu/UDWiREBXC9cS01HZDh5wDPsw2qLPojZB4twhtHuHuNA5hkdQsrDTEZ\r\nUY5bfOvTyEk8Hv7XKt1KDtFvRdScwbEBrAYe0fHd3qMaXn3BtIjOmn+7xkJe\r\n4rhGtx8pBl7EBt+Wvpj8ewVjlTNiB0Zv4B7z90qRJp213PxqEny6LWzpntXv\r\nRtW8APayK97rWb4yGd2rw7WAkxTGVdaYuBiGODb+ED6/fobf3vxeJxFvSZ+M\r\n6ITmMib12TQS3Ih3hbd3nR+tob+iZqFqHWF1OdWwybUmRkg8GeFehGlnduIO\r\nCsmq8RVrbFSmwAEQiXBzvd5SgCiZ0aza+UOq1+5rQJRkrEZhrhr5ziUqL7So\r\nxtrEII2PiTx8OMZCoByYygcngDt02ho0KRw=\r\n=PGS4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8d246270c785ca072651213aa63882309c7cd5ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7cf487c98.0_1672767462157_0.972997063792217","host":"s3://npm-registry-packages"}},"15.0.0-canary.a52be2d5e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a52be2d5e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a52be2d5e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff1654dfa269f5581928da68c3d94847b5a6345b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a52be2d5e.0.tgz","fileCount":8,"integrity":"sha512-9pIRoc1pyyMTIMawvyH8S3rm6fwHBc9VdpabDe4Oyqu7YYbG1u/3Ks3qY61Kde3olgcpzMd2U1C4PHO5F7a5CQ==","signatures":[{"sig":"MEYCIQCk1CJ/3DPvoNIZQllrfPO2Z3QbUPasJrFHlSuZvlixkwIhAPKZRee3rnC18lAYXo6BGRgmMJ02Pl1gm2OLdIN7dSqk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtH4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrtbg//cvyHqTGdNuUwiR0OVDVFql51sI04/wtzVWZ4nUHkq5mh07n9\r\nnAg/PT5JGsyuJbxXYgI1e2bWqyh9gij05z0swdiHL5szZL7VsKOm+mwi8NYP\r\n8OA3+KLZOpnzxy6XgQ5KEJP1RwTGbr8bA2OnV8LlXyMNI1BWSZ9raYS2x4e2\r\njuC3SyN8PvYgqJc3iMh5CQSEXLBN+CbF2DYi3GfgGdXVPXtn5IKicQuQqbrJ\r\npmQrGs1lqRXtjJGzgMluI/Z4O6sNaMmMq2TaOyvM/KLEr9uWfSKv7vYtGn0X\r\n4AQKGncCy+5Ne7hkvm+i132Rqa2ZnwkC1ZvDj2CRMK8xBRbm2SxgaaR5ITnZ\r\nBYqzMa1DM0nr9ptm/O1NS98IBUXFYkjBrsuqhyfmATDD9FlGcMFQNqo47LHL\r\nHAONuTLvQkrO6WR5G3UrdGQEXYn+W+XnO8RnFqXO2W+ep5fxdUTwnc7FsEbn\r\nzs7kClJBjRzyzQ4GvycSfzQBkHcu9i4oniVTAtNbODtvACxNbAG9s0IJl6vR\r\nW7S+ozt2Y41J4ydMAOdWv3m2mqz/xizfxZ34nPogSr6u1xw4Ne2VKoFUGA+u\r\n7pgEvdNsu4FWhagnCSEv+aPKxYq6eQxfj0CMR543V/OkBGKMvjif1pEfzA11\r\nyCa2ebGtDGhXNhOH2xuPB7Vcdi2DvSmGYGg=\r\n=zgaY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6c2c2b2b16d0188fcfc620c5bd95622d34ab600e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a52be2d5e.0_1672773136855_0.6047414573693419","host":"s3://npm-registry-packages"}},"15.0.0-canary.e38ba17c5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e38ba17c5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e38ba17c5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cdb244b4d41b6413c219e4a920e706bc21b15ed","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e38ba17c5.0.tgz","fileCount":8,"integrity":"sha512-rKx1Or/YIHxvOCszZMQwzDq4aw/BRjz+UOw7kpeZDvkn+0eaC91N2f+WkmZUfArymOttLEE1TevwLEb6j0SZ3w==","signatures":[{"sig":"MEUCIQCuAn8KCaUYwQZq4f+ozZpbqdDF2fdyyTfKgJW6sU1MNwIgBfdWxk5wIEkRPGXV+mkH37U+qnEwM6/R151VFomV7BI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtKzEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+Zw/7Be2iMF1FXa6JLuuxXmWRUHuHsGe9Tg++M43R5Jcy+EygYcqQ\r\nhKIO77NwpdsMzd3ScdFCk+cfbkmAbtboFAvyjzO/QkxBiYQrutwCJorJ5fvq\r\nRYk51aTJMTpi2yGp+HUVACW/NzP03/Uevy/ykMfdwsCbDxHy5uS4n+GPylx5\r\nd8GhpHQdt6naae1RgHQ/JMrscOGt9rPOhNTLb26Q2v1CNhJ89+Y0yYLy+qEs\r\nrUuUJbYlabkIi4xmknvTu0tcnMKHeGcpvk26rAIp77MXU7M7yba0Yh1WPhnK\r\nRgO0gN4XrMC84aL6+bLpbQVHRphqN4skgg0CM5f32FahXA6/OmjijvK9i8fi\r\nYV7kWLteA9VP3i6qtqxKhjhWl0B51wSbg5hQLbuboHmazqQrvNiAyKgomFjA\r\nx5bT/RPNsFL80J5tnvULmu+pi0UNf6FM+pIZrXOQpwy0f7smXbKXdaCx2qSa\r\nFExG62hJyDMOpgra5NCxpGc0j1F6S3hlvvq6tBSmkDask6JfCRsEXA9nadlV\r\nI6qW7LQRZLxiNuIFxoXsh62Iv1M9PWgx8agmxOy/g20tzdDgU582pvI6TGMC\r\nne+/Rsl8UEUaIf1sMfRz7HjrCZEU+UbHK97zhc9VYp6mIiOgM59yqSyQkzgM\r\n1Z03ho+8LKQP6Cy1/0C+J6rh3kqWP/7DyoQ=\r\n=51S7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d44100693c450240b468ed28efc3841fdde62da4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e38ba17c5.0_1672785092435_0.48127984479473307","host":"s3://npm-registry-packages"}},"15.0.0-canary.49041a6c3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.49041a6c3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.49041a6c3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e411296fd024d9b59df9abd5f2dbeae5a83d7cc","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.49041a6c3.0.tgz","fileCount":8,"integrity":"sha512-LTLMBRSLSMs7YVIqm3P0wLdnkz6E0cyIsnkE/tVe1Eq/f6ZRFnlGsVApYM9eK4t2Q3ytY23p8ME3U0PLL8Aoug==","signatures":[{"sig":"MEUCIDFd4t6KUic5kPnRAHVMkm4tm2ZoW9R7uU1mDyM/u87CAiEA83MtN+V8a6A2bhtyMDVA14Bj/S8fv1OZngbb1MYbTjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtZhQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVLg/8CViKDuAt2QforPXnODSgTRQfvB3mAU/16jEPoQJ/TZzEC3Nf\r\nPPKZzbG6IzLwN4VncUxV4yBLm3GYTqXilYE5hIa+TG2lpFjzy9+xBB/F1WlB\r\nE8I2w/yq7FfiGmq24VXD0UYmNmUeF0T0jk9C+W28rvtqw/iGkdHfCGU95l4y\r\nncr56ZWQmycG/1lQewmRxk4+VcJ5JbCXUuu8y2vLUYOPQn6emeUDFYT99m+8\r\nnqnTB/o6Ie/tzcPgk/9kFjpjIrhOY/ev8mztQiA4Q1dkDvuwQGKty8pEW38t\r\n3E3FgqqryFtE+0dbSucQS+ZQSHEeJhj5AIufcH0qNpQHNRB0tnd5rKZ2YjFZ\r\nnhLMjsLaHAsL2QjUhci/kHqr/Hr2K2b3LEFfo/1S8uy4Fe7OX6JMiI/Ph6EO\r\nezzOzQutSGVqBlEoY/qnWCi0wh5IzuGdff269N4W+6UkWUZ8ulcaAOwivn2J\r\nyvWTuESqwFCk3SKvonKAKfvsAbHlTBPsMK7aqnKM/hp/en6j1xOXjNq9Whz6\r\naob3lo5HbtbEU39L37G3fmZYuZrC+7qf0JVV2dSmGw9zc+1MK15RIzMxTlbF\r\nbi/VF3TEYQZRHocpGo8Z8nyucpGRBU/2BwJb7WKq/bRqQfDwOKh0Kv18ziEE\r\nTpENkFjhdPq8KQTTctbtskfiRqoCKUVriqs=\r\n=Cl8a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f012497ba1285ac3de691b5e25afe7a21ff62bdf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.49041a6c3.0_1672845392126_0.7618840062570957","host":"s3://npm-registry-packages"}},"15.0.0-canary.c492898c2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c492898c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c492898c2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b589358756040f2eeba4838fa2b36eb28053dee","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c492898c2.0.tgz","fileCount":8,"integrity":"sha512-ps+FT6iWX0srxjcKS8jQY7T0Qno8raOXNfUXObs0TO1+yNVsdX7Tcf9kOQapPRXm209g/TVxX2NSOogzWiaU+w==","signatures":[{"sig":"MEYCIQD9wyOFvf9l+4qylmG9PkGHpfDIPpreBWmYHs0y4XwbdgIhALD0lG9DzdOWjfDLlFM29s82s2lwN2nxw8+fLJppOOw9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtbkFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRCQ/9HNz35MqZdoL/Nc/phap4WKBJUY46tcS6rwtC5SIetbx8I6d8\r\nE+/FR2KTvt0URs67LXEI9FNLTCD3CUmh4/2CyLXwxvEG18M7wIk6BryP4ADN\r\n9ZyMZvvMgZ0r4f62NVap/EhOKGjkQvecqiATP+6gBbbK1DrjtYR0XkBpzRSI\r\nriPf+gbBR80Zf8MrxnG/j5WTTUFaoGL2Jp9txY3qPANeoVHuIO+nFAh3sSwH\r\nrVKMFd5Oct5bis8dphwPmtwRulcaAFikTnzrhVwNcHMZn1TC3o+WkNcGZtFP\r\nsHkp25SRbQkdTrAItyCy1htMgdZkEfXWhgXH9NinYfs0AXHBhTXAJNlHFvDa\r\nz0T1UoV/H4oUtWTuPnZYg5p+vxkluPopmZDBn5b5yFrKeYhxOnXY2FtGe4UZ\r\nBMVuy9gL+MzdUx57p0QXALiYPj4SiS/0G6IKBYTK9Rgkr1qka9XyZV0YCQBt\r\nk8+/wpG+rEfU8XM6TRsfZUVt/UGXyiJhkCPRWLzRPHL52D8g+DbJD+KGU5HQ\r\nIKqKYIW6hEQnfeOQqT8hDWA51bOVnYQtEbAQGrEWZsH1HOZuvGU9jgMuQx5h\r\nQN1yYtdlYHJ3DWuwiu3tyNhYgCb8wZLEuAL/FyWOir46xNDaDIUApUki66hS\r\n6iWwRkX+hXkEDjRNj8qQnXlGaXqh2PXlrZs=\r\n=7kSj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f57d41cc546a15258de2fac7e4ddca48b2987ee","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c492898c2.0_1672853765129_0.7664643040208434","host":"s3://npm-registry-packages"}},"15.0.0-canary.d7a2277de.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d7a2277de.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d7a2277de.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c36e3dc57f323f25a98220805026b403fa3f51d8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d7a2277de.0.tgz","fileCount":8,"integrity":"sha512-LbdqG7Z8Dh72GMhzJvWv0GwFHbNgQB+Cb4jzQGhlh6SfLIOXAZYtdp79hblqqHh8CIe9v8zaZVclFHBxH7sbzw==","signatures":[{"sig":"MEQCIDvyap+zcfPCvF2dQYXFUfnlq6QIo/mIzIbJUCIxGgO2AiAFonfaIKHu6csYSX1z1d5fhMm6mzeeR1fRmbysRR3N6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtfDzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrV4Q/9FD5CUw9RwWGuIaxcHkD3ho1ozdHLgBCD4+6X8Wok6ZV0PzMk\r\nmXrxIRT0Z7Qr+kgPQpcMsEo0/MSAi5DpvnlII5dt58HDKx59u3xtislAg6A6\r\n1elkYBws2aae4rniIYjiHbuRRvLRd20hCBOCsxanCxAx2xaTSEBpwh+Ix5Pw\r\nu1ni2dhhl+huFUbivcQ57v5XwDjiw3DVw3dH03axjHZFSX2qUYc5Z2qxqj0l\r\nP9V0NffGRLZMBcZIy7cYPDvcap4gnS+R4NVYYXzsggi3VK/kQ0gbKE/inXNB\r\nGY2LF88i9GpBkQH2LORfp01Kvp9PvrUWc4yMFWEC5odGJUN0lhGbgwEQLG8A\r\nM04iCUwLWx+lrG9gWzEfv6jtE//nHX6XVr2irxQ3Jf/nYONsAMDPdX2OOQZk\r\nHUUbnz4NXgm6m4NK4XTHW+DNyjRsUcWsibmUPLrIjrlj2j2ivsQOLUmRnsX6\r\nykVv1uF+scWOddT/YZE0JV5gNgxZnDfKeKjGDzOKwRm6t2Gm/O17ou+RgZmF\r\nOrbPCjL0/9GDKHQe4a13wATisJC1v6RfE2AGJpxRr8w4zejYcpyMR4rM1QNn\r\nKUrXbE5ttqvsnUw5MPbBrBIH+8NvkwCNdWZUaAu2N4gJbjhbnn6vjLJOOJMT\r\n1tS5QZnmxwc5oF4vvElCxPppUCdAiKBZzW4=\r\n=pk+9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f9c71e947019fdd0ca8837669de0401f3752d1f3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d7a2277de.0_1672868083318_0.735293814930323","host":"s3://npm-registry-packages"}},"15.0.0-canary.fd95ca7ef.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fd95ca7ef.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fd95ca7ef.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9233fe549eeb28a32614845e2ca65cebb966cc49","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fd95ca7ef.0.tgz","fileCount":8,"integrity":"sha512-Mv1BXAOhbkvwFYPU2DdiVe45Sy5JKgU5aHdkKzOu5LwyirejwvsDMnmqt22no2Q6qbh0vYeAwpdMEUWUt5JvYg==","signatures":[{"sig":"MEYCIQCxcErMlvhbpn+c/2eBKcXKyst932yPpVYeyObcEt1D7AIhANyptQynGVVfNrPCeQyymXmJO/yd+KjVAQIZmXpefhge","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtiGCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSVw//Vou1wVFsZgS68Xx2gqAdBlWbsVIYvwC8gmv9gl5vwCJonn3t\r\nfFaX9ugpEGEUJ4jTpmuyn4MCgnuEIYvyKvENWfB/+7/mla0P/5LRoGu2h3bN\r\nUl/4I8K1D3/Ga+vzFzoX97nTsEZfGyJeRNrrxWpN9rljWOnOjbnT0ZvXeB99\r\ndy4THrMGggGlh/5gPPNtPgU3nVpvm/tczaJb8q4yM+TtikFBS65dlaLsET/V\r\ndGwZf1KBrSB45XQRXrK+inblPPmWq2lozYgUTdTm0wOoCCTVsG5O9fD8E4E3\r\nrSa8I1NrjxWobkpsMrp+l74RKsRHlFOcy1zuVkMiZQ16/LJ3j545jPpnE7oD\r\nIyDK4hC3z4bhn2UsHHoQ1yB6H0FPQsegi6fKYyPTgxmeOmBWnKrgY0743IYO\r\nsALPJmxbJ4DAXTrwlwb+4JBNgn/05kATmXKPBa2Rb9GU09BODbBGVNnwsezp\r\nqYkWskura5PwkwRnE+YcO7jnEYwfcaejEN7JGgi070CAhF5J0jdGyw1Du6WB\r\nWAekS/QAhNG7edF67XSx+Kop9h5DuiQ/UFNJUfkruOuRiVJFBHvquUhO4EFe\r\nw/fpyrEQt3TY0/IWRLhVWUX2rOIxo/H2Cc6jvuKqWCYnKMo86h553Ch/gpNX\r\nEEWyVGJltagBm04u3UCDlqqwMqRt7i+qfLs=\r\n=Ztdt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b0d2fa371ec4a3d0a8a11e19d9753b1af5d2d62c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fd95ca7ef.0_1672880514318_0.21176499766312773","host":"s3://npm-registry-packages"}},"15.0.0-canary.1eb44faf9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1eb44faf9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1eb44faf9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe4346c5d60ceed2c34362ab0c65ef46052566b8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1eb44faf9.0.tgz","fileCount":8,"integrity":"sha512-Ir6JA38xvxlQFfipiYnrIXg62CGNGxxySbLhEhX3GQoFSWNCGDh9FMvM0a5TrpWOfkfiCJRcjQxDiRo9WMX5JQ==","signatures":[{"sig":"MEUCIQDC7l49g0mnY3ItNAfIWgrPpx/pRR8H0XShDZOWaW0LOAIgM/AE5h8m0E77E/KTfpjAXrMlX3JNySkUEsxJ8fA0F9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtpOEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohSw/+PAikFzZzMOfLeLQgOX3D8bTPVQFtuA4JbD+LW7s1EpaxpB0t\r\ntBLrhAwxlUbDBJiE8FQoadoGWKRA70nT6tAHpO2c5CUuQbAnRWtGpDp9xjhh\r\n3+Ngi/H72GZFuQMhwJl7ToZizokrxO7kAd23U/IPoJDSsKpkL8Gk7qBOs2Fa\r\nUjASvTPw7QKVfYMv6/L8vtoeV8tLf0g98h3+LrDOsAkxczDRl1JUQ6wWDYyW\r\n1g8fNM4BVNEYOI/XIKrs7q/Xa6VHQosrfdDIq8VLqQhb3Vq5TWru8XUPWVfK\r\nWDxTyX7pU88WsWGW34/sJqD04kN73pJ30XOWUcoIK+uX1S4ltuXAGWKX3AQZ\r\n/SN6fBAST+Yl5s+C4SwK5PZi2QHmQEyX6yV2zncBgUAvP13eQjcSW/Cf0dro\r\nRQiGTi74L3y7z6dn9kmqRQuBoKub5mQhjltzTwXK97Ykmlri2jw1cgb+YE8C\r\nq9S3th1HF2I2Qu/I8n7y2zXN8zL5zcHIvy94R4F9EvHY1/Qk7D9hVEf2Y6XE\r\nprPcmW1XG4H+FO1xquf/ytUN6Uu17Citu8pka6Q2tB9VsTPuncl23zyMpZlS\r\nrtjD21jyzFmpYEJiP+ruA8YaRJByrPkBFUXdjbYDPh4zouYiB6s7ar8eyLKq\r\nIyDmvi4ZG2TlpJob3FHHgx8HtYEtdrqYZ0k=\r\n=wHZx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e0eeb94598a14217ebc97ec3e249d126a29a13a5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1eb44faf9.0_1672909699813_0.9592099263373168","host":"s3://npm-registry-packages"}},"15.0.0-canary.adcdb7db9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.adcdb7db9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.adcdb7db9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17fe5f544989c9b75e3545d89bf2f7420d4d6711","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.adcdb7db9.0.tgz","fileCount":8,"integrity":"sha512-XEsA/HPCnvk2ZhknF7vM7CR0SZ3e27RjuT7mkUJ6tymFGOd/8YoQLtv+Kg6owcK05UD/cQMPeth+mwRgyhrsdA==","signatures":[{"sig":"MEUCIGCB+EBxb0AITg3orUrfYEEBvoB4roHWTSIyli1ZjPT6AiEAh29balklL/A95c9O3vwk8NXI+nc0iExQlMs+Y//zKx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtvjRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7xBAApCHWAODXDNEqx2W39McUABcjikbck7sbD7RMxkRBxa9akze5\r\nW0ein1hoQ3wh3oG2+RXUDQB0rlwB35dJmJ5YYYblxGwP+makQ52G3WWxR+33\r\nGp0Bpgvx0ngHoM7Zum1ohqelfezfRKkrIyRlQygrv56pnwznz/17FYpaTo++\r\nWvqPTnkP0Wcil5XstzQr3MfeKL4Ui9KdGOF1Q8fLdLW7G4/amWUwn7UdPlkJ\r\nv24BBp6Bnpw8ojzObUWd9BLUqOz+XciQXbFfZ+228ZBAb+yeR+gcd5j4D7el\r\nKEuC49agVyBOMgHfjNw/y8cKU+PJ7uHmnziKBM6zRMIafUTgyRzDA9/T9A/w\r\nBu0CCueY0sZOBJnSK4MdX5igiYZSJni3l7pJNEkyYZtKJxb39FMcF/lg1Cpw\r\npRj4mD/0dhDJPB3omQ9CSqRzQZGTCWvsf7kGjnptGZJEs9+65rLhZx9OPtgF\r\nbPDImaGXYOxKSGRuJJVrfrt3prhgGZQ9uBNJB/O32gJlVeR/IvwfDeAUWHpu\r\nsNUrBkoWWRv/5HYumfZy4MHhYVvANXo8PuOouAcBWA2WJJN4evRyiOtNv3fa\r\nJAXgzFqxx5gR6iB8ILVsFreOSP8m/V9nMepZ3NrNJPGWbTB75ZIv77zYXfXe\r\nG0gov2bP1V9w5LH3QiPXpJuJNb0MNeoHtnY=\r\n=2wQo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2bb419da8b7b393c085616b6c5f28a3eebf832f6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.adcdb7db9.0_1672935633463_0.0045435260816497625","host":"s3://npm-registry-packages"}},"15.0.0-canary.067af7eff.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.067af7eff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.067af7eff.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ed8b400399be5e3ede2c2c1fbc831145f7e983a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.067af7eff.0.tgz","fileCount":8,"integrity":"sha512-OnsGOxqRnq9RhgAqSiFsA7uxcgF4hX3BlTLIOQU94BfLNl5rWqDLfbl4pbyBIU6ioN+cWXU4yuMEIvoZTeHeYg==","signatures":[{"sig":"MEUCIEkjQzdAwivQyXFp8bqulYr76sktHnELPHOK5fBClT3VAiEAuyNHSZXQ9BcAaYg5SuWtzFgZZj/ymgpyQ/+erBxMozE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjuKuCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRrQ/8DPU+ajPMET0/G95U1ykE3Up6Q3gsfWHc1oE2vlCbNMnYI6H5\r\nSQUjGroYX78umNg9z0/mNv6Dc8eneys7kwutSjzzmAmAn0gMzU5UIvyHWBzC\r\n9T/p+bi184V1SNwtiAixccl4YH7FIoKBhTZuCHuog2FvKwYtsyd5RU4R+obm\r\nmwxsP9V2HWmI1JrpOL7NLci2RG3wyBZ6nh/v5fzZGjB+9uS2MObg6jthB3Pl\r\n7FKI8bLebAB7pS1hI99jwh3grLwoiUwMobDzm/zO6WMg1XS0S2/nkeVRX+9N\r\nI3wyKOQli9CfVNKOaFbQNIvIqseigIdvoL1Hm2JTou0bQ2safNS/ucCNzjT2\r\nreLQfAyeQqzFlLb3cYvPNsAt5snhmvASsWpFqRKSlY6hcLgNCWHiqpgsAfcf\r\nxkSrxVPX6Jnt7ytdZxnC4QLLSYx31jSGZwLwTgOg08WkB/B24et1gzF2gY5Y\r\nxAGE9RUoJf5Ohl3/RCd++9SpiA6Rsbn1FxMv1tg3jv8HC/gsR3Y5JILYX1K/\r\nq4u7L5tAxw6HIvCF3jPds6/tCI9++4xR4LKms74LJdjG+zXhL18oEZnJqOQ9\r\nhrm33R6qbP3SOV6kNb/ObEIA8GEsRKaORf+++x295ipfvWahG+x/Toy0cQ6F\r\nQXvTnmTzmIYPfBKqbthWqWs/pwmKmjUMn6w=\r\n=bSNz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1fae2c792ff8ce557995a8d5d858676b4355c7ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.067af7eff.0_1673046913811_0.3223820778842361","host":"s3://npm-registry-packages"}},"15.0.0-canary.21d1196a7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.21d1196a7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.21d1196a7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3c2b698965355cf5eda89749249c0b8bca52d60","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.21d1196a7.0.tgz","fileCount":8,"integrity":"sha512-c9EyPmuhuIcAbmep/8+vXtk98OT2rdJynjIkhIT4zIEf4f32o/4PNtguSgtDn9tXykAveq5jYy+vZzAQAmMRIQ==","signatures":[{"sig":"MEUCIQCQ68oUQ7i2lEhiclyHmKQpNnlwrIapbkbSSAlklZde8gIgGMo9KvietLXjhC02J3tiNhrWNba/OfKKoaUzy2ysZMo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju+9zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUeA/+MG4pMioWEdufMg1Vprw1ffMHb89lEygZ3LLTHWgt4CaxFDJc\r\n6bJnCEjY1h7QuXC0nGCm3OpoiinbJe+w5goOXAeDtp0b3Umn0Hz3eWjRPSKD\r\ne62l5H9w0PBupYyOEzBajsbo7oca7Jwo8bmiLbfhT4Se7hSh2ktCDtYftOsy\r\nLRCEmRrxXcZ2SmWsdBHhQIJ3ssYuquOqs0V8AmbKCK24oegjFetQyGvI5FEp\r\nkP55Y2uXCjQ0X0pMyz2xnz8hjALfxkU0ZTMhpFj5MuwOpAlt3ZBDfrQD6DIb\r\nzEjjLKWm7r/B5Y1b0gmftN4u7W4FFXGRp+yKg9WKfnkszZylBJafzPIp/JiT\r\nu+PZKWHrSonR0YwPUyuicQrpDOZsAXlzXIekYXBdGAQGepv3Mlg0y4REO/ZV\r\n6kv1yTsPIKOUEoA4DoMoDQWDP/jkl1FdaiajHQtrScum0zYtzg4sLAdZPd4t\r\nYizR9bmCdsr8ursqSwfEfxGPkqeF7DJhZWmeKTC3kglJLY2C5Wuuqq1zft56\r\nk0HjBJ8SAPsO0RCDJC6VxnPWzGZUwfJfgVDGLj++mXxEfeij0kT48g0Ll853\r\nlOazXLt1n8k7wcz+sE+lzXJA65tG/+qlxLwBSsOP+EmRrC7RFJUD/Ug/Dthe\r\nTKtrAK81UZCG4szz7pJIRqFgNLDot9WaPvY=\r\n=2Lbj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"361e536c54e276112f021b419f666618a20599f6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.21d1196a7.0_1673260915020_0.9407752257083188","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d2d8d3c4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8d2d8d3c4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8d2d8d3c4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfc615dd73343604bb2429392e287979436aa00d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8d2d8d3c4.0.tgz","fileCount":8,"integrity":"sha512-T1B+1lHpF7qQfdks8wZxka3UwHLKZwrckE0ja+spYX/sclsFT3tG2AlDbP6Oa6qP7UVv9DzygzUryqRh9wmZpw==","signatures":[{"sig":"MEYCIQCsXn7nGWVcD6q04N+pF0ewuxvmG5rVYBB0lBP28DWmOwIhAIG9Bak+x5maRHtZWge04gO3fddQmcyWnulBdBtiHBRJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvJPFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaVw//YNYu2oHH8VaEKZeXoQiu1W9ePS71frj0Beq+Tfk6awgpKJTQ\r\np5TJdrTMiqVbquNcGLjxrktLh2oqGQ5UVQE7RjKKIjrOlNorMXeYnUaPpiye\r\npeAm8ahNBAqxlWDfwfgyx61gxCVU0ZNh/25slYQ8COa0O1It6YPxJ6YxA4Dc\r\nHilYXmZ7PqDd98nE2KNdWYq8Htg8Jc2irJU/9VC0UVCQcEddek/wGg5OwGuL\r\n+2k5qPmwdzvgmmOIwU5CGtZEeki05S4QkTxvrTXu0HsgItoob5BPd4zczqWY\r\nL/x+l6c9/Xu92LctNNU1e80TB9Y4uFhPsrkk1zbIbRCm1b9oqpT6NctojQee\r\nhq1G2PHVWjDYKZcGPOOi6oGZmD/pu0njq6YmP1btxmsd7kBFiZYd5+6gbYRJ\r\nRScy5D3yMqKS5X/piWCJ2M4m2yu/uspvWt+vPRdVK5anK+way2hxA/+8ZvvO\r\nQ3h6RF+Kq8DNWv7ZjBdBIML2z8nLDHpyzslZRfJQaTyspg0Z2NaKHfxq7kl2\r\nc9MqzVb1R2ysr6PfUHE12QR8jYgEDP4kmNUIdy4nCoaSdfUsiTxqHhl2Xsdo\r\npuQ5DjqVIT8q8Rs2fN9cyN7Yl0E8G4MmzJwb/TDPEmreHjpZroGv114kLwBE\r\nrFD799QDUD7g5FgdEizUJ9JeC6zbFw77mvI=\r\n=Lbb0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c2df4624468d99280d9dcb0894d04d839fc8673f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8d2d8d3c4.0_1673302981226_0.8432426495894707","host":"s3://npm-registry-packages"}},"15.0.0-canary.f476fdece.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f476fdece.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f476fdece.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7263793512c3b336bf99393a6d899ceb44060f8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f476fdece.0.tgz","fileCount":8,"integrity":"sha512-loeHcRaSp8rsWcGwL2UcOMCY/uMNZvrt6eW54tVR62OOH1ozZVwcDqe90gK6dPqSnM0tGGxLAlJaXf4+hTciZQ==","signatures":[{"sig":"MEUCIAvAGkJ5kelr54eeabBCgqif4nNV/XxHe64xO57yMGjYAiEA6iVkxBNA+VnRZCQAmCs3SnNAOp0ddzUf9cSdOn9O7zQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvY6rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc4g/8CV9dFmiKA67zTOPGmS2H42GQRqLJE+AzkUeHtyQEupZgBcTZ\r\n47A6VVThdR+mR6UhnY8nxtrSztP0JWG5ojIywWcsaJaPteRJ3DbGPl5vLk/f\r\noskB8VAyu155ElRJcy05yrKkhXUtSLJaf0ibmeaix422JR5TxGNXy4LTTye6\r\ndIB2OYEYa/Bzz34XF9RM4GIbMZ8IrecIxbEt403Iq8zReb56GN6Ig70srIQl\r\nqQ5qhlNa1OIH2fE2f7bWi8iFxykAbMkdFjjO9XpIruira1B9zl0gLZd4LMCb\r\nLPy1TZfUvL3bTvA78XB28nIXkfVhqsyTROgp3nuzGh1xHA3vd5YX1sj8sd1z\r\nqFy5YN89s0tT4iuAlDaDES1mmzuzyux5TOq9aXPnIkjblAL0oZnyI5umaVTx\r\n622yS6avcnUsaQK9ydp6cA7O6ylKlLchEtAy5YEPuBCpdYDGqJJtD3giwMx9\r\nCK0J5aObHUDv7f4mbutzwxngg+zZqH6zyPYJgS74Msfwiv4KrCOYCEphG28b\r\nNXbaR9x27wqQEAh12MNg6T7faZU42GFJw019Lk7TJai4WSg4ebgnLTGXrwcO\r\nLFQlS8fCMLm0sqz3dByEmAZ0uDiRCGzEsYbjFhDl7nrb/qGj8J6W8yDCWzeO\r\nJihw7RQvB6HoRRswDWj6TDuQfcCQBfgOG0A=\r\n=QAWe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"672d5b55da7c88d57180edf75e7ce65ca2fefe0f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f476fdece.0_1673367211769_0.2497363868771414","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc6ee6c32.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fc6ee6c32.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fc6ee6c32.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9868832abef90f0447c05f6ac38147a58c89a851","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fc6ee6c32.0.tgz","fileCount":8,"integrity":"sha512-Sidf1lb05Mg3KMjSygg5Z3esFrwK66N64mlBm4f5NGLxEvPoVy2BoGlMbnTlUyQg/rEQf+w2swebCMkPvwa2GQ==","signatures":[{"sig":"MEYCIQCVwhzGvHPPTa2jyX86EMNAK/JL5sbOgvLaX3QHn7C6pAIhAKSZfdvU0q4ZvCS4wc2GqGYprrPKP4AoycGL3qE0xRaO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvZHWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKqhAAlICM+V9blVkCiiSvNeohwVU+OF/wtmKq6OkxhpETvKX1b9ul\r\nuLco22nplVuyM3Hiud26Ef7fphD9sqi9ZKOWRtI9weRY4SBf4r+tsD83RJun\r\nr4jYV+pFyVIEjHtD0dkaggkMi8W/Q1dpAsOdUHD9tZ6IKUkj6BlehnpFlqs0\r\nvLJj04aLCLK9eCDR2bvD6zKMfawUIlpOB7vEbWgQXnLyvuJ7LM+ijpu5FsAu\r\n02HNhlRIYnlMTJDRQOADCvWTvQq3ScCHBK+Yfd//PUcuxFv/KSlsn3eSYgbZ\r\nwA3cqrgaAcwtjyk+1DotmE4A09NY1Jzk9HjKGS7XM5QXP4kwtlSAtnDwi9/1\r\nVImYI7UdDi1h5zbTKAkfMF6Wyaa5nhO2K9jav2rI/csBkVsMSSTbOZgHdojP\r\nPsUbG9MH4GAWjsgi/8fwjWaYPX3OswR6zZMVux18QxOHuNp6rWZ1IY2xJihc\r\nCfhYQMu5kV5biGECueKDn01p0iBur4YNhSeza6SJGHOYGNk253pBYySmOWHM\r\nIcQrqTxo5tmGCMOXZnY5nMV6ps/VQk9U53LmnrB/GgTimR4X5K+Za9nxtnMg\r\nZWCws0WKhTG0PS9fqFqgfo4vVMS6OVwm73xSuPSTHV3Q45Eh+B/CPhsha4AB\r\nUVuSd9gRq0QBmo5/24EpRhnWg+juafXi8e0=\r\n=Gjfl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"225aabdf74bdefc3d2f70f268ddd04c501a821ba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fc6ee6c32.0_1673368022419_0.5294713534438218","host":"s3://npm-registry-packages"}},"15.0.0-canary.73537ab0f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.73537ab0f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.73537ab0f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a3f9a2cef2b8c9e063d26a32f72bb721efd714d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.73537ab0f.0.tgz","fileCount":8,"integrity":"sha512-KooifkJYXIygsJMhkatGoOXS/TNqoqcqViEhdaLjA6Z97NvZAd6FyykYFxVoGn7IkqE/rIc6Fl9uMyWK7HtbqQ==","signatures":[{"sig":"MEYCIQD2KdqXrzxjdnNILEqMvKtaMcxEiHFa2ULZdOVC+B5rjgIhAPOUi+Oij4JMXY2GMQS91zwqnXHzRhGaR5CCuMgYDhRv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvaoeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsRw/+Mr+mIa+U1LMM3yH/jtHlRwLHG6+F9CAQi4mPYtIe/s5YH29B\r\n2HaA8PsCSUOi1WAZGfCpJgfle2cDSa5EdIrEq686ncfx0ErMso9JshYXdzk3\r\nrKfy/epLTAMQW4eeE/8cvhT9KI7HA0mgLH9Kq/7VBZUr8juyOeFL9EtqHXh+\r\nNCds0x1h21PgHV28pFxhoESajcCnvbBwO1eEsQPL033QaZypYP3eI6T2xVSR\r\noaioHY8A7pmWyAIufjq+1d1BW8J9Crc1OOJ3l7TS9ntAk+95Gd/ZbdSlDRcF\r\ngA63NHnbR8X+DxeG1Xb36cGfJ8xn8TF5jw8dMJtNM9Drmd50JwvsUOhYetHn\r\nWKvpoOw039LGUiZLYMcwarxVG1SoOHIJ6Mw4SlXU/Nr5XzG8QIv8AXGdaegF\r\nf4+lkS6PyyNEvwWirrgdfJJjyreVbzKYQ6Becr2/b1vXzlTMVDoV4ZV1AY71\r\n7AiQHtFMkZcyNCoo7DMaUUg8VxSXcASCxT2hML9nakFfDAh3JgROBH9it+5G\r\nws7rzEm0HBCh+/IJV4OVJf0stMy39+5H+LGJaOgr6a88BX50Cbq25WgL14U5\r\nI+kuoRbZTvxlwXp1+8cpKqCzKs9jEVq8rQ4CrGIdDpHmSbGSWNrHb0NfyI/Q\r\n9B46PTelNpzvrN3nPBYtM2IQeWQF/CjdB8o=\r\n=HRw+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cb3a480e7be3c8c7bc8f8ee0acf1ee8145f266b3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.73537ab0f.0_1673374238113_0.4293426905363662","host":"s3://npm-registry-packages"}},"15.0.0-canary.684e33d25.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.684e33d25.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.684e33d25.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73247e0bcd25b0313a6f783ce8d0db3eb1d9b27a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.684e33d25.0.tgz","fileCount":8,"integrity":"sha512-HyH1erNTSjS63sigNSUMaCd0nJhTNdDFeC+myrxwtDaQm+uYJ8troCNtQM3g6mx0XATNtX5aTOoPmrM6yVVi1A==","signatures":[{"sig":"MEYCIQCrGgU6iydbibvfdZpjkn186yDA0sMM0Ja+0tqJ5/7vMwIhALknGQJeh2X017SbMpT/PJxm6mdyOrAkpFbaUYSFpB1T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvbnNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohYw/+Olj/ssh3drn8Q3dVgAzevd1F+wOHjR3qXzfLh4bIfLgOuaIH\r\nfS8AgOyvOHXxgE7VQPcAH/x3u29DtABxvkYHGhT/Zda2+RyudOLGhEe2yj2o\r\nZiQ73F6Ar64vcrgACLS1o/MCRdqqkXWLPuxFpIWWwdE6iIbzsdImHavnph/M\r\nwhYOPiiDJHFW1zEUzq74x9Tcg5QnghEcE7UElO9CMZMMNnvFpjs4DFnCijec\r\nCjSAkzw4LGDYVtbfcFmXwlqicmzDXKUtP28CJdxSxcoCRLaZJS6delJQxhzK\r\nB9x5DG5QnDE3xrakJLo/aqiEr7+BLts1RWtqigq/+0ZZjxfQpRXPtMQU64VH\r\nQZB0NgBSH1xAxxUvdGgyjOJYOk45MtCOXHmT5r8vzPKn3cmQBNGiYaR0C0Xf\r\nC6B2OC3VVZUeefrAeepWGVroabUicQcnHsriMwqxi2nMWya+Qnhxu+Ya/6r7\r\njObXmfpINL/CfrYorDG+gnAn+SXwZm5q/nqIRq7Dj3YR3kdZm92L6zTHvks2\r\nqTLNA1wUOvGwiMrBi3rOFQKrUYzIDmAMr8D0wvNkxt1ahyE4mg32NTucQt99\r\nkQhMpU2kIZ4fUPoEXcXEIGK4df15HAODX+e705Mp2sU7wDazJ6NF3Z40iWlJ\r\n3Wz4EC6pUq+NK9b8sP+oVT4j7iNVvqa0sqE=\r\n=uMNd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"518d26a1e091925c1b3a87f4d4f4dc828580a863","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.684e33d25.0_1673378253028_0.8692584200955171","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e89aab6b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0e89aab6b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0e89aab6b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56cd8f49ccba4ad98ecb5ddb57d7c32d6375ef65","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0e89aab6b.0.tgz","fileCount":8,"integrity":"sha512-Y6PtROPm5VdtbbjTMUScT72AYpWQhULTwHOEy9e1TfMpIzDwT7w0GC0K9+wRgStXfle0+YLnyWQ/WbQFinRkUA==","signatures":[{"sig":"MEUCIQDyF8qASUg/6kmVzmnhkvx6iKQSa4Mbcv5/0K70jBTrYwIgfbzV2Hwi+RKkX/XkLY3CiShX8kxpLDMaU8IZw9NNeUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvuDNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYRA/8D8dtyFqQTYk9T6ujnlsPrMks/TL01LvyNVWA7+DJUSmAxnAq\r\n9JCo1RGs6lHJdSNTNuUZBsfocJSfo8JhJ8vIkbyFUtwi3W4OJaagIfGwAS1f\r\nBu1gKHcOx37EyruwQhNZKmVAHpDV56yEbi8WFvBnG0WDw88tJVnxsCjpq3ee\r\nek7hnJixe0oMObzvVPrepEypc40QXvqaXSXhAQDqJSc5nJT8OYQW17DyQwRo\r\n/lbXPeO+3MsBJO4prdOcgLnBIInfNpv8IbTohDrmXAKyRBnvnS5jrTEDhtC9\r\nnmCeJoerrvTirdyZROHaeE8Tk+5kZYbTdR7KzrTMyuRDqHr8s2QsGPgFnb/c\r\ngUhqYZunSqssosp6sjquyTiY5hIKhhlRM9Y0vECDsRZBkQtFTk2M+0H8LpbZ\r\nMKP0AhX+pL4r0uf+72hVYYWOTIbgJhq7pjYC/pWGiOE0TsXL7av0x3p/K0An\r\nYYYi0kNMv6j2eogq89lugymx/0on95QZq7nbo96huWHTyvXao1OWmZ8/ONbD\r\nyK6A8WgmvvNBvRyW7m43BqW4QrKA5sWvUAr8Ojh80wmtquIIFyFeZVRGK7mC\r\nCnfSQ4OCUE12VijXJhr+i3ZG8Bm+x3GSx7GGr+tDiRA5CHSv/VxrYTAqLSBQ\r\nnNeJjV2jyVb4hBlKaAHb9nodb/+JFxwOQYo=\r\n=yEBG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e4a9f0d636d7f4d6c0fbbf49a7016627715eb3b6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0e89aab6b.0_1673453773597_0.6577202966784359","host":"s3://npm-registry-packages"}},"15.0.0-canary.b0103d10a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b0103d10a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b0103d10a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90328d304baabf9766f1166235ccafb5038cea0b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b0103d10a.0.tgz","fileCount":8,"integrity":"sha512-fpRl2JxMZZPW7lvla7gYXmh/UX2WSTfyuWOXyYafwfW6i6lTUxUCKu6C3mG48xg/XcCz+i/vOVPOrTn8m8xNXQ==","signatures":[{"sig":"MEYCIQCCJwD98PztFtdAzBl9SYndB2f3VXbnnRFFij9qQLM8ywIhAKF+bLxsW6CdkUkTgX2xf9Dqo9vd/0IzV6COk8cWf8zt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvwnaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoksw/+KGgvoJ53asXKsneQ4F6DX7SISBQlk5VoD7mErqpxSEdCDz4k\r\nxBzytZG7YYc0jpX2+43xaqtRltGY3+CIf5Dvsay1c7hYXdUiAebrZtf6Rxlh\r\n0fAthCBDIWT2sjYICkmdrRneZmkyMvi2qN2gdkrsU3nxvZbcMSYwJNu0hgZ6\r\n/skVjXjV89N/833Mr3qG4ZzM1kbRy9x+wWsz6PYCnSpqQwzhsu8qR1B+QipC\r\nYCPG2bLRFmwiuTK+F0kMTY1AYl3T5m4mB+HEi49Tf1Q71eQnFysz3rJQB9iO\r\nMAqrjH5eHHat1aCVPWVkEXNitY4NXXgsbl1bXpwGNateVeAoMQdeZ8ZHJ2Wm\r\n1r2h8rIG4Dm67IhKqQG/gvJ7ZJlGU9G/2Nv7pGlS4pZEHoz1Yk+WxZwWQUgL\r\nii2kSGGCa7trwpP8syU8jcI9sgLfDj8+d4z5RvfY9YBZ7YCGad3btjZ+oR/D\r\nP//y8qOYtQqeqbX8cyv7jKlPyxYdR+hcRR8/qJkMbSzB8VSEaw6mjWCLnUJK\r\nPMyElY5XqswjglYh95NKssURxZh448G3HAp57BrdeUxU+cOWUtrLXAGulyr5\r\nlAuOHt7fReqDzqby+UyVl1POhOPUReg3WOTAlyHNRN3ibmufUQjXHpS4QGyZ\r\ns10gk120y6YniQasXB0iXw4BHZgHd1HRGSM=\r\n=MHPV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0e133b89a4afcc8020dbafdd4d22c734080d2d17","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b0103d10a.0_1673464282781_0.40780976801023483","host":"s3://npm-registry-packages"}},"15.0.0-canary.50e7a5312.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.50e7a5312.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.50e7a5312.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db60332e87340d92aa8e022e72d6bc6742fa869d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.50e7a5312.0.tgz","fileCount":8,"integrity":"sha512-5a0DagpHI6P6Yp/sklU2kBfo2hL7goIlnhyyoX683YgcN956n/865x0TaSvPm4Svg3rTxAlJDw337i82QuPJmQ==","signatures":[{"sig":"MEUCIEb/6sgeocK3jjSRFbdQfNSg3loxqVGHJaZtlL6lEUBKAiEAm0IXZfOqHXXV0l/wttMsDak8cmrzK8fsW16hf9DAc5c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyGwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpU6w//YP5yZzsbFoY74Tm7w3HmGZaehHSiWJxA3vACSWrtSWfGl9pD\r\n+tnyT5K3hIA7vdRAKyKS3p+jAvEf6xZL8yPG7dZ8R8GniZxdZoJ2cFK43Kkc\r\n8z8BpnqDJ5aXe5oo+PPO7Im+lynXW+SFCxSe9Op0Ka60fe9txQBtrXoWKm7I\r\n+1zQknCrfs1dzJZ6Gp46V9uk+YHTyvo8Jp1fvZymhGg/qTmbSHMOk24D8HXm\r\ne1zFLbVE2Ze+8w3UQwN1E8MtLWmYkthFdDV6WIVExLrPGAQoLf13/WBQDQMO\r\n2Hu74b6DhyiqWn2ooNLIIH128V9PspFVaurhvbgeJR3Gr9AZHEIkYNDjB/nC\r\nPlo5tkqYRbSSF6eEfHYlClXmSUEYBue6XUJk5S/RLfHuyCzaceXvbeeAKyRh\r\n2Dk69sjroHv91ntxgVPBRBK7+hjhGdRc1LBeYdwJQLre6aDCUSLpHR88kMKL\r\nCFMVGpfEZk1puHBSYi5xukx6WVt5HzyYrV+xaagvW+d2ohpvboNQJUsD/2tU\r\nEuip6vQicf6EswARbr+1oZcy75oCiKIssK3SyMMHK7NVoSVPZg9/whOmBG/f\r\nt2VPMQLNIxcDwKvzklmQgHWe5Kpo4WCbPP8GCUkbgMvLiRP1nR3VzvetsmEj\r\n6WM2EUFCYf28sVHM0xvvrMh2iEgDQhI9uHs=\r\n=Kw3e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2d4b8df3edcb9b5e9fd8d8b6645dc9519d92f376","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.50e7a5312.0_1673470383961_0.032245314164490946","host":"s3://npm-registry-packages"}},"15.0.0-canary.202823f54.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.202823f54.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.202823f54.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25a1bdae58fc2df928924e6daaa38b77091cba43","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.202823f54.0.tgz","fileCount":8,"integrity":"sha512-QUcSJp/cAsmSxjDVFawr6kFRVI31j2KemtUx5291b7oftBCT4gTK4UW2Fh/ow59r7bl6nEoHI7t2Zc8QuWEVVQ==","signatures":[{"sig":"MEUCIQCBumBNzjUKPN8kqWxIl8aD4hr3c/LV159J4gyJVcXTdAIgQO/Rik23/4layzlj2HkpxJEXZmtKqNMlGDyvvVNQUwM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyt0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3eBAAoE7bdnKNODzjFCCfJBdUIgv4pJ21IGRDCi8GAev9Wa/+Mw2K\r\n6/E9OxAPLTIozi/hbZiSpBdjwYrF47N2cYA0NXRcULvmAg64AfAd7e7y8GWB\r\nKMQcbEAy6CPK62sL3KMy1T6B8oA+qg1GcF/VPMB5lXRhcAEidu8jUL2EIHqz\r\nMD7blULuXS9eeKI8v1k2uZFVR009xNj9DN+y2XFJqefBFb4uYVM6ISkK6Z3Z\r\nIifIbGqPtmRbcXkqKh5Ry2l2EAbKoLIYKIv12YZ/XORzzRDQqJLLd3hb8Pla\r\nQ4j80wCChf+SrSj7+QwSf4DJmO0scwmVplBzJtJxxPGarH/aXSDCfeXMDo/J\r\nop/ItCntJZ8rLg/tyfPKRLSpo9L0fW9TPxWiGhvILM1MQJvH0t1BxJSnUn0T\r\nhdlcB47deQV+m+mfy/KT+rYLvAgDX7yoS2Wm83AXWCQt1bRfsqBJVoiuUOu4\r\nZoLzDzSkW6TjNQxm5dAHw7zbuIHehqDjhBLsYVZKHYgtGphBrIKnVPDTg3rS\r\n5kwqNExA+DqoX4LUsNzxsDmBaPkK2aiV06HuXISgRyU8U6nIxIMECk2lxh8Y\r\nNe6lUPRCV9EeTGUI7G6Qs4W1osLQ4NgWtO5qTBAQkGn1da74bFCCd4xntUV/\r\nfiY193oMbR0OOWdexWGSD46yi7e0JT2WKck=\r\n=C7Dh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6a4dbcb0b4c7d96a85ebe59a5ff66d2469e177a0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.202823f54.0_1673472884438_0.07864289805992253","host":"s3://npm-registry-packages"}},"15.0.0-canary.199fe2a2a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.199fe2a2a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.199fe2a2a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a65c160b6442e06aea7f7cf23e2991698627ee7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.199fe2a2a.0.tgz","fileCount":8,"integrity":"sha512-Jsrw5XcNeuuLpRPKEbNws5zRUOm7xOPQmonlQenmcmS+MlEvWH9EBSn11nhZSbdi7u3Hl6YSKdxe0si4vU+AMw==","signatures":[{"sig":"MEYCIQCQknNBO7nOf4ZcWUSYylXvn6nTZtl10JmdcMzowI7IyAIhANR1aAnjHP9mp2UjOzzVDs86D1E7MTHIelEA10cUaglz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvzAaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3kQ//X8vR2viG/kw8WiBYPyHpleadrj0q3zBZZ8R1HOnqSAwsrPcZ\r\nmp9/mWbBTVjzPWconWnqEM/SMXYRZk/3ZTWWAhI9b3StT7lEUb5bkyZn8cxT\r\nU/pVeoT4f9Bprg5WGwfIXZe4TG1Anmzj2UxEvWyCT1hgIEkBZf9uMhSIwW1K\r\nD72w8L0Jw8Ft5Mp8X15stnMRy+toNDEug1toDr8AG0weyL616hARXRSK9PXe\r\nLx1DxTWIQWZyVrY6odQkv+XSqJnXb23ccDlOSYZn1xZkxAzGrhT+A/gLJdaA\r\nH5Wcqa/QN54TZEVkNoFpRjbjoQ5Vj7824sNvuTqEXcQxyn0D5KNOqAXOlF8J\r\neAkREqd7ScCnYcBUG8GUfX9ezaU1791DHiukzTXExQFbnGngKbdWirm/6I2Q\r\nbdLkgUEC5N1J0vch8vC+s1IPDoEQqDw2qUYyNCQOJMTG8vuEOCkeQ5sctszd\r\nmmmN0DbdGgpSqXZU9PPwRnorasBjUYseANf+Ab2yZ2IkeJ1kwUlhirH0DeJC\r\nxax3lDQTVqWAxQ7zFXK/1ggfQg8SxouiKDvYdfOZUL8fQnk8wUI/ek4G4WzR\r\nyghZASzSaOmD5TQcUhr3g61DZbxtvbmq6zcKgkhdN++1cOOSkRF74e21zByf\r\n7Bzd0x9x0tJDR2R5crXmz1kTjb8BYAHTFBQ=\r\n=LZnL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eb39fefbc3ca102a52db83ad19b42f1a2b52ecd1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.199fe2a2a.0_1673474074631_0.15116031567490618","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c0786d6f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8c0786d6f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8c0786d6f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5af2fefdbda6c60d94490490e637198f0e868d40","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8c0786d6f.0.tgz","fileCount":8,"integrity":"sha512-3xQWN8Le+SzC8Pn1nPFOouG2ZMrJhB2yJyGbJqNsnkmkbaZwDOxFxknMv+MWZp2zd5aFDEGjbX/1BBtEFALqHg==","signatures":[{"sig":"MEYCIQDtVGpC5/J7yKoXFSdJVy5498J6b4gl1V3ip9BgwzNmcgIhAK6MGIoPUvyOykxyECk87Zh8CHliU1EgFNMaft0CQ+KC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLMQ/+JZxVGO+aCv2uVa9AXVEF+LNgjnSz1uRjLvXKpQmKWRPn6mdd\r\nG9tY1dCipPlq9MQfG0UR9anqhHEhkjnxhHJM2Jqul7y3J5e5lhXRcQvhgGvg\r\niTlSg4+EHvt2SUT1dC9txKs9+9SBN1ZueK4NpVvY69SyMkz/FKIjBTAJNtji\r\nMvuT6Lcu1of0zNS53OZcERgx6tDb5WLnkNGyZV0pYimPcgvKfYlW5AZ+CFfr\r\nb4B575TH1tE2a1L8YaQNVR0w6gNGtBpAMPNP2DHYwCx5YsM8u3ssxTsnMz1d\r\nOrHWOYQcPu3tvgUon4PviPT+UhlBHF/677oCvIZ+VpgjffRMRj20iWdPYgKB\r\n5QuVc2qA/c8Gv3dlCnxinoUyDPMcREQDMos7yUTmFLqop8OH0dd4IkSp3Aj3\r\n8VT1AZI+xsP+TBTO5IqeUfgDADA7KL769sTubvCRgMij7o/WPGXaPmoB7Zty\r\neCMMPkUJWSrVtNgERfrP/kQEKzyFEivF7K/r4yi/AOrbdu4jYMZ9dHBTlT4r\r\n3LIit/YIr0aOAJ9uz3IKCpVM3FHh0howTqafvE8mFMXMEp+JNm5N7k3LrN26\r\nVwO57TIHhQRa/3LJMM+OJTBOhImfZMV2FSL20RucLYHiDsVBj01t7LNTcQNt\r\ndDtNkUFetZFz49zBuv4HcVWTWyLf0JiSqps=\r\n=rVfW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9016794346c3c3cab2cf31154ef6a35eb5598994","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8c0786d6f.0_1673534109901_0.44913824593447793","host":"s3://npm-registry-packages"}},"15.0.0-canary.8a74f7c6d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8a74f7c6d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8a74f7c6d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46f30905c714a1f411bb8710cdf57986551f61e0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8a74f7c6d.0.tgz","fileCount":8,"integrity":"sha512-4XLBRhLLI8ligGGeVH6DJC3VSEj14a9kU9vw9o7sg5zBznrgC4V5i8HOFwA01kTgnH2oXPK72n2+Jp0Rmh2D6A==","signatures":[{"sig":"MEYCIQDNYIUosk7tjSoUc4nGn2NI/QxUONejeU9p4Wlr7IhrvAIhALtnSgB7CkiYcVb2HCHeLoMxCNO69EupnT6lYkmdcq4+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxvWzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO/A//S2rThNpH5LY6Ff25HVyIv6vSX8aRulvwteeM9TJpJx9gr+Q/\r\nNSlOJfJPsYGePGJa8SjKqt+OgZNUeuXVe25qgLPdcHhEKYRevmQ+jpnS8I1E\r\naOXLIvIipPGEOrAOsQQJKPWy9yhMJvGguxMiibaMR4r+ErsJxUadkVQR8UBk\r\nAxibHvsdntd0CuDNwJiWSndIO6jzl2lmEOv/kErxLrN94EErY5y6ZIN0wewv\r\nJnysnSMfGRILslwA7dEDwI9casrJknng//7vsk/fwQ/dcz5YY/VdRjkimWb9\r\nRpPMqkzs1TxJaDPVoIJHr3QVRHnilWnf4PSJl/ZdkdQBLYvdOEr/C66OUjTb\r\nd96amoWbj7XD/OTjIviK25ue8bYCFx+nvC4xwviDFKr+Mzo37eDUjK2VCHlH\r\nvQ7uN8y/b/8gzzFmja5qrOuwmWSUa9yjp05bcU+cTjuwntXkQVE/1rj4ldf0\r\n5fia4mj4lHTlNPTjbVaXUkFi0vy2N/Ub2VKB++iUUwTKtlkiiL0lQKSncpgn\r\n7R/Ok5lGo1tuKtUNNXklMjCYpfJzOnd1pTVykmUXbPAa7AfM4NEQ045drRZR\r\nSZnYfNLOIgpmZJmi/8kl9Oca924DanqEJNWG/tHM3LjGcf7eLo1kgdowrmxC\r\nLErpaE35NaPqyAgzxaP+4LzPuH2TEpER1Lg=\r\n=37vC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9c676a1e4329c32508a9e7110198a336dc704f58","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8a74f7c6d.0_1673983411149_0.9798665672422213","host":"s3://npm-registry-packages"}},"15.0.0-canary.b4687fdc1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b4687fdc1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b4687fdc1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c01ef2fa82acf726562e3e7b0716511c53052026","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b4687fdc1.0.tgz","fileCount":8,"integrity":"sha512-MxzRauK7fB+igEiBG0EQt3+1uTdFyaShbO8+Yihz/GAJ7C7zRLXgLft3GzoR8KEQ5wS7vDUPOacZkiO4FwXKIg==","signatures":[{"sig":"MEUCIQDmdjm1VTOCwUwiYKhSgLpyjRsv8AJbN3D4s4337uXJoAIgSA5xEKL8C0dXftF7+gvY/AkJ8niClt46l29365s/1yU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyZ5+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpD8w//dNdJUK1Zl7OS8Fik0gxy/EXldiIMbBecBeQu25sxe0OxWZCF\r\n6nfat3ifQsHeskpdFXV4THGuOEcQMdFsEa6RVQ6YplIvNj429y4Q6iMcBBPs\r\n8+m3EZr2retxqRW0R0wKaHscJIEjVfb4zZRQIwyhqmRzGzMC5Bw4yoIhKWwy\r\nIvRRyHhBQg9572ZP+/L9focqzZkoZ7erTkcXzT/jt9LE2G0IT+aW4U3hENNX\r\nUvWCzaE+G2yD81WZsWoAPFOolMmp/XRkjpzIHY2BbMwONUliSydw6qidycsH\r\neAMe/cfwZYXTkXxfiL/7NIBppzocPx6TLUUyk3V16v9t3levf9QFId0XTf09\r\nnF6f/7QvgT6XJABS9aGKRQ3yuU76LF37q2WTquOZBfO90Hd9x9z94InIVZNa\r\nTFgU/tJCABBNlVNLx7JUTQ8LFVNqL5fg65jAmMF9HllNrcOBiNZXWf/Ud2eE\r\nqYr/SRxpnO6sIYuRvO72DbZlkey9bKOO4wl8PSMLiO8113ZjM/xy9eE2RMkZ\r\n7IIMMnw4kf1Ijx6B1IYXjMg0yg005X1ip3DwZz8/Wkvw5JGRrcjOMe+dcUvI\r\n2MtX4TMD76EHuPhy34gsdHlobGfIqUlpA9KPyAS0RbJR2cxyUDEgQmGIxtP1\r\n5COHiA07tKWuJJNvJIg0pFNjESLw7w6lUFA=\r\n=RCTW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c9ec43c7d66a73ecf591f982a42a582e639a50b3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b4687fdc1.0_1674157694521_0.10891614623530232","host":"s3://npm-registry-packages"}},"15.0.0-canary.b836b9892.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b836b9892.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b836b9892.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"690972359732e9a1104620ec628e5c5525d5643c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b836b9892.0.tgz","fileCount":8,"integrity":"sha512-Gb5iWoFV/V3TRNipySzvkW2URqvNzh3ViLfCgY1Dh8jpbt3VH8VwbOTuJfHfeQze8E87I4b2Azq9qIM85GYETw==","signatures":[{"sig":"MEQCIAmjBv7EtOT/vl9ySxQnffwYSDtehhc/tHEB06J8ilufAiB9r2h62guALnE13gtkUt/bQsd3kVD3xdgbp/UOeJ0JKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0F3XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDHRAAhz7aYpI5VCdC6mRny5ebDkn7vYLFrgra9t4A0ZVnYhLbghOd\r\n8KdDC8E0MGSjBDf/C0gbVLzqcojBZegETTWlSQgh2bKdLExno72MAIK/m+0Q\r\nfLO5ko1QCoh9PbeRoWCryjNZ7+VwcMCaTbNc8Xby756ztP9yWsmPp3ZBLzEV\r\nOv3ew/EKbrIbwhfzgHiOxvxXw4jGKkL0KM52M0y5S9/2P/U9cmOMDHpWHdma\r\nwXhX2WE/fBRkUgiIETmzieUxwC5MJ62pAiDWVtPIQrCt6hCOed3gz+ySvRdD\r\nWyNkFGte5Yn4CA1gBG42RejXHAr3DwhUQ5jYYgX3S4X4n8BHZ2TCAajoFuD2\r\nBPcS29YO1J7sA0x7i5VPFypNmrEZfAJCj4kH/1+Ik3jKvXLddBXiKwrVL4jw\r\nb4WF5bOV76doXzpHqetnp9oNuf9Gwp/GiH0M0Solr6TAfGIhONeAOHJBaOKp\r\nfDGXIDl6HN+ODXKCbXv+xYjd8oymCUYg1PgwFVwYflzly7kJ5s3a1amtknEZ\r\nsgU4FlAHUEnhsrgSQao8jWSWT/56A1UXYtbcPBuJ+x3dA4O2RSVsn2/F2gyE\r\neCf0QWaXOOsW+2KgE5SpzL61zY77a+NgXzJrCqA0+aZqvLqmGGouARImCu48\r\n7qeozPRgdWUMbglk10PuaRY22x97KPOShHQ=\r\n=EBuV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3a9a0b2e64227ef1f8979cd5b82be3767b100551","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b836b9892.0_1674599895058_0.2832348922467989","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8912fd37.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e8912fd37.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e8912fd37.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16dda070bfa0fc6137b591684d7d32b024bc600a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e8912fd37.0.tgz","fileCount":8,"integrity":"sha512-l60e97Pj7kLRulcPiqfJwZHCTY5+DHb9f4EDi35AqMeQRMQMYz60TfQJMw72ss13LeA55qTyo0U+v6JkKLc/Aw==","signatures":[{"sig":"MEYCIQCe+xYLD9bf9zy9yVNjoKkikphvc55mv3UHLsOf72k60gIhAJpOnS9e5UI2tCG5bRoLLO5ya//lGkVas75PBOsnwMcF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sZfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1ixAAgdHbVOeN30YIFpmvViBbeP5yyHqT+i9QW7E74dwPOTq/vamB\r\nBMqWvx/RxvVtc6scGBzR994T+mUHvHj760PsClAtwH5UfGFCQGMpWrHMai2T\r\nfHZ3tyiKveMxxI8jnR6GGtO8iQNCO0xgr0PxF3zt4U0n42tZnlhFI+wLNLV7\r\ncJGBzGAnTkrC1NUr0JkKinEamGO1bn6eqWV+d2Bdy1B2YLsig4SbXx8ceNVu\r\nqyidBq9echk1vEs+InjUQJJ8JrP1fDYpXjUdkch8X8BnKx8iWq1TxVyo+XK0\r\n20maSONQdyNH100a8jwHYqh+teEyL46P6uzjstCDvwITPX0ZtOepVG2YrYdp\r\nOILOTx/IYQNRmMfnTHTcGAqOlcls5WNn++elG6DOtWJeT9R1Hyoxv57YHXwj\r\n2Czjq+SWOnJV3Kpnz/YpAS4CQmNhuSCF89bFxkZw1TsALTiM2AXABDCK564T\r\n4/4yrlyy7kkpvLGloSvSWoQa1smQiYbM2V3Uda8fvyEQmq8MWVY1JecHqN6p\r\nNgqBul/bu++MSCLqQS6t9HmOiyn4WIF6i9OClhrXG37HsdjC6R68lp8aAm/L\r\nv4zYBjzBJL0MCqQVcgZ2dRzimHPVP5miBWLg8laBxQPg3SvaS3DiBc/CrlOk\r\nZ7BrrRd1ef0xBZS7BGslkdq8fRPDiEP6Z54=\r\n=ee4r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"72b44fe55689bb591aeaddf242920ba73a6e5bb6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e8912fd37.0_1674757727360_0.3041608387912291","host":"s3://npm-registry-packages"}},"15.0.0-canary.16fbd30ff.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.16fbd30ff.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.16fbd30ff.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a54d8ea91315f64d4ccb01f12275aea51901b9c9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.16fbd30ff.0.tgz","fileCount":8,"integrity":"sha512-/p1V4QDsIslWDv66lhGk2OsNserxjo2MRHvnYy16THYQfOugXI0vXnVg3pIkJ+JgpQA3f0JdEphVjba44U4Ksw==","signatures":[{"sig":"MEUCIDKMFrhJ9ouH9umjb9GbTV9FOSzMKjRVq/0PaD6OZrZGAiEAqpmgrLHrywJYS14nVQK9cwp9xwcpw0gmSbEW73s8uSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0seRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZpw/+KzzuMuxx+MtdvFk0uj5ONjhoNQ5QpmhzUEMw26Ih2aDICw6s\r\njc6IpqxofoHWUs6Hg7/pSc7T7aCvKP69LDh596qhO1VkFbenjTWx1nY7l66Q\r\nCVKvwcKtZCX257s2oMnsX4OKE/uf9Xv2VMoLqIVGCL6DGp5lgwlQ6bc+o894\r\nlVObMyX2yUBe3BHcGtwSOKIrYb/zVM2Pb3FVbnLhE3ibEQOkmB3kwirUAHLs\r\nPhRg6lN/MtCEc/deJ6MEjV3vvGa78wg9BJSP9DdCLHE/9aNGwEwYcJNenYrb\r\nXRTfCYSJo8DpvuONvF5VySyw6/9dZo5Gyya12huCxdDs8mHDM5L4im5nWaDa\r\nbodKi0bGhCuIdbsnAW9sHzhM0ebvuWAxfEyZbW3ONj/yi9a/o4GTreyCP+kE\r\n2ARoyh+RRvL+4Alh6aqRqcJW00CYqyjoAxetkrrcsIzhr0dvOZRYyWKOcPpG\r\nVMf+o30waMWiTwJR6df85WeYa1y9vBaoCBIKTfg5XeEQwkykmynDp70J7TSU\r\nNTJL6i26c/SSy0RvsHf+9gfX54llwR5Z552TQ8m1KBNhUuppN1kXtFywpBHo\r\nuYDZj/m6f2JN4d+VnaTXhdgM0BK3+Y6b8uMAvV22f0SChDLEjZC8Vldyb2cn\r\nXee43w/oFomPfw4hRuVWOPt67mb7nuP6gug=\r\n=HgmC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f4c39ff05bbd1045563670b4ea50b0be51a91d01","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.16fbd30ff.0_1674758033120_0.2382124262352059","host":"s3://npm-registry-packages"}},"15.0.0-canary.033ae083a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.033ae083a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.033ae083a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ce837993a856a687b587878259702f3257be031","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.033ae083a.0.tgz","fileCount":8,"integrity":"sha512-Pm2Iol3n3LM0OIA6DqtbrHvkyKCdRSYXFdA4fShw4Y9twB+KKV/qlIgqWNEOkQCtNKbQ15ajsceNAeTDKq8tig==","signatures":[{"sig":"MEQCIFFJAE+Bkxlg6W0Sb6qeKxL5LmRMwFcA+Gu7la6wtsAHAiB7VQDmYc5PGRL24vrEz+FRmMVAjzapYD6WpUNLAIRYTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0tPAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolPg//U8FUHB80M183Dl4hra2tUewz6XotdeJbLRfDFXHMt0m9Mlrw\r\nriZOFKek/NXqUhK8JtGtqIOOqZmpqUFmqy7cjIvU4m8+5y3EZTcb5tdvp8VP\r\n1Rx4oDsNN9FRn1pMkwodEf2Kt9w8O+TaWnUQ/c8OEAWjU2UyX3+G3pVce5E9\r\n8kDm/o9wC7bV2Bgv6FVKuHILsNk4T3QnskykWFk7a1U7F5R9ffO1PbIlYoeT\r\nImg6Xekq6Mg50zaX1VjYsoforvMfe2uIljs638zQmevZlXmbi08Jm9r4FBqs\r\nqoScNjC1qlySr54Q6UHCJOcjBT8t9SQD9/TcesI5fYs4aXWDySb7sqcUI6XQ\r\n0eSt3kN3ZBjCUnoBEmGjHaks24XRUI8qFUgOGdJ6awmRUXuretMm37kBtNqg\r\nGru8O8EUtT8ENTIFfsG2IOWBUFdTSl7Mc/IIq58BN3UM0hmjRomXgrF7lB0K\r\nvYsQsFv5swJhdqGewRE9vebeNJvAMfcDaqjUiMf5iRQT4LHAnlb9YKcc3phT\r\n0U467uQ1qPhCjQ5DHrjblJAi91dzgvCOENfULqkZbIsqMvp+K1J3fBZzTRqP\r\n0NwUKVVsZT7q1YJeLtb75dbmDOz/STSwl7S4OmdjC69WY73dGXoladMubj1v\r\nAG1yYbcDLLXEIew1i733AnE8YVNgNEfFL7c=\r\n=DLz0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"89ca938c110806d9150a3889a7d25689661c2fdc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.033ae083a.0_1674761152354_0.05264070011641353","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a705fa1d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3a705fa1d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3a705fa1d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3312063edea053f6bd0aaa26e80c2feae6b435a3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3a705fa1d.0.tgz","fileCount":8,"integrity":"sha512-9ofbEmp4axiJtdfUrqCfuE6ttIGsIcJJTErhfbPrk5dWSzd0oXvxHqJKog4eHPvV7UqRN90XZLUleys3G7mrbQ==","signatures":[{"sig":"MEUCIBn/KajhnQUvlun9hBqY2seul7SEnV4OZBOHKFljSPgkAiEAw2LCb6gpvJv9DcJMFzLn9KjYhkLK1Lz/vVaLwxBlonM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1FNhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTKQ/9ExI7aN7hMjbNfk4AZKmnehD8Du4Y2QgLwc4V+cMFqQnFwnRm\r\nCpUeq8RYfGYZxqLpRBzOcLo6IiPXjnorsvHZf+omy9L2WP6/kATwOWve7ym4\r\n3E9mPIKbBHkVhIsBwSnC0CqUhsBesmdx3URgmvudtoXfwppKQ2InKGfbw53N\r\nPrtyDVDiaG6UulczJgnRruS7isJ3ZVp3JXC4y5BukbSJwYHPqw0QLs3mehuE\r\nqycBlYIhLl+2NXxwOU/KcJ2fLgdud5ZWcFhgnI/8PGKKq7+pZWunWNUIVcjI\r\nl7sOjnR145YzrvL/yj1OKVjWxdhSzwltjaazlZOwF7iH4lk/pZxYAFQxI/QR\r\nS+G75Vhd1GPfs1FeaV3SXyLWS00Ejqz62H7ABSNR7VWrYXcbLbRoI49Btt0b\r\nc6nVFTlUmK/ej2PCswGnywzEaK3nbcimcTNqcxHgMIY9nXgEgk+lotJI6dT3\r\n3pgIKVzI5XITTHQl+VL6nB1pr+9lfU447+D1Pvk+oQVwuui+rZsZ03RbMoun\r\nc+GR7BC5KnlzJBxteUyd8ixu4D2vndSUYTrdMupW3yAg7IqO266UYf9TyRb7\r\nH2MupCkhzDR/HojFI/KNX60XJh8+14nkOC7D8rLtIuofMF3mTyYvoacItG/2\r\nYofDJR+9kBXYedmKNmmJX9H0AdXjj03lUvc=\r\n=hMnH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7e0f3737f51c1319f66762d8021d6aea33391733","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3a705fa1d.0_1674859361156_0.11051330232743917","host":"s3://npm-registry-packages"}},"15.0.0-canary.d6bea2ff2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d6bea2ff2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d6bea2ff2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58ba2c7b67ec42f110e64dae0da74a23c231c4a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d6bea2ff2.0.tgz","fileCount":8,"integrity":"sha512-5BgCU9mVwptVwroQX9mYE+J3Me1TjGTjfpYLdjB9VFqw2LMvgzmrFS2K9ig1NTtknooXrlKvY2wtBab8f1u8NQ==","signatures":[{"sig":"MEUCIQDqWAv9pRlIrNZ3Z8aH2gHYxOj8osjrIlkB3uruhmQHhgIgN2KYrHqqN1G9NPzdMmZVuvsronUcf6d80gAjaj9/m/4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2TO1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoikBAAn0pJCjygnhpS/+mIUNCljBvl6gH4p68TNhq88O7npttjl14S\r\nIxcoGEl4POV/GQ5Ed9sZHcgMh22gS4VqWVtpehUrag4pi+3oMxq8gyY+Qcme\r\nC/jPdF+6amRzbVGNiOhGSUkNfvQHpSicoKNJkSPuQM2/eyN4tqK6XN/fvHxU\r\n/+pEclx4so3U7BmDHshnWAERZdbehY6WXbYXiOka388/jXKSTWz+gzkotRCw\r\nF6bEVAVqyYqI7jIZnLsODWCC1celbzljPAFfzg3gxPDXJnt1wNNP+whwmMm1\r\nAlq7OJ8yVRVDw2ti/NJxVNz9UF8LjwOEEo/diTdmd2rIP8fVW9m9w9kacFXI\r\nj3050An2dn2rlb3qMuaRWVMjpH8Sr/wPTVp2NRQmIRp2coMJX4qun3tGshIT\r\nRrMFcOE0NwR8TH5Q5uNRN+5B2Nn/V2ZtrYddeu/YNXWFnV9o3hhXF3gErZNb\r\nnRLhSMIWNIPGt3cE9h262N7cBVcuSN0CYZ4GhoNDdvFiLfiz5rHQQBsx4aW1\r\ny/Ie3QqnOh+ia0V+RNz3CA3ZamZDhEHFMaqut4UqfCHltmPbNnMFWcoI/4PV\r\n/oifN9Xu+msMUKByRYsQuzsnKJAh/3P3kT1dLhVvSuHDDmL6rYC1SKE2CYGq\r\n60x2K5zCq0neiSaPFXWsuS4dW8tVz28O/lo=\r\n=V6XO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e4210a9f21a7e6ee007d475d5bd7e229dd7bbc00","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d6bea2ff2.0_1675178932815_0.05311079607249347","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c94182c8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0c94182c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0c94182c8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38293611669435d04eb21747a7768331e0d267a6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0c94182c8.0.tgz","fileCount":8,"integrity":"sha512-CckTm8vbfQ4QGyvKuDUmqksgS565XyqWiCB7ntl4RvW31abFJ6LgpHJMqNuUIS3FIc03dj8dVJQNkMXeGCc5Fg==","signatures":[{"sig":"MEQCH06lF4NP2bEpOu2DDU7AMB6ESiP1pbRvbD83RlnuoWkCIQCdLFntAZVpspl+IqgerAmKYnbouAF3h57xJDOOJbA1qQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qSmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+eQ//XcYNjBlvih8kOl6rQjtTtTPsujBkbom8Ob+gqGsthZIf7EMf\r\nOz7PeyaqbsxoxiKbMbVVKAnWjVAdlTb/r6EM8Xgt6lx+HBWcdS3jHkE5Dm0c\r\n+ONISXSEEqGppjRuCipB1Geq5pf91HTBJVUqleBtX1Y7fToXosxsWwMpIllz\r\nUKVEnE7GmwSO7yq6QXK8/0sdsRauH7MKDhvU+nefoYf2ABDazIpuOcqxRRky\r\nStZu8IkR0qNeGarU4pOVBqV5+/rmU9Z4z3YjrqCYBQMG0v+QW6sotQAjsEy8\r\no5Z2XiYATh1pVFQ5b8aYGIGoONsd4BOAyBbbkW0jx0wkpLJUW60+QVYZ/N94\r\nOKrPdYfkyaD0KaUhVrJrKlFNsYubV8+P77M7zCU9bNfNJne6e2dn7nsYLZPe\r\nja/oC+L6Pb/XElPwnFHBrDnD7+qS4Ushz7yqRJf6XIFpIk+sSVVM7Z8mKaRO\r\neuXuaCfvySAa6JQko0h0SaWSwu5AGyKAEHVuKw5YLZ1vKSogYFt5cdMwltUs\r\nBv8sQmXlVV+l53PsJHxH/NZnkmzo22neOOj6DscOVdl0khSE81gat5ss86TT\r\nGQSoz4F8SRy0jzQIbHkptOJme/vy0wbleR00j56eCv0d7bed4IICbeGQXt0k\r\nImUx5PeAn+KqscLnrxYwQq6xvK/ZNU//hFA=\r\n=nNww\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9e58d1edf6370fb6c26f762d83ca31f928149e41","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0c94182c8.0_1675273382449_0.9031121877924004","host":"s3://npm-registry-packages"}},"15.0.0-canary.15b221540.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.15b221540.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.15b221540.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f571c7c31c522a865fe0fd97de956cf3d051ca80","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.15b221540.0.tgz","fileCount":8,"integrity":"sha512-UuygP2Oac32TFn+sk47hJPQGGzGHeoHvdvj7U93PkNfMHFeH6HGqWxod2Ll4q+Wp9B67Z0swm3+7bvd/qUjsSw==","signatures":[{"sig":"MEQCIFXh7cupo7rbUnap/v/+tWGtGZI3it06eQdiyqigMtFPAiBLfy9EwtB2EFjOBH7UI2sqan2W+Oqqs53QeFeOWInnJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qaZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqT7A//ejG12F4tPjXCWpcM/C5hyvPc5ObjKfIyH4UevNJ2ab9D6ftk\r\nBZnOGJWQmu/2fzVuJ1bMfUP6OzwJ/xSNlp4MbWHthpTmiF4MeMHVDHT2cxkC\r\nAZlbKN9BNEbV9vi2fL7gThj57HMwCJK4eZdJ8ZYpP2t1rpSQMKuwuaJc4Bck\r\nxanqWV9yHJsPfr1iFks+2GWgWkvKJooyTrDa2zLLMgAaZz60s0O4yYWo8UMu\r\nVDXLa0MkCjj8j3rrFgsXxC3kkEh+FZxhbFVtwrRl9zpqddqmlcv/mRCdOefW\r\nPThj6eTfQ0fhudpmoOc9r7hHonlqUn5F/IJpyQyY3ohZVfyZG9909WD6NgXK\r\nfZ4AQkdsXsxj93JQdbVtkox8aKDgBo7GrYaDifN+LsU+ah7uqyQr0p6hiG8X\r\nHRV6F9BwPeZQjgUWohuIwGEcW9kCb6yublSoghQ01XrfHiGXbT1pq2DyR073\r\nItTmpZUK++ElR52id8ymdluDId7bsfJuErvdLQ+fVYzG0y8B0JqWTs8aF0kk\r\ni2xir92WXh3w/A+5gyZhZ3Sb816DnnDdsVbkgi3gquPKtIJPLFDKtpzduFyL\r\nyaqEhfZNjw9oxaUokPmIecz4kssA51z+xnS6XWZlxiTcmGleq5McZFGjIOgS\r\nJkikVBTob2KqH9plKFxrOWXb/S3c4f0SwSM=\r\n=x+P1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4bc6d32435d33a7b99197f32b85eb0b730acd30","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.15b221540.0_1675273880961_0.1759443553702813","host":"s3://npm-registry-packages"}},"15.0.0-canary.eeebb8bba.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.eeebb8bba.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.eeebb8bba.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ccf3e2ff4a34193c1d472d1066ded6a90fa54d34","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.eeebb8bba.0.tgz","fileCount":8,"integrity":"sha512-CvSCE0G9Sh4ennwGcCIEMqp/0ZpkoFkQgz1LZfC1m52AUCnajBFQnsNidGFbTCsqtoKr0Hz0hbm5BY65cGRReA==","signatures":[{"sig":"MEUCIEH9xwC9PGvz+p0CKxumKrcdU5yLDjlqDwGxhwNVlw/0AiEAk9qdpDCeQ69vgLukXqRV4OVbo8RCCZjdafO6Tq1Ecqs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2q2WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXSw//bD4sLHNvVL4KmwHv4ASK6uLma5BxPmi/qlX7Y1hNW/9Uck9g\r\nP9eGUkFve+yjAzIlXRyvenm/IRtYD3JFvFjPayI1Uvsg2xqSlN+WSB4I3QbL\r\nZ0nM3nlqk+PElDUKgBV1GMtMWLhune6Skg1+G/4prGOcqsXaEE2iEQfshYO5\r\nkFCHBsbqCSiRTKqqkVz+vuaSiBcl8l5DqE13PCH8WGGObfzWX/jz6/+poRCm\r\nmEYiToAqxHNICK8qv5VbiETWemnsbdWL4+A5HHRAQB17aW/DHhlPFM2bqmZF\r\n5XBwztk7pbrNgINQxrEi7c2U34Uhu4F7xi1YmY4pBxkzzjeJpVdagpKXHvz7\r\neF9hOgPJ6S/cICl75WWMA3ywf1Ap7+qjRmHklbnO7v4Zy1mP5CDNWIpvKIKq\r\npYgaKgPx5shGt6+Z1qo/1TraSb3qBHqu9RNuuQgJOmWbuYfIiexIaoQX96Pj\r\niBC6VXfUGkGqorK2S5ZVJ+XyUaNfEjpPhBU4XSGTxTVdx+4is4dgzsGkoB54\r\nXZJYtb0t0lJw/pPpKU3IGavGPQphph9RTgIc0C/XKHWzlJY3V0b5aw76Y4NI\r\nQ2X5SDcFogoeHR6f/aCdOlp5SfW0GlzRJ2dlGzUpJVGkyj4F1FZ5E46GyKqS\r\nXCrWlFC/6C/I29KQIiDyt2WWEmVXcVKd/zw=\r\n=8lH1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5c8d0d2ef793b8bd564888fdde6b97e8a2502cdd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.eeebb8bba.0_1675275669979_0.6612359290431327","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a4b3f834.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6a4b3f834.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6a4b3f834.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"745fdcf4f11706ceb4d1f6c887eefedaa528f0ba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6a4b3f834.0.tgz","fileCount":8,"integrity":"sha512-Xtj0yz3xXth3jsnFpE6RTa3J4g2ese+G2SZVVIq0CLN9rtEKhSLL1oAijzjnOQy5cVltWYzC63Xsb6OWXYEBWg==","signatures":[{"sig":"MEUCIEPOH9ZGAXdMDjpw5czG6ld+P4WQeCqy0iPlGyJwF9kWAiEAvp8Ot9dn+XladKpp0+sOTlROhljFj/rMqxNpHk49LMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2rYOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqww//YYjR6KKJ816afGig/l6sGTpp4jJdGL8NjCNpyoNcIwiNdKsz\r\nqDz5JdlGNU5ZYz3AArfyF8vh2/LxzBXq6vlp2/fw2mHDPUSH4yMpNuu27riZ\r\neWykLvuIDW9BYFfMNpZ3YwWpTEFk/1+k6qmx4rfvcbR3EUk8XwCoJ9rrsICf\r\nbjgYMpLxB4ZARbo7DOPfQhKzQiBYfFN8dmbk2hKHceL7t72uk3MEesazOwff\r\nMkBydCFlk3rbaT8O5N8+zWvovP/FUuigP09HoC5GyV0/lrtTn60NgWkdkZMq\r\nrx08a4fOMlkd/g8OLc0VaAImr1WUErVUnVrG+wQEwvknSkKIGomPzTAG9ZJ9\r\npHnHq/Yr1Pp6PEfgPqvIQCeEp2IOguBpwlqYGOVESyQuLzOu1opTUKK0cyZB\r\nmeYhxXJ/hJGINwUgeRHxS4Bg5EDIULryJWNFIU6MY5PESRJHFYkB/D+UFVT7\r\n/lvTtZOh+mmkSC4QVXRCKh9GqxbMn20fMd1bIUPeK+QivO99MOeiioumCZDS\r\nNL+Uf+vAW0bfOup9TX7tKPVcHLuIxLGn/aUYncSmM5R6dHiwV3DOJ6fuqgry\r\ndLldHJeweLyl9lu3fqEheKnoTphKjku2Mfu0punmBmkaz/8cqb5wuEb93ymc\r\nBHjXx5ltfP9qwmo4sS9HzEVR/5AFmC45i9E=\r\n=jEQ1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b1f2d06637869496d98898f4cdf709ebbd279ed4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6a4b3f834.0_1675277838732_0.9131540554375499","host":"s3://npm-registry-packages"}},"15.0.0-canary.b177b40e2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b177b40e2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b177b40e2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"22f2186ac6d89f2b30a16ceaee3793731e3b6414","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b177b40e2.0.tgz","fileCount":8,"integrity":"sha512-DFHa/zAlTF9wcPgno2O/v+IgXKggyB9IchBRwYFP0P5Z3WVeqfOw2YS9201YzKCkNfViu/4UB+2+JGntvaL0bA==","signatures":[{"sig":"MEUCIQD3mksVjH+OjjEe1jz4X80gYOJHYIpknGt+OgMOHRvDBAIgInHjysqSe8tpTyVFEEqOiCa3WE2GRMOgRVblrh4fbXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2y7tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkLRAAknx7Xtw4JZOBRtBiVjU2Ak3L+MQKhZ2u6n4789MbgKa7UunW\r\n5Rj8H9+fn2yF+4kpEzUF1cSoMQXvRHvVw/+gMq8EDo98zs58Rz3gD114+VI8\r\nEkt5ZFTkAdDX+/475iYDoCZeCcF+edPaxCzdua8801Dopm4tp3EQRdqu3OeY\r\nuizOVPtmnY+eaz7RdObYei4sjpMiBSZywbu0rDWNdvyZ1r0PIXzMb8fZCk1S\r\n7CNa4UXHx1UWwslbeEopVjGBl0pQz48bxqH2xbMyJoDuMHrvxcZ70RFvwX3L\r\nxLmhSUPsQuQjXji2Bb90wQOBTzSWBfmsQjMGp4pmCKd6NYyvmUAKz4YuWBQ5\r\niWFZmz9UDxI2lB4aG8A8/jOOGjWMbcQXEvxpy7h2WChA81Ts3vxr9p+Blhl/\r\nGAPXCCnyMPO9KbYHjLcGR92MTRNwp9CLkGEfME0vMJE8dMSuJLZFQFNA/sqk\r\nGc1hvOJh7mkCGo0kLK/IgGk8i17bgqR8GP5Vuv7wII1B8Gxgwg6+g2zvyHK0\r\nKZHlaPGoLZeo1vlNvU31YkgbRPqr6OdvU7o2dG5n3u8zkAqdJpEOvuTaa2aY\r\nZFudx20pBitPS6faajJfQn6FvXzicAksmMBnBcnR4mJc6JUf0ka1gLKKayad\r\nYhC9ZSkMC4E22prd4GL6C33gGywXe0K/3Aw=\r\n=5wHQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e3b49a7dc72f9c88710ba68c63d4ddce56a58fe7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b177b40e2.0_1675308781061_0.43972302972015087","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9f821042.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d9f821042.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d9f821042.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bab1bda1c04bce1c218e46aa0029c02bc8a469d7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d9f821042.0.tgz","fileCount":8,"integrity":"sha512-OYxRQtkdm2ACZtVwDQ+/ebQxZFc3/HpMbuwZq6EpCmBYl6J9RO3eaC92h2lTpPSTBDoi8j9STRrt7v+NX2HT+Q==","signatures":[{"sig":"MEUCIBxkh62oMWF0d7ff1KgV7NzSiA++AZU92OjAo7AUsONmAiEA6J1D/6Ngk4e9YxwTBsMgW3+yGk+5N6e2AH4qw7FK1C0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2/SeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxsw//VKzPdV4MDNgrMSEDYYK7+wh+KfxttYq4d33jMQmggNjByN9Y\r\nDLrmmys51UipJ7pM7ySj/6pXZXTL15ajgOrwjzw/oEU023RJq4e3H30P4QD3\r\nxUi1zpMi7tIGohRzyez7Wx6EfBX47SiErme2zgO870NNBThANJOLVhj6Mnap\r\nTJPY6MJe7VgmLX3eP6JxaWxyFhMEPYrqTQ258exxZEIVCKuq/UYbJLfRGfFF\r\nLfj9JRhL0gGj2KCuKbjQ4nYuBidS/KWTaFUCdeLqpuJykM3Plk62Mg++3Y5c\r\nIXehtulRxBInMub7UvGlxQJ9FT3Fyx05qTmZHANDXJK2+0tUGITcG3AlyNPZ\r\n7xcdfBKYszaaMnBPNPJiD6iBbOooRwnE+4zuEj8r0gCkAbi3xz3j8ck+HmZC\r\nDNXm3rZH5WZmChUH1/7Qe+tp12syuegDf3qbAsnprOnkabKn/emFAr0dPl9d\r\n5PeHeyGVQe9LFhF+JhUdMR2msPWgBoCGAJpSI0snRBXyORbMpTjDCkO+Y/vA\r\npc4ssiSUAion/ublRQF5RTk/Q0DauB/g1MNcUrCqxhq22e/fmZX7B0OTXEmT\r\n0Ivgl/EI++WYRY8iwmSf8e3NBipxt6GA2HxpN+pPSTJ70U456KjKwzznCHaO\r\nQdmGNleQYgvsm++Ypb2OpWZu6sV9L89RV1o=\r\n=6jXT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9748fa2e1dd5886715f422f644830717544192ec","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d9f821042.0_1675359390355_0.12470602897093208","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c7deb19.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.47c7deb19.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.47c7deb19.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0a93ee5230470dad51e86a31c564571800d8fd6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.47c7deb19.0.tgz","fileCount":8,"integrity":"sha512-zEbVQnax5S/5KkOSE3C5RTQJvOKV29lxt2eZXWoK9lkmQf2bxw4TfmyslvfX9jDEC8wT1X/VTADaq0KlFBHwUg==","signatures":[{"sig":"MEUCIDJq5o049vXmWF+jxpkST2BNDyTc1SsS8mzaibibMGZsAiEA2zd0C+3vzSAlc/1NfvZ8JFxiWycnpPhECEYKs4r+AVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3M7sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2Aw/+J0NAkgJHPn5HRUxL2xliGs8hclM6b2qvmBCc2hDD2NgG2fV8\r\nhNwoONqG5VWIhxlNBwg3bDRq+YwLstAki6KYhPZLjJdNqmpJeahMXOMxCcmV\r\nOkIgZAe4LgCeORYB+k1UDqKEm3neoHh7q/jMrerdjQS4gp+BkHfl5mu5upMt\r\nk5EsCh8VlJdQh2N7T6d1RmlxMdPOHT3NcTcLdd58NSjn3VbA1H8LaqoxffzK\r\nBAAojq9S4YG3qW0PLexz7dEOveJ8ceGFHyl5qRlaX3w6t3OQjWYDfjL9ZBOY\r\nANytKn1eWTpBRJmsg5gcBORCHJfboSqL6N0b0nXXvONWK42GlO+B6btx0Wjp\r\n9Oz2h+ukXFdVUPTpjB1McIXhCNQn2ClwAFvO0Sx2Hd/QB8P/zehqlBBzlwQk\r\nzjj2JPNJ1WKz70UQozCUeVKH71wiztseVob/+XMqGWoVvT50zYWG9cI8MZRG\r\nVfsPPh46/NLiLS8wB0IGn3ZGodCmva01r+uOFxI6kiJMoQNE4YdyiVV6/SQP\r\nCRUCU+UiYL9mNQge62/kzWRiU8VUDdUfEhT6teOZmhM0PwwvqPac+3PvPzY/\r\nTPZHf9WtSri9AXYYKIN41wXG4iP4CU/DUjKjhrLgb4uKKUyheKzhXAPrY77H\r\n6TJnsyPNebf3Y0+OjD4BNoudORSst77mArs=\r\n=HPgA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d5a6886a0dce343fed87311107975111f62309bb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.47c7deb19.0_1675415275866_0.17521748244786894","host":"s3://npm-registry-packages"}},"15.0.0-canary.a16dbd1a6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a16dbd1a6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a16dbd1a6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"191ba566e200903448cff54d5ca7aa870dc3b9a8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a16dbd1a6.0.tgz","fileCount":8,"integrity":"sha512-fjYLmLao0XLeVlTgN09X+xB/0+xuyRYS7ssC9UjWje1gQ6/+an6ciESTNf7+xo1QoIKIK3R8JYszmY5cvS0A7Q==","signatures":[{"sig":"MEUCIQCfqkF0BX+eObNMtWaYxVCK2rMJh54pwVxnIZiVbiTiXQIgTUzKoIq8qYiSExsUt2KmO7KW4IgoC7bljRpuPHaIY1U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3feOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGEA/+I6flss2xVjvDzd40a67NBx7x2DwEHAgYzq87ATXtNm5u21m6\r\nBnrwZxDZQkep7G8+XvgsbdARgzVF7d7VPZKI3OGpo8jckY/ELXmQOCwE4Mzp\r\n1DVRYBm6D6YIZJ+3COdZvUFKZLJmQZPa59aUYSL6nLyWrzS6SJ35EbL3mY/f\r\n5RAOjjtD6XO9cH4CKaFaM1h7rzFh+w6pyEQlDiz1CSJlVPoZiaZ1qwCEnFbW\r\nSAYmTHtgFGUWx4cD/Kd5xPBf1KJqc8tMXdjwv3HSOR2hWERV8UU7T2UZNAkA\r\n+qHw96gS2Nvk9faxj4MhbwjBHt6WTrkXy1CDJQEGKtHzGLJJUKwUTx+XW0Tj\r\nRwoebnx/8IkRpISbwXYU3HUTGCVsu5Iak4v5MFqqB+XeIt/p2rh92QZSm5+0\r\nvHB9oWmjWmOBXd4vf72EK06vlr/eNG7Qekzpg3sADu/WYDB+JflEIW9pjBk7\r\negz/Acgv6PelhZzlxRmfd3NOrrMyLz0+S2wtlg343Up9ROV2WzyPBLgz0gGJ\r\n2mC8gcEZFyUAlXqPkBJVgRv5N3aru5BEHW2LcCzWQnk9VVaQohCv+qUyndUF\r\nzE1CCsFCqXoMnaxuYNjO7M56crVEaTSiQODLry8I/4P8tI+FMH/jst9yA9WT\r\ne3/qOvy7hwlFRp99fpsQsh6bCdGJZpZPA7E=\r\n=ZwQ6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6b1923aa24f460ae50c61296787e46f524bcf15c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a16dbd1a6.0_1675491214302_0.2501814922031709","host":"s3://npm-registry-packages"}},"15.0.0-canary.93416f87a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.93416f87a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.93416f87a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9e224c751a0e586e0889492c172d9d7fe31784c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.93416f87a.0.tgz","fileCount":8,"integrity":"sha512-tuD8dJmYqMbgIbrASFL0bgScsmZrbeaJkwtTPo8Q6+UNK1vrymzQ9DTUs60OO9GgzWoe9eumnlO0DV3sIfKLnQ==","signatures":[{"sig":"MEYCIQCQmIfmEqqX2fPZYisQRp+AesuyfnDrulEq7Xi2dOXgTgIhAJhVDx/96nDo6dvci9uI5YTQH51vU0uauStcA5iR7qSB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4lCxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3uxAAnUd/IO3ADppTFb+9O92AvwJmA1g8d3+X8eDfq1NVAuVKh+LF\r\nqO0xpaAxdtmgiRKWTAbtcna4C3oAZ2PKD4beItfJy4h6eKvFM2hnJ5+DLu56\r\nciA5/pj1MvX4nsjLc7bySEmyV6RrOrTCQgs5QKf2mL8r0zMjRtgmj3vKsMMB\r\n0W0gitFxOtoUkhuZJ332wtMfW/ZhdeAkU6ylF7p6w+UiawQiAkWI4IZEv1I5\r\nEkXERECcSIody0m6h86sihfbv0X0cD7mwgZveyPeOWtKa2s5q5O2i/cTM6y2\r\n52d3cCcg/wUmHRqSyBzY3+OTYTF1HsL2DBbA2wK7AEfipYJSXwu5cwbNWL+v\r\nlKSRg7y2Aru1jVQWxlLp9bY+PUcPUIGkkEAXvZ+o0fPmWU5pNYGX6OZ2Yi2s\r\nk+PM7OopyZRWfVbutAcGNtcixqUnMH1xPy58bBugvtTgfM0T7CWO4ejcUAHU\r\nVwTC31tWIeLhuqya3vGKtMDlWj26npmHUqTouGs696hx4EsLHJKfjRH32z80\r\n1PSc+QqFwXcvurM1emV6GqbTz6Y+vQWp23PuqS5beVpiG+pRNlJgGtgiQmoE\r\ni1jMu+3amQOo9r0CAykQal2OHl5ShoXTGBZVY5GEeZydZXcuRafanAN+iP4k\r\nE/wKg18g4pnFMLiagcS1H7Ig7bAPD1JMy8A=\r\n=y0KH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9f82375a462288f01ce4e4efe6047a3fdd9f9a9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.93416f87a.0_1675776177210_0.08179306818625709","host":"s3://npm-registry-packages"}},"15.0.0-canary.49b8e7442.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.49b8e7442.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.49b8e7442.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df96611d98897d482e7377430d56ca6ea04a0a7b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.49b8e7442.0.tgz","fileCount":8,"integrity":"sha512-mIcElvYXddE+0YWhJ0mLhludCxrS5KIkhVB003Zoweb15+I9CRFhO59M+kQfL9J3ameGtteDO7Bj7s2AwHzRcg==","signatures":[{"sig":"MEUCIQDMovzcAT8VuAtEiek9JbKTlXCh2SxBD5jU2G7B/rY7xwIgHNIeZ2GlqPjbxEPJEEm8TTm0rpH2sc8VkKhBfNTr9nA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4tnlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJuQ//a20kHVupfb3etZaHIPWd6KqbLXROBaonHTylTukdADl3vi/u\r\n5PT8nGi0p62/9V+tHNuz2gTWzE742rcN9AZm62sDa4yujbkcrMB36cx1tBpV\r\nk/W9NR51A+IZ5QR3n3MSoxY1mmKJjdgWxFmcpM6zKjO9DQrLK/35iIQPATkM\r\nG0EGd8RPnrjXNMIHblV81CTKDBa1NT1mCMW9jMBaQPoFVOSXm6UH1yO4sN9T\r\nK/CzRq5tRavG6SPAG9prcJayCRc0RxkH3iOx+QOQbDR5s/swQyVYBAnp4WwZ\r\n213WK0O7aHZqXbyoMfBRfM+/NvojkNn4XzGelLsyTpzx1datsU27dWU9WQUg\r\nHQrRv2gl6IbMJUF+EEvGLOAVvsPGBF5uqiOePTRRRcdg8g1KgdMBM8sHnOWU\r\n9rwhhkzUSWGo4RiUR7iuIJBpIVqDsxh2i9e7XaFxQMa6fpxbcnJXMzspaxki\r\nyZSl/zXuJH6kd2hudhgpCENGvmpdPm1hgJTsF4qOWQfYvpuEacIcwy98S0lg\r\n7+dxtI6hvn1zddNn9UQUtEY+mmkBy25AhbnRrvmchGC3tcMZ4OeRmsd+GhZM\r\nwLpPLT8C+FryS1Tl4l/axFUMxgN//aZ3J+XM69UPvE5tjLOJEyOVqeWLGmtd\r\nwtESjYWXQmQhsGrnCPvD4qo/+2nAJGDIX9Y=\r\n=eBxU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ab5eaa3ea130a4b79ba5511e4e46e1f99b9e662","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.49b8e7442.0_1675811300880_0.24336519910907906","host":"s3://npm-registry-packages"}},"15.0.0-canary.de38de758.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.de38de758.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.de38de758.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64cd7da0c1d9e79864801f27a5fe5ee22f37f251","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.de38de758.0.tgz","fileCount":8,"integrity":"sha512-d88Bzf3coW768J+tpkbhRs0Ixk1f389xU+4zYD+cfcw3gAzv2GizuFBfGR8hMu4P/R0gDNo00excfq0vRXkxxQ==","signatures":[{"sig":"MEYCIQCsaMrorLFtU2sCS4TBHIERtAHPxCBpXdCCkVk5F1IoFgIhAJRmvGvs4KlRnPEogTdllxDnQOd3TyrS2i4CM4LLTAjq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5RQWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYsA//bR42gR+D/qMhpb9AQfQiS3mlaO8n+lunRr5/Gg6LZ3dtNCdN\r\nenv8gjPn4EcGfaXpMHuHxqiGo7y/g0K/x6qEWK3ozu+tpe++JKVHFUyyIDo8\r\n9Tpw6hYmzUzF1aZQGDILktpuZso2CiZxl2TemMnzx2sX2NDZVWeWQMiTn1MS\r\nz0w57F6WOkrh8I5va6URtCgukkzdIBCCJSpX03itOMDWwAdB+up3jZHdeG7I\r\n63yi64NZ4/6PS12MYHc8DM/HKj5Ry4nBz/Dg7+tg1lq9hG8FLAMA00bMnFDO\r\nb9niyPhN6UaRNYxxFlp1fQajYpHHRTvHT69fZ0F07Qc9eqOSUZ/WrSzsmcQW\r\nQ/DsOhAHt4Z+UkvSarD8i/wVeU/wcTlZQwyKZWfzWgdIpXZD4LQY6TBrRiuy\r\nFgqZ56VCZHscQP95sX6WZBHwICE/WuSZ2F6i5F4tYyZs8Om1rd4yYTx01G1z\r\ng9hWzj7NR9szFmOCrbSmpNqTrf2r2ut+o29hs2kE9RvGRYjvOQXmTOXSZ5y5\r\ntyeLo+JPl0EmUKBQp+EVf0rsOVLl+s99XDhrs8U18DyiSO+WgQcEyiRmY2Am\r\nQwcCFGGIzdu4FTfBNXD66P1Utn2x8msknHqeyu5wsUEs3CVItBYscD3lbkof\r\nEmhJGDNDzRmb/t7lYyrq5Vy28sXVN8+sSRA=\r\n=hOKe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"72df173af8eee38e00bf9af0ca5a77d5b780763e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.de38de758.0_1675957270054_0.8881602302666611","host":"s3://npm-registry-packages"}},"15.0.0-canary.4d62de70c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4d62de70c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4d62de70c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"955709bd72bf27891718c87306d15738bfed1a97","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4d62de70c.0.tgz","fileCount":8,"integrity":"sha512-DG5590rlf3Jmg3Sr913GQMSbAiqVYekPoR54hpI5mjIJY4YINAP6gZIfHAq9NGmpcSenuCzVvAMKtUmqRtyumA==","signatures":[{"sig":"MEUCIQDikICkGFs0tXfHGqGal2YLukjxQ5P6Dg2rZfLKRgXiRAIgdmYDBztObu6qgal6wlac+gVk349sektMoMuSWWtKlzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5W1OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbVBAAm46Jfb/45wPyhgJL/HA+j15eCxfpigoMNQSuLMB5LL+/K8Tg\r\nC260vnmSQ8Mxb+IDDYokZLvRIkub3x25HkwtMvEQ8bUax8UutyKEeBsgCsMo\r\nEKGNzlZoYUlV9DWeICKQkCuDQhfWw5wMPmMBoheL5nraN1m8Bh0ziwfq+9Gt\r\nZ5DvPcGprB0y0Yad4Bdp8CoCRAb8kyt7Xow6iipv2hSYLh6WRf0DXLu2HLV7\r\nmHk5mQf7S3oOxjeKT6fuE3j99xEMlpHFIMgw4Ytpl9WSrfRI0ZGyZhxlbu8/\r\n5duPwkH0vuhg52ffFn/LcValNcXCB/8TGehNMhxN44wxhgQVydWAAA5zcalQ\r\nIytyd7N75pFiGKJnlvPh/vpuB/7bDcYEG/URO6jj5G+QkXMoKYZcndAVpXp2\r\ns0ndnqtCkQNKN/QuW+vwuHJBZ7vcGtuROn2nJG5CZM6m9XJTxKDsNl33i7Bv\r\nqTqI7a1njPCSvXhVXxHJvWKHIIkQpauPT2vcK3I126ox+NGcB0bHSb10eWi1\r\n8lOCWMkwGCd49lVi5IPeez2C1FYgNKeunS1AT0vj98dqPgBDgolRKMovnwX5\r\nWIM7MB4fix+wGccF/wyTGISzYNQXDwlrVIvoWdZN1K0K+3PRS0KmRB70HJio\r\nFsfE1i1pXYSng8nzzzwNid1VwTxijAziSuo=\r\n=8ySt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d2081b5045fc9871ff56b0d31ddacd235e2316d5","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4d62de70c.0_1675980109847_0.9497599176918796","host":"s3://npm-registry-packages"}},"15.0.0-canary.6fcd8d418.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6fcd8d418.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6fcd8d418.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02adf0b2a67f34a25ba5f4abeb40252ad8693158","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6fcd8d418.0.tgz","fileCount":8,"integrity":"sha512-mdLBs198ZP/NZA1kK2ZrTxDngKIm77VmxIPTa+HCS0nFSjl1hDBFce4cRfXVSq4iNz3tLrBcvJYIyFpA9RkNDg==","signatures":[{"sig":"MEUCIEnAOhMnD/c3/oDJ5KYu0Gsj7fRZTVOD/vFHl/iOh9bjAiEAxS6qvEleXnXfrmItcr8w9ozItucB5D9XGOLAl+aTG3s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6iOjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNdQ//SM69EWtdzvlZcodM6hpY2NBC+I3XSz5C2nG1XqadzPVMDqtr\r\nBFew8dNHS4VBqScUCh69FKu2QYkCfOWkFDXyvhe+tdchE7b/bwJTJAKonswB\r\n+qTBc/7d8k/loxbrkLkiJ9ErSGA4MMg7f/zipq7MgVqg2O1oETQdhrirTeru\r\nl9idD76E0Zo2t0/vN7u+3MyWPtzg62AamTrtelmPWdGU86QQkCzLY0NMadOZ\r\ndTys3tOTqRe98yKIEw92nuobqZAdikDTkF5ImE3MuiUEl8F498+2yOOpXeLt\r\nbG3xmkeBOoJOdjdRRLMgSH08DTeuNc/kTkno9afx6iEYa2EmRe1APzkmTEAT\r\n2lM5wtO3i2WLSwwukUvazQ8RmpAtO9bycn9oNLiqsaIWTzaSAdw9uEtm3QQY\r\niNQRNPh+w+W1s4IWHoWTosENwa05WXXYMQU6SVmJuEVTTJjBeS9RHmzg3Xl8\r\nq++Y4zQzyvylb75I39MORfE0x7RRAGhDS6e+uEHzVkO+yGzCU6R2u+05d/6F\r\nV13iYDjxnvQiqFSs2xDTElQvb7bOhBV0yT/2+d+I9X6hbOe36BEOHcBAUSO5\r\niTzw6Kdd1lKq67zm1i+vQ58vp5SPCw9ZMB2x9POg+hE5NdPJCyPpUvxv+fkQ\r\neqBvs5ahuY7GFH6mEVaiEBLoECSPikyxXRU=\r\n=LRBC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"39b4fd2a38e7ab9611f614a59dd1694de0b94cb9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6fcd8d418.0_1676288930915_0.4514739647334276","host":"s3://npm-registry-packages"}},"15.0.0-canary.066d9439b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.066d9439b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.066d9439b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a786f417bb6e82d399b81bc556c80469a6f6051a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.066d9439b.0.tgz","fileCount":8,"integrity":"sha512-cL8766GKnmgUS0ZdKyJ+L0Gcs9r2889W/sZEbu0zAeWI68GZCYZ7Q+WUu0xqSl4iUKPwC4VZpX0U9JGKdMJHXA==","signatures":[{"sig":"MEQCICUkeXyYdAGZClS6EPQgj3PcxV20zY2++se+GcPBQ7LWAiAYvqFdEkh52euQO/PMoYaTcYhBmBZL2MpS8WlF7e2+DA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7Tj1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1ORAAj2/NOqWCqtBbgMmcWJiYYrs6OnjoAZewmC+QAJHg4x0X6DKz\r\nZJiANdaNmq3fkl7CvdMjbto/bgBguJR80XabPne8+lYx9cfVsbTsViDT5Pej\r\nSJt4pD/tw8jGiHdQViWk/JJJjCqqmM4bVIgrfVj3ts1SS+ZsdEw5h/+hVU/2\r\n/6Er2Ro3nyb48pfHKdhi3kjuAZwsFfX05353JCtRCVQ5jMfng6mq+3ubKitO\r\nlSptCQcVa3hGERsDXJKyv/FKMxENQ8eYCHydyHeMihT3gzkWmVyV9yaTGJzJ\r\nihSD3vnW7+mQZ2J3ITAI5kM58WQaKzdhcKzYRbWoa6acgJIHRXvOkWQHHZRh\r\nETHuIffcc/F+L8nGdlbzAgBeK0VVqyM9xOFsFaK2Ie6JyU4brgy8GWpcTHzq\r\nQZqY0/rRGrMi8WYLDlYk3Bsx1tBvfs2Y7FJwyK7hoM6JMPoHGWejTsjTrFJN\r\nOInjhcGxP+hj27bTNf0tY5pgjSZOo5xM0GAD0nTugTivQpBk936rjrngyp1L\r\n5kDdMm9PhUaY2nLRF87TaEJU9yLcLeP5q+F0mv6QTTA3t+ZId/lf833MqPDE\r\njW+dmv5UFLl42w3+Rf0uucWS+GS1NMGRrKZ8a8l2K9Ba9p7G4tcGrGqHFoRf\r\nBbZY6/OxxDdVe4/9QfCwf7uaUhlACZZgVZY=\r\n=6l9G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cfeee3e63b3e6330deff033d8054adb710498810","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.066d9439b.0_1676490997764_0.8855307330676185","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab32468c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7ab32468c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7ab32468c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ec519de9d1696f88e6cbcb2399d4c670a0d300c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7ab32468c.0.tgz","fileCount":8,"integrity":"sha512-gynv/ASQf+W/FhkgeQ1s5bKk7rsghB8F/dIPNlezz3UdpDZRVnYjDzvpsTrotfH3zwhoNqF0VkhyEAQLpGanug==","signatures":[{"sig":"MEYCIQD7se0G2+dpAeGZwff1u88q3q2ZapsgxuGL0uBgv+CrfAIhAJYmG/GoRF0vnyiEUf0bYwBv2bIlg0BBysWFKCG6olDy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9Q5TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqM2RAAlFGuATmesEflxeqzqDyan+1sMjTRh0VtuyBlqdognq5wwJ6L\r\nrKOLOVmBhu23lKZYsOFBOyW08D6roJv0VKwGZOvpBNsbbjJVx+kktDkG8Xbo\r\nJObqA+M2J7b3gG+6NYkkaK8vlcHVPDoZv9yjrJ1TvROCy/zUBSmAVdJEEvM7\r\nMaRWBpV+lho0UBFLmH79EAWAuuPQRe/rChANUyhWcWxpzWMnwTL36lH4NoVW\r\naIKvaCrfuJVcQtrpsY2ppUy9Ek2yBS7EzBSeUv2LHYgpJnDw9qpx34PyRjfA\r\nn2zH2QcGYp9VyP5Ix3NdDURcIbTTHAvbpiN8eVv5MIeWQeURsbg+6kzfayKn\r\nElSM2Vi++fodpCtavrQum8oIruMDbncou03ZKB7nSGi8nA1UELXIeYrbzzES\r\nZTIC73jqtdCvxKe0G/jsCRbt3XBHg5wAcByy950lZcZnGLtIB3aDf9ZfYskD\r\nCp/hA/lW6IP2G9vo+hARusK/KwYZnKxKj6/K1wnQatZrO6lCoUl/xpLoXob6\r\nwdwkuqw/9Xh+gukYTe2d4UK8e5SCHuX+ie9NIr85pKNwRgud+M3F0FK1oOg2\r\nNrwlmunR/sD2ut99/4WLelGYYuqk2Rqjoqhsz6LU4hJ31puCXiFrs2v4GNMu\r\nrB1SG7R3bsT9fURJbrsowqit5zeAB3BmzOE=\r\n=4Puq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"08b12f363223d69b2eae5d2719e9ff0da773381a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7ab32468c.0_1677004370822_0.05828508350038031","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa27ba61d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fa27ba61d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fa27ba61d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e7cea505dc0f266207bcbf61fedc5cb3765d9301","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fa27ba61d.0.tgz","fileCount":8,"integrity":"sha512-/khMu9ofCbRq+VsDc4ecC8nXOk7qBACfLjPf/dVoevDT/QHOkWeDPhGdgle9Ncc3ppd/8J6IZzEJEgy/4Zi3mQ==","signatures":[{"sig":"MEQCIHps+uPj6WYrbyWfP6lCkz09WFl4uzFsPP5eLtg5QRVkAiA6MKqYICumd3/9GjYAZ0vlSyCaLwyHlmjaMX1WJwmtOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/Ne1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrptg//cmZEuLpkAjs8HwTDUcjx4U0aioTnuWr0OB74GoHVG/hvBDkW\r\n8cbz7dFrUjWKJpez+goSP1nne9EDfbVxq9KICa6WbpuxPXWLVbr2K+Yb8LMS\r\nKIy2jTPi3JTKt6ZeH0seJ3mzinl9WNroxa89vikr2dGZAjyuzQTCoCDT4u+z\r\nCirtK1bilcVuLj0Zfm4OR23Rai4bv3PhVaW8YyjaSlV2lT6G2ra20VBxyR38\r\n2VsTy2mqJnyetvzBg/gv+oGekO+mqFFgypntPtgTmYGZRR/+34cK3G/ZYOYW\r\ns04bVTgOPyqvF3OG3tx/NS5ASgdnq05k6GDPFsvEAo5y8KPtqeFfxccphkre\r\no32i1m0/Hg8OQR7wcB4y6j3FxjNAVVM2ilnz9JKrkEGZBHW7dr+1b1q4XIwl\r\nA8nD74wIwXFFsJXMTtoQ0jZq+nE/4WnyFQUY7NeOiu2JZ2yWTOh5fbtVwa5o\r\nkl4CyyJyPZkMrE6qVy/KOZFXgPfQyaOXiRgXhI4NMytMdiBkK0crsiVztMZE\r\nisuTIsgMsDFzfyMuBlZeaKJnxC/RNSiW4lGoVep4G6/BcJ5yn5L1sDP7dQJO\r\njCYC8qUERrzqR9SIGK2Fh4DJ5HPNRLc3jTQZSlAhhkzaKKWcFXsG6sdAHj0/\r\n7uCb8eu0Cey/PHtSN+c2dPo1cUKOWo147xU=\r\n=MjnC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ed40c112543fe3ecfc009ace11a6f0c3f82fa26a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fa27ba61d.0_1677514677626_0.4652072621752745","host":"s3://npm-registry-packages"}},"15.0.0-canary.311ab4d4a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.311ab4d4a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.311ab4d4a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf042f583b00fb419060c1838ae34248dce6cf7f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.311ab4d4a.0.tgz","fileCount":8,"integrity":"sha512-vnaqfpiLmLlHmNfJaos8KQGPXSCKiTfTBLiLkcZzNZpyCVOJaIlSxc+utHSKueSRSFvzcs0+fRdoHgb0b1/S7A==","signatures":[{"sig":"MEUCIHTqfVQl4HG6tjkKYXmAjBKcRmtpLDPNyponvjLj6rD7AiEA/UYV9MtQYJJ6wGqO7qsKO0KALxCQD0Z0RDlMJe3HBn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/NzrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocXw/9F/Ijd6af6XZgFHJY+1IzCN5jAbwFDcXnb3fpYWBu4TvmzCyP\r\nmH3KrBpLLQkFfxillTkXA0FR2eMdf9p4cfX2PrSyltfytCgm1PiyN5JiNN7p\r\naYrGFXyUXW3n+ABIOof4ftSzzysLrMWjXnCME8hyq+x4GvANWDjQ0eqIHEoi\r\njRAZje6OMB3CVMRwtmR6VOB08UcJDBzGs+vIGixFQHEvWVJ2pFdFGY8hQjsU\r\njfNsIKfegKfrrqNIqrfPHay5vrEo18czeZj9C9rWi00uOx9Gchnba1mUXblx\r\n4weJpIySY/4pN0eqXixo8s0R7JfIPuqPOwsPfQLuSfft18nBzicbuCKHs79J\r\n4DxppiHjWkmOQ9LPtunhX3b5hYIHyxxIokb1PdahlbTlcLeILqWuzmxkaJXd\r\n1GLweJ8MwrFup1JX4p3269JhGdJ1kZ7TwLQbP8CS9WXQS3RBcbhvWnRqncII\r\nmDnPXmF5Q2U2qmETtv+z7S+sMp2AJHDs7sxnGnmv/MILLcx08ZAvM+OWNTGK\r\n7oja1ee04H2p8MnKTlCh1uFbLh/mv6UyHuhoxfm0xBR82m6C6sg9CkkQ5zPc\r\nKZB7PZ/2HD3lkd0Zm0lMp7VQU9iKl3w0wlsKwDqEtvZb3m6FlkFBYjHS1lVe\r\nCJfHATjgh5FIHtv1L2gqZ+1K5HOoRQt5RLI=\r\n=MCmF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"07f8d2f7bb4b2f30e60a6bd8739befd9d17bfbfc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.311ab4d4a.0_1677516010809_0.29745448758979287","host":"s3://npm-registry-packages"}},"15.0.0-canary.901c83e77.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.901c83e77.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.901c83e77.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4625774a8e802c3a33a4c5dd1508606ae09ecdcf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.901c83e77.0.tgz","fileCount":8,"integrity":"sha512-rkLE+niTgzz3UQJ6t58+neRmdXHEfEPXzAkmOxicvtimb4YcOBizqU1lfSbWEZ0plKhh5E00h0SJ7jBWNyJ8qQ==","signatures":[{"sig":"MEYCIQD1CVkufu4mOXLb1Fz0YdmbpUJOpwQ9sa6e/ehNgpdRXgIhAP28Ztnw80nvojhawjDHr8Y8ANHANYiI3hPTnebN+KDy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/PDIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonBw//bdFiJ09Z1ohDJ+pcUypWZ+E5jjRaZIxWHPNfeWm/cbjwsoVA\r\ngtMZAH7Zyn4zDBA4MdAyG7FtxiXxGXTi9ALRe7Ddy7HFTNuSQ0yhdfZH0dSC\r\n2VS/CXZoWIdN5/ZrxPPsUjLSoFhPka3DEEF0Zbt92qzDxliK5ixsOLIW+blW\r\nz+PIOXDccSD5j4P8yr/axw6AKCcwV1iEK/8nAJdA+sHUbbxy8gF0aX7CeW+T\r\nnX7ZKGXYeMCgHWA9EpAEjP5rmDEooBvZlbvSD0CtVRBkfGAxa5T9mpI/kTns\r\nh2BGs8x39CgRIEVLe0pZZOfKjCjonismEH6e+3T3x7/CMqu1Iaw28TiXrvPa\r\nEEjQ/2iTM2o2Z1t++aFTHrxLy7KOUtIEkwzSHg5+s7fhGU5gN+qgSByUbpjI\r\nBkuNEWIpSfqYPk0N+JV166tp9X/+cqM1D9Iy7sREPgwlvACj8SFfXX49jN6i\r\nzbRddSYkIK9ParQ+ifHdLqTexdz4ftsChCZHrGO2Ptu3+vxKb4Gt0fwdJbmp\r\nScTySTA44r0ivAWes6FMz3bLcZaFeF7IxwL5OVIyxYbLNBmc9RuQ93kUyNEe\r\n5fjlxY7y+H2IRNzIY+V1vpYjmYDLC3yGFt0P11ltKEmDZA4cT4iSU5wmLL3Y\r\n3e+5r1a5oiCDd3w5oqLe4VJGlk5csIxkOEk=\r\n=mmdK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"86c988d321eecbf29bbb6cc63f7dfa18cda02d4f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.901c83e77.0_1677521096433_0.7450586180556591","host":"s3://npm-registry-packages"}},"15.0.0-canary.5cb8e2174.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5cb8e2174.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5cb8e2174.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d981d67c1265afc32fd685db26a8db3e7781b5a4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5cb8e2174.0.tgz","fileCount":8,"integrity":"sha512-Y4Oy8wBQDMx98p88XAA7jYevYiuzsjRiDms3tAr2AkRUka7sqJT7pxsVddKfDSk/H6sucKOoquhogpWUe4g7Eg==","signatures":[{"sig":"MEQCIF2jsJinMzb8xBHOJs9jSiCETxR4/V9PasV5Fss56UpyAiBQuhImD/yljmY/bn13iMS3MEWZMhhCg65IT2AWYJby2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/36RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptug/+LRVPPRsHfs8uu+mRzldzakwSH3LO9vtWv3x5fjLH/rHn/ZsK\r\nmzjbYz1UmG9ESF9+VDJ3xAKKNZJSD108c+b+9SFIG2TL4gBD6VILL1MHf0zL\r\nfcNwPDDYUkGdMo2REAqSVFiSIypmahbC4xLjnIRhpsp283+c58G+Jye9zZuA\r\nVuJusc55VM9LMfNB/npW5XGQX2IoZfVMXMKqzDUkW2baMB8V0JDjTyqQ0Iz0\r\nhcUder2ah8+KOicVhvHbuyZF9S/083mkAbTFjlgFj2z6fQhzyC1N6t7Og83q\r\n7sWE7RZsYMtydCqBJpb931tMMFEa5KNiB+guubzQ0mrQfDDZG51QIZkThUds\r\nucrzcqaA4RMfdv9eqkltZS5NQL5GmJ65c1TJWlmMcVDlqJ4Io7pMl8iuXt+K\r\n6YboDF7UN/Z+qbvE9o2eQkrJpY4oU0Y9EJaWlQAnrjo4Z50DMJ4tdERKyiQF\r\n9G30Bv2mAtG6urx2PN1Z0MCrqptMl+joeH1NqkJAqkndo6MUQs8d8J4sd7pD\r\nvqkH0PghGFRfz2QJwj2vhECxeklG70exqOmd6u65BgS9Jb5ktV/AY2/v/izO\r\nP8/MOmJr/nO0khV0u1POUxvXgfgRw7+JuxuSm1zFB/YoXbDwvdM1XNVSTUvU\r\nRKShxjuxvkT7vIXNez8Fko6fp3H4aJta/hE=\r\n=MhwM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d57edaa5a3a3079c48ef7c804f0a642bbb682478","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5cb8e2174.0_1677688464805_0.928470402966447","host":"s3://npm-registry-packages"}},"15.0.0-canary.f32339937.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f32339937.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f32339937.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c842adae92ae4d9b53edb24272564810b7cd9ad5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f32339937.0.tgz","fileCount":8,"integrity":"sha512-E+sRmc8fnyMZtv+REsx0qXK6HILbqxz8th2WHoRl8Cqvii9z0bIpb082hhyQlWywwPGmJ+ad+ZFOX1uksUDdtw==","signatures":[{"sig":"MEYCIQCug3yuEsFO9oWI4SAS6iM28nEylq/+9kNLAX1j8JuTJQIhALzFlpFungn+8kvnIf3QkuXQ6o+t/tr8NYuOo/RvX+cY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBgNTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpduA//Sk6YOB2Mkddu9L0MtMITXo6jYyWbEDqh3GD7xfDb79EzDkjR\r\nIAVOJwM3VaWmVEFbBexybBrUBneydqYBS7T9OWibyys4FMLbJkBoJdScEDAH\r\n0PmV4ttPp/XDDDeTdFBFYcoP77vtgmWfXoLMWP0/aKiaokhMTuLr/RkntIFG\r\n5fF4kt8HlNPLNZFGwAQdC4C54PnKkO7JvLBIvJhC103TgCwTvfOT/+9vudZy\r\nbt58e9/1lynLt7YUZ/jynIwgC+yR+/5rte7PIWW6EGjgGcVDMm1mnN+q3vwd\r\nQqu9xy9FnIt2tb8/6ZJ5w3ZPYdvE+L9D9wmOmvNGiSnGPVD8pvfw/Mcd52o2\r\nNmS8cdOmutl8UmnnbtEQyY/D4/Nr6EqJTIAtG1iSuUaQM8opD+hlreWKiNyq\r\nFA4Vw3jrkXwujB+VhQcX+BhtsY74PK/BZG90FaP6VhL/emhpVi1Hmya0ovp0\r\n807eUh5y3vVG5BYb9FnB0vhuMFqGuTQdyVC6xBovEpg3XA1Q2KykegVaeLnJ\r\nYeG0/+xfqiJsiKY0kGzYW3oK1+IdigFu/u/F0oxIaUUbAGPu8A6Idrr04Flk\r\n7Qf/iEFtKlLdY8ut8asgMFf4LdWP0Mc9Z3F5EE0cOjxiHRl5ThNnA0qGP3yK\r\n/EHh0O8snD5gD8Ts5GxlYdxkfeojFD/hK/4=\r\n=64Wc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b6c5103b89138f008c28f70d93e0d3faed285061","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f32339937.0_1678115667432_0.4624339483734672","host":"s3://npm-registry-packages"}},"15.0.0-canary.7644d63d5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7644d63d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7644d63d5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ea631cbb6847f52d3b3df65b3257de52a0578d7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7644d63d5.0.tgz","fileCount":8,"integrity":"sha512-fbFrtJrdPO+WCtc6NEDgav4Jr5JAhzOKfKOyeHsAA+KoXtNqf49ttz63l5RCzzu1ZFptRywlnvo1DeV91n2/TQ==","signatures":[{"sig":"MEQCIBFLX7MtHGRxCdknmJsqA0ZKIKKyRNHNZ+/6Os01cYqfAiBZBZb0HJ4yObeHKfh5PX2GipY42ets/IPb9L154XV9lA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBmiOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKcRAAoMWq39VjjJdO55RN+gJKCOwzcyVxPlD7CThD9i15juy3Nk0S\r\nh2oOrfb8zKsqvRnkyZtBhswjNMebt4hoSy4Tp7HyRwNWjWhGlFUL62V9serQ\r\nATTfK1OUdncPnIpaYcyb+41nTJhD0UfTC9ull5bY0ZjrKo5Jf/V3Sywn2HwH\r\nh5P0LzWBDZdNqc3D5hMetMxf/TdBG70Kr2NfKClMKCQ7eD2i0MVfW0F5u5EQ\r\nXwEnEGwNwl7Gtkc476qw9+B0BbbedyhdOybV0yzu+hjbR9DTF6EY5Y8GVCBg\r\nOTqo8Wt0m9o6dwP45TOLmXxu9Vq3AZRvbHb+I4pIE9sKdwkNNCdCUL6AWWUd\r\nmqfZdptl4ODNC/qqT15/2TJtlB5JKkKxpYoJoqZAQ8PqfYKLg9ETa0bjUdQV\r\ndcth4vchPJPj8J7IoWIPNKj2btjb7kumdILiJK9VQDKUeNBu47aMxri63ev1\r\nAiTe2H/vWNw59kTABhBsWTEXISIp3dw/nhYY7MMV6l+U1CG2hIWExbKTFQp5\r\ncQ5z2NRzE7upam/sknMSNLDPcO2LZ+ChXLkI8oRD1NdBw/Z95Xe1k6AEOJSx\r\n+kJr/kl2w9AL8HQVVrChF41xTal8Lh5Vbe7mGMkCrvWaV3eh1oH9JUQQafHh\r\nmfNQ6CYG2M7WAKS1IKWNlSYws4UF8GNczyE=\r\n=I5O8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a0332d9af18b36becfa025c452efffd11be59943","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7644d63d5.0_1678141582667_0.5739055396000661","host":"s3://npm-registry-packages"}},"15.0.0-canary.d96330c08.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d96330c08.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d96330c08.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e1b2c5371dbf76a87fe0d80b8d18837ac326892","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d96330c08.0.tgz","fileCount":8,"integrity":"sha512-zO3jiSLYqVZyXDUnzhCarClYtwqO/JoADieXW3ECunrzsum6Xthu6ocBV+Z//CqOHy1v+9epD1lkG5fFcJ6lcw==","signatures":[{"sig":"MEUCIH20yxW+wpqn5xAaRK3shByMSzKW/ii4jXjEveDdyfzLAiEAgQsjgSnV7o92WBmDauQJI5H2gAuVddspIIlmZNwtILI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCHQ6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqe+Q/+KzByHuMPXNlo/0TPP6HA4acvnAE8dAx9Aa9uF1fyWTuPhY+L\r\n3Tz6yK24796aEbm05S9sl1a/fS+hBjzLMPEeMhgLMdCP+jibT8dr5+f3mSxs\r\nNR8tFeaZ+9XP09/6z5YyisOXoxLyQ6/9nrIzVDNnNEsEhti6YT+wGXN3YVj2\r\nZ5YSi6wjvB9mwhr//3gzfQ2OsgbnnOeEmFIRYmkzX4biWwZLY8EYi9Wey2sA\r\nCIAsvlGKwT2sB5A2V8VSUonepVm+KCQRupwN3duxTcJbKnqrTQY2z1Tom2k+\r\nj35cKB+Lh5y5Me6rRdYuRvc7rgXOxvNO2/5cHUtC4hQwy/uf9IAVWEofqs3y\r\nDlLvaCrv6xpi3+Q+pH42rX5ksj+y0BwVkQZBC4qWY+82YFJA6iRTwLT28AHk\r\nVVW6u7R2Go+p5GvBxU8rHyEH4p8pEFthmEtUtoC9s6TGhX8NWsAPA9I1yyMa\r\nK8h+mn0RWJAXbtFT02SpNagxt6glR/tt31iVvQUC+FykARbOxI1Df6X9LBSH\r\n6duCwZQJ8D76CPp3N8UsTw8fzdJ324UaLVWWOmSYNV3s4vtP4sa7JeH5bqiZ\r\nRts5U7pA3XGfLl+DkJEaQYdBY6Y/g+Q/KlmOJaLc/MnhU/5CY8u0EDm/08xJ\r\nbTw07o6+JlqvVSKwdCw+IQvoDlzDRGZ0czI=\r\n=RKyD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6a6d53aa84a0c0a10bb15c3cfb596881140bddb2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d96330c08.0_1678275642082_0.8361143054309528","host":"s3://npm-registry-packages"}},"15.0.0-canary.c99cae77c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c99cae77c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c99cae77c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df5a1d31dc4bdacb4de791893916083b8c968468","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c99cae77c.0.tgz","fileCount":8,"integrity":"sha512-EI13GHQA61SETFOeSLTJWJW+x6iJcAv9c12zExx2+rxbidqY2eIPZMmFq42TkeGwenWPFCidyurg2DRi20fJNg==","signatures":[{"sig":"MEUCIHYkvBM/vJZ1ORP0VK7fwjloBNhGyU8lvfZy9Pidn7oIAiEAnoS70fQp3EIXuahob4UX5i2EBIgVj8GntqX002GNsF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCR07ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruHRAAoaU/hbUcRUeVsrspnBIngjOorUAna1ftKOt5BF/Hd1HmBMg/\r\nCieXa6VXNXGj3wp4Nswz1JBxWascpKgYgj9mjGHsOM7ghW3k81T5z0tveIuX\r\nlFUq4LQxW6CQSL780CE+DS76BxFShxBIlyBkKWsyMCwuaAew4vLjK9gTs8lk\r\nQCEHkv3vOzXY39TkfWubb5/JYREJShfim5RZumVae4NDS+lx1TMekHj1ctYB\r\n3wWz2ITcFivEOAndulZLxAnsgF5nbk+gGK3wWVWesqxxb9RlW6JYk0wmsCvt\r\nM/05sPVuY1gCH3XXwMlGGAGHxNo3s+gEw/AxG/epluZktGy3SXNrwe0paL8v\r\nQPMz4cVvnsoA8ZsFmOeLP/fsjbLEC4zKAiw1vpfFmGVGtORouHthzR3i6cMY\r\nyPB9ibZ6RceWqojeTsyhFr8JdI2crzWRe6rL3QqwmKEnGwFrEQT0DVQAzesZ\r\n/n0567nJwaZO/h1Z5+SIlnyxB2WJYfbh8pB4sJypRJqdCH1cXC6Yle7w23CB\r\n9366m7lYzc/Gb4Nr4GuaI/9bCJ3CZyxmb8XWpPK+N4tp01VcpXpMbuWHLR+n\r\nT73NbIpwRBiRvB6bdJA8XR4E9NzhNlB7xIhuUD8aWl+0CLeUYXnc3OCaEGfH\r\njPJrXJ4MjaT4bBVTtd8w3W+zIfSBQMHa1Ys=\r\n=hZg/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5b6a7c1a1c133381bad395ae040de00c64b62e42","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c99cae77c.0_1678318907383_0.6708967673080173","host":"s3://npm-registry-packages"}},"15.0.0-canary.6023b1cd3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6023b1cd3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6023b1cd3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16b062c471012825bca163cf5ff96e480903706b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6023b1cd3.0.tgz","fileCount":8,"integrity":"sha512-llaoy1UnzbztvsP9TluAqkg23ofIx/6pQ2av+qE2A00Gjjmkr/5QkyRR8tfrQcjphPCvtHwpOIuSoyaAr6SSkA==","signatures":[{"sig":"MEUCIEzXplVcVsL6AerYsOKhC2oTe35nr20w/n5786x30aA0AiEA7RmBBZ90SqEEc+8nkEaiF3EZ2uPxzWQD6lVaXaJEPtU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCexQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+5g/+Ok3cSXjeqL8p1VtSUoNNMqDjTZMO+I57Rwt2Lu5pkZV7Xw6N\r\n/bo6+YSmcUVbdJS2Vsm59KrEzVPVfVMRoHdYZZ2NrpQszINmztF61pfkWNJJ\r\njjJ136ZVSbujvyrof8LZvYH3VIPI9S9lVs4/qO7keiYRC7rRgoKoPIBY3hGa\r\nosr86xW+QPGh3bqxMcjb9v58CGhMWVXmdleKaz1KfB/wyle5XGGMlbAdnC+8\r\nVg2jYPx1nuGapiVtCc3aevFnW+5tmIIrBQDrhh0boju4A9IDclQfJqBCwU1+\r\nqR0pdxa7XRi/zWpKDn6Vko3onpMrE5xubWzZPrW91TswJ/UQnKvgEy58+DO1\r\nDMteajWt7oMgUTZrXhDwtfrVeIx1w59wSUNRJma+ntsxRz858LJ/6WB6+JFT\r\nhlW7yVNd2cHqoxxtnhzLrwQqyE6TfHDJCL7hWnvTxi6BV9GfcDsQWOstLPol\r\nAgrxolNxDMFp4v2tPsBoPV0wfB9e1XOkYk3yuN0u8S5mO8OonUZW0rPCKn3b\r\nqyYLjghjY9TCbiYHEwjled1WCw8/3AKYaNI/JfhFhYOhs4mhwUqtInbfKv7v\r\nl8Dn3sawuUVwW1gRxkZM8fS7MiDK3W9N/Ap30GsxOcMyMw14iRo292aq9cyI\r\nU6NC64DhY3ckYN3PsnrOHYLP5qSWWEo3Mic=\r\n=CSmM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4d11f175faeacd8e5fe534611afbad84efceae77","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6023b1cd3.0_1678371919831_0.8350883848105426","host":"s3://npm-registry-packages"}},"15.0.0-canary.274610c77.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.274610c77.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.274610c77.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b00f035bcd5da37324ea9dcf926b55912ff0215","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.274610c77.0.tgz","fileCount":8,"integrity":"sha512-DIlkI8UuuA0+9O5ycnYw0tUqZyZH5hwrrxpbxjyp8ggLftVzZcPtanYCigw3kGW6C18LPOKtu+75Helecs5/iw==","signatures":[{"sig":"MEUCIGmUXcnsobvLakcV62G/0Rx3oGkDKdUCmSUGsqUlgklBAiEAkrxox0Vfr/gLeoZSIeL9+1uUc6Pg+OOCabLIXeAb73s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCfPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYHg//dyXpRONYstfCDTHYvVu01Jr6nm9e+wuQbbGvGGDcJEYV58dG\r\nGo7ORrctNHYmEpp5eXaVP116Zf2tMOkR6BKuGdrjGxnspC19G8mQw0vCjp33\r\nxsp5UdtE6TorMCuh59Gdf2gVilIHytAu84F1NUdGKauxb2fsrDNZZnVy3X5o\r\nWrV9TOTXHPQ+/beEFeuOYB/m2VMYHizAdgZD90aVWxjAn14cd/Pu79ThYAgf\r\nuTSOuEVMDoOnGQVp3Bbezdy7N70FlUlg5MJiQwCoagBo2M/ZLn/akp+mHBkf\r\neTFhbKP3NupO7SfqwAtHKoxoiCLHF7nUxdAaCORdN0PPSBV3ByvGi81Z5I47\r\nUqXeij4MOGBS1KiLISo1ENURKqjrPS72955jzhkI1jZWdNKIENk6M7iiD/OK\r\nWB+3PCkMhP/WpYQY8dksM0yZFSmEQIsSPCMrSULJVqJuPXgxVeLDyyULd2eI\r\niqgNXaE4RXJSUY2apy6uNE8JIewvpUTUsiwkSndTXqsLhmwkeZth/GVLdxyp\r\nuccROI4KAnFsgrhWgvTojy4plzVIzgS+S17+c7adx4ziExAuXXOkphN4A/O1\r\npxWOfNcru4cQnk5amJ0o38TjHMIm+7KmPAM0bOYUddzXUuGcVcUhfLVwUi7t\r\nHC6ToEqGzdtPJVvTzNOjtiXtoiBks/TmZvo=\r\n=UqNB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a2b02c682ee73deba431503de1a6f1fef211c10","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.274610c77.0_1678373847212_0.9539050267830407","host":"s3://npm-registry-packages"}},"15.0.0-canary.a274583b9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a274583b9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a274583b9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89a60a5aa67d587a3e1790769ed6e73cfda1e08a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a274583b9.0.tgz","fileCount":8,"integrity":"sha512-9rGMISnpJKt6orh9abGf6JnaW8/p4ojsb7OcJfEKt46V3NUFw1IJIkTx46iKefb/Cd+R0TXUEp9e+0PTFf6uNw==","signatures":[{"sig":"MEUCIHRDzUzq08JXWD1bZ7DAL1+Mn/qRM0M/hmPyUT2U6hItAiEAwqfv906nk7s0Xmc0y4MbCy5AM0SX47qzYwKt+yrVvFw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCjjFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLFxAAnRZBVkfz+3tQgOZ+bufMFhSFr3a2aSRRDVd8QFZPdpqLN5Rw\r\npYOtFmFq7gQdE4GU2F4+GHxMixkrrH1aPHlV2PIF7Es0VyIi6iiO3kZCVPM6\r\ntiJIP84sRD3Pf+mYGJJJUS7qyM6hBQub7st39WFxoGqo/XBTFjef0MkX7o6H\r\n1rFS8LUFkZF6Y2bipgBaP2/kWQpAOfYbBxCToUclyG/HgOD0vEfVQ+fhAPlt\r\n+BWqp0zwx0BOgvDpPiqk7hOUPcM0W73E9h0jOmCFmDWp+sdkMQeqC1491q9R\r\n+PtL/CIrWt3bccLvZyXEA3l6sQYjUEAQlWHQN9vNPI8b2cIhjlDpY8aQzH5i\r\n+DJJCAnEjXZo/dnusS1YwpIXVk2ccgkZ5T6idUUIe04Lu9/2N8VQ5SlP6S0R\r\n5BRboWT/rzm6uRU7HnZLqT6bgij9aa6JOLU0cEHvLEQi69BM9pzSj20ny1vl\r\nC7pZMEFxko6Bn47ungYNqX4em4gO0qiZOgbZAgsOQCf7nNte81E+wmH5nj3k\r\nJV1ntuqD+mFe5olU1hyeNZdYJRGLO+YbDsOqmvenaOe5Px/8r+HuG3+IOoiO\r\nh63MXkGr9ZYID75/Va4HSM2AVDmicweCrBiZsv/R1sHktDDUoSDb1N71jucM\r\n4TfqDLEqao7SBfleaIMN3n4Yk5wlt+Orjyc=\r\n=udsW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7a7c8184214014c45d0ba8b4723714d1fe91f266","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a274583b9.0_1678391493654_0.9608571433903352","host":"s3://npm-registry-packages"}},"15.0.0-canary.da22ca960.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.da22ca960.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.da22ca960.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c6ea7aad7312faa5d09d046bb0649709abafe8b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.da22ca960.0.tgz","fileCount":8,"integrity":"sha512-A5ynH87X9vZ+QM16YBu9IcKKVxV738vPGw/frgV/oUqmr0P7nWpKkQ+QF4vosIKO3+Ao0j4gIQzJnJI7Byg7bQ==","signatures":[{"sig":"MEUCIQDXJR2/OSHWOiOs77skT51qFJzJjf6mPOWRJzzLxSDysgIgQANpyDHegQokG+S2yQIZJejxdf+iqS2dBzdEUQMGGfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCj65ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqysw/9Hw2XZArf9jmn5X5AUAv8J4Gn1++fDdvW/1DVaOGFN/yVOtp3\r\nZa0IZS6NPM1p7a+HHMGmx9L8vakdzl81FKefm+/OJr+/BLKSKHsCPuw33XS+\r\nYh3Jo0XIAXuApWEIOR2QnK8kpogJxc1xSbku8/P11Hu4vLvMpvd1qvTvH6Vb\r\nustsQzUPpiky/Rgos+PkXm6w7/apX8MWWgkDhTeLC3PLN1MHSumtVS7caTKc\r\nfUH0DPiZUpzlhz/1rDmMtW0he+BppLBT7BzMLmxOFv/0VQnnv58zuCNwhj+a\r\nEKPNoMoHeCRm78E7o6qCWAQgSJE8nZweveofrUE3in81DcjppLV8oBLfrmYX\r\nmqGxrbgKKsTgrUbHRaFhc/BAUsDvzX5+AGRVQ2U76u528BojI4csNv+bhuyF\r\nSUqNyqErCuorUerG4eSf5DEATCpO/BNvTpRplj2AqD7PLetF1UwcccD77+fU\r\nVZ0cRwkiWVgz22tuPJMpyYpKBUgD8ocKTU1oQ1k4QQAQKR5hKtD5EPFgoqDE\r\nR2HM7k9zHgpShIqZPttt7o9f+GWYbd6ydLG474E1bHSS9joQR6lSJ6z6Zsor\r\nEByLWLY0ngOaLBadu/8CTA10wwse2ACLjfHDIOzbUmB3KUi1g/10U60nmDam\r\n7s90gPXaRl90QpNYn0zxLHhOM4QwkYWF8y0=\r\n=LrIu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1b58f37865efc4ba8ba06e1190cef502dee9f902","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.da22ca960.0_1678393017198_0.7366470529698583","host":"s3://npm-registry-packages"}},"15.0.0-canary.304a94e8b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.304a94e8b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.304a94e8b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41485e6ffe852febb72f5730040512e45ca6d97d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.304a94e8b.0.tgz","fileCount":8,"integrity":"sha512-7kdf2pYTHkixfeECcBUr6s8ckwLac7Rfh5KoHaKVE00wlJT677xBeVOdrg4c2aizXSxMtNfBWXN2aL7WciotLQ==","signatures":[{"sig":"MEYCIQCIGJE5ZW5OOgua2cVZlVYU+kZfWhBvxbKbne5GCU2SLAIhAIvegtvDTOtVrq6uQ1QSuJvOrRs6HiznjZq/V6yNYUEf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkUJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqS8BAAiPZCrtU9qfkzoq3qiEARbYNKW4Yoac0zVqjBoCeW8nQ0mB0K\r\nbgJspwPI/NufDhV6sZE+eyaRpC/3jXe6zswwrayl/YMCoMqu3Zcm+04k4mcg\r\nOWlk17lNKWN2R5vSK1M+ohcGSxAgCqw5Uqsz/4dAvR41BuSG1xgU+l1jPOFz\r\nPfHePO6eC6l39XtXB/QrYw7BkOokxmspsKq1FgsRo7SkfVi6qWEA9WVhW8HC\r\nDg+VkHjRHYB0/bKrwIADg7/NxwgUI75kd77PXQZMDsNtR23CDcQQQzBeHTgv\r\nETSl49W7C7E5/u0AurQN4qhX31nGliZp8HzTZ3nMGNZZI5CPcZfIaymrIw17\r\nwwVthv1fnIJpF7eNR3vW7xvW1nkAeKBTogpe1Sqq8IhpOxmd/is9Z6JBu6of\r\nVb9ZNbDwwhPRbcGK27rpLORWE6wRMY7uMo5liS4s54B5FXxQmARlJnZhcpUz\r\n9lZ5CCnph3CRifurK2q3PJrdiSkVdV+dfbIdSSi4kQ8xgZXwR+71teePnPdu\r\neDR5McSoVa6O96Ppj0yWpV7YRqXdnZPZTjG/Y8+oveSXguEXAZH2CdSJ2OJC\r\nRqV2ERP7EXX8s3bKJx7zbe9dmin1YkWMeb30yCyAljRy48MO512dgqDxP6jp\r\nXhzKfW6x4m3QRyx46kY4RVwD1oDzIs1t718=\r\n=SOMp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e7550e10d6a01c606a6dd78c58c4ee6e44c3f062","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.304a94e8b.0_1678394633470_0.9092732336353557","host":"s3://npm-registry-packages"}},"15.0.0-canary.6c265915c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6c265915c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6c265915c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b768845d097b78392d2384dd6a77f9c2107121ca","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6c265915c.0.tgz","fileCount":8,"integrity":"sha512-2y5Q09UqrkuvQBQAj5XWK1tN0yWdJv4ciPX9n3oKxH+XEbuUTGvpH5zmsPBOeQ4Wf/BUymg0da1R3Y87Ip4heA==","signatures":[{"sig":"MEQCIAilux3m9Lnjx05q6E2qWIbMZd/oU8THHHDw4rBoOWiwAiAp+M3Y4+k9W52zi+OdGFhmxy1mPAqahd6V7l52UUDkxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkClOmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUlw//XtWiasws4pF2eUo/dhDd56iBGOmbHmxRQ8GbtwZP4UtFpopg\r\nNEMo0+Dlk4V/MYJxqgSpXiJDG6hauOZnreGgUmyQjIbpNFqlfngSj1LvwXkE\r\nixKRkJl/MRabKmd8YCFX46DNav6/oyLIZMBQ1jk31E33He3ORnWqxnjEZRQp\r\n65OPzZ/xSAAN/P/oXFWg1lYflgRZZ98cgiOqed9QqGWR8TzUow3f4oB/mP/m\r\nK7kXv6CVJjmbA+3CodoyuPA3N29iOrit1J73+ITKS1hVQdTZT26YGx1yBEhp\r\nx9Ns7LfNl3gLYmgbLDEkz4Tx9YzIbLWBmkwrQ1RWea3ep7CewIw8pVCRLSbi\r\nt8A6I3gmZz60kAfD8mcdDmjsze1nLPBOK42HvlKPyT6VgHyFchNDa7To98+a\r\nxCnxBc/9Ahct3ZNm+nPcPWIM/8Yu9SEgFFjT9XtZr9I5/t+ghX724O/SV2De\r\npHeeos2MbKTMn+tGe709swdy05MmKq2g7R2EwPO5CdFyc2gmjRTSo2e6d768\r\nJ3nXMSBQES8kr7SkW8rp+Bn0uO6YsoYidDBTBKfCB/Zrgoos5kNbSWqrqatF\r\nyuCc3BnahqZoY7bJrbsRz/BZtKIJj5MsHlqwrxX/iVu7DljwwpttinANWAfo\r\nNLk1PZDgd4HKxUOqzxXV1oJD2pO/IuqTBPE=\r\n=ePFL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2226d2e658d88eace91ac63729977eb6bd7a9af9","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6c265915c.0_1678398374020_0.8004151175357996","host":"s3://npm-registry-packages"}},"15.0.0-canary.de5224633.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.de5224633.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.de5224633.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b63f4fcda8b6ce902f9727c7ddbe160932f286c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.de5224633.0.tgz","fileCount":8,"integrity":"sha512-7zdFjLYJyddssdsqMI+bFEpJ9aXOo5+2E4j8fVtvKO20iqIVGnR1f00GTGTudh575Eju5jcuq6sWMQgzbXj8+w==","signatures":[{"sig":"MEQCIAoTAXP+Q5PDAgJKNs7CrOT3gJ9XCfMxtuEocj0IFVNQAiBnMeU45ox1n2DecRlRLrCDFOCMcrrcWnp+8t5vhqp4fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCnHDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3/w//W6gZJK7N4sQYmAIvTsTRIzeNYCqgY2f5RLXBcX8+uEMS2QMd\r\n2LyhjttpVORd3EcYePg/yS8XrZF30SCoDXSZvTU4zGE6KjHUvdU+daqr608c\r\nj3ByjpiL5NH4uBh6sgMtjQs0kiT71bOtGCeUy+n6b2adlRaqc4LmNT3V/dgq\r\nMKC5F57243dsflgNVr18NxqFKSblovRBSEzoX1o9nwMffihNvDzuKYc7UrVP\r\nkqJGrzt0JMXKKkI6XUC6YvB/hLHJdOeZC6okud39XpwhsLVHTgJQ63Mgygt7\r\nER0SrPhzGGwlqN0OMHV7Rfzu7qlDPOlBFOnB3HwlAUEmbEqSyp4o9qSah05O\r\nJNma1A4K9mQpI/BRgIBxqKuvSZ/qxVZfBWDFRb08IF5OgXV2sQhT/fWNZiH8\r\nr9Qbn4XoepC0KsJFEi7Vw0pyFQaHmCpgKxkfBQy6Z1jUwApcSmuS9qAytXsz\r\n+hk95qO15W7vP4tx3IgNUqQXyUScB3gv9FvQ27J9rGTotlw1H2Ob47mtLurh\r\nXfKwEMtd7bJJlzaVLit/WWjrmMaT10nD4FWOBJT6SNKjYHRYYFyL1UsfIqTS\r\nL6JvuyygrCZZlsYUzP3/uiPra02WrBbjcVilzUnMVBLXUjDQW3AD7Nb2lQhs\r\nGFMgOwfFDkmYKLjYrNRot7bXAu9mzDwGiOY=\r\n=6OyR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"994c620135276cf7948cc54b286c6c306c3ac01b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.de5224633.0_1678406082823_0.42693330829381293","host":"s3://npm-registry-packages"}},"15.0.0-canary.8879557e6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8879557e6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8879557e6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0aa265139b0426542f3666320b9cc9a7da86325","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8879557e6.0.tgz","fileCount":8,"integrity":"sha512-bb/Lq6DE8/sr0FKF5r+jfMaWuNMf7ZA+HM/pnaDDVCDlH+BdKUQ5xdlN1ZagGZO6munFlt+kDrBrZYN+aQ6/CA==","signatures":[{"sig":"MEUCIDpjMLHitTDFrYjkgvR6E89r6DH6E7t9Iaqu1Nc+fFalAiEAn/3meV8UpKTEIgbBJBCcmwI+vRsG8/gL/jamQiI6mG0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzl3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNVA//WjrZvbGP/MgAneKPv58IRbNdcyRKNHFg+rBt+O78e+4obcdM\r\naItb4Qr9pwLnezJukuaQdnAQxdRDIPHNSRWqeF3iv6p7INzovpmMbeCnxLVB\r\nT4mlKN1ask+uqoDl1mofAVHCuOrQOD+H6J2cgcrgZ2a+foMlXFS1koLZlWt5\r\nESYRCyTrPUu80dl3alzZ0Yv0pg+zWUByJNQxTarcvpsvvirmudxoMhOWifzm\r\nOHm/Q664tWsytd88UaYdCq2nv3609oQCtvm7L3hCkLHw8juXz2BHYFgW0oGl\r\ngs2oUsIVxkb8DRMIbAK355HoSCE+oHUrZeJndS2OO+qDIh3c9jAZ6knmUauP\r\nUQvd1EaLj88tDBan0+WSAqeNLf87EAtAEzHLQ8TT0odr/rwc6uUE8GSwUPtn\r\n3aOc9C3xJn1BYZpN4COPu/eahzPUg8TMOrO9yAHPNVYFu5T06A7S3qr37Rf7\r\nq9GJOCqDDm7QrLhro4JDooS88G69uVstLF3OAhfoFrYI5KrAA0IOAoHDNng8\r\nNf2VEDk7Ql1yLpBPfbPfXtEvQkyyIE+0oKt3kOHje5NCzqyecJSGhP5gjCoy\r\n5q2eXOunXwS1CUFOPAwAAS+252+xuT2eNS5kkJUKN6IsDzkaxevlG/mW/DFz\r\nudyieeLCXQfwuzADYKxGjjMJvS30hliOkek=\r\n=AMpn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"28f7c223e2bb4a686b970a425d14b1d1edd70546","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8879557e6.0_1678457207438_0.9289347788566873","host":"s3://npm-registry-packages"}},"15.0.0-canary.23073a303.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.23073a303.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.23073a303.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6dea8e5865edd44a9744df36911e792bc5bd595e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.23073a303.0.tgz","fileCount":8,"integrity":"sha512-zEyraG31AHQNhIdJTQLradAjKJ8adJ7FrqRnnA27wYF/BSwpAN6KO4jiuJr6eSkHdtEqdSuHgVNVp3FmdX0X7w==","signatures":[{"sig":"MEUCIAawnLVD46Q6cltGAihEGXR1QmB/fwWGlepky03vDshwAiEA5wZQBxoneqWZDvLOo52Ffc9rX+praTaFB7RB6DNLwKk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzsUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwEg/+IXWuOyOx9AadwhpyRrlXLkV9qAdPN8CXYjQFo7Z3e4dvlenS\r\nh++1ygMv1olvr7kz7jTPGMLKC25/DCTtTp+F984GPEw4JhqETIceZF3o+RnF\r\nTsQQhme7S+R6so6FfA/SXixn87/GnVTim9nPRjavfuieh8qZJMpcYLXvaenE\r\nOEqjgEkfh09OkiELuHWNAlOR9WHl8T7Or8+lk6Wd0Qv6t5vwGrx/9Fj2du3y\r\nPsXeoV1/jx4vg+Lr2p4U90sDGaH84+qoHSoNHXsPS9y/b0M8xEGUyCfI7sBh\r\nwZXpzW8wlGE9ZVN5wrvKM6g8CuqBK1JkO2WgyCUL0nP3riW6cl2HxDNIXo/k\r\nrJ++mH9/3kMV1yHd7yHGlxc3BEnb37nwvOgnKmJRJzdKvQjH8A+oh8ZTedWE\r\n8QQREe8M37YOxfEcX0qOy1ylPouYvAJ7/tl6tS3Bj8vfFtHUDx87PsiF68vN\r\nH+2s1W2RqwL3dVkXoc/Ch6UcfHUhNmRI+3akhxd6STgVgJZaoqs6mxZGukN2\r\ndw7ZLTlXA0xmfLnFHQElzfng5hzvSHyCBY41IMnj41zf/bLPv2/PyV3/myXX\r\nCyYKQXxUC+kQ3iEBrmGXVCShwLHPyRmZjWQzp8HE88FThxRKJ5J7BDLZoOhO\r\nGiepWqMZlr0AGrmZCmGx+vFPz9pu/aMYDnY=\r\n=tG7b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2d7826e2ebf1c1fde12f47b603e66ec0df229a8f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.23073a303.0_1678457620809_0.7034110967239855","host":"s3://npm-registry-packages"}},"15.0.0-canary.51c7d4014.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.51c7d4014.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.51c7d4014.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7192fe2d19c691b84e8825b9b1e99caca6c77f5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.51c7d4014.0.tgz","fileCount":8,"integrity":"sha512-UTg8OQvOgCvSYxFEWR6VZCaOt00JvspPK6amQxaxNXltpMnLc+Hc8LgsnCc8otXpBmuKHWwXe+BrEjUQyGqMWw==","signatures":[{"sig":"MEQCICMgopgBYqwRVFbL5xfA9wnvZqFlnqRHQzK3wd1NEM/NAiBk/O/kL0G6p4tLsQka7ul/plPfLv4i3yB1S8/jd6rwlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC17ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriuQ//fKpoy3aCRzbY8dJY1TOEKh4jAxyhZ/nFO0cYbVjilT8KJ1FG\r\nXi5kTVUGSCHSvzLU4VUrdTUqKAJIHuEDgTRpo5z2yFeKBcnPTFnRqu+BkgDP\r\nvwWjIyBLebLIp/UEc1XcFT4s+mq3/ta1z+QsnDVZ1xkBC/N+hYkF4Kei5V80\r\nyxYhzv0zB5OMtvq1SOWoWWUXC43uBCE2SHv8cKxrwHmaik5wJ7LgGj8/lebm\r\nJK3tnlHtLptVC1t+mEQgwLCBiLkOvad8oPSfTErCvpYEpgv0KW9n5ZlaslQW\r\nBdmC6YCWUEo7+enfmnQ5nXLo12VV/0wiszlQ7TMK1OqxMijSj8jK3HVSFPb1\r\nOPJaBN8HusMtImfuPEVFKfv4tQcV34HqaqklM5LHECJTWhl8A46q4WHsieXd\r\nZonsOhFVKLpW2oLsR0GCZRvp+MVJxbycy4G+t3ffv2+Dd4MsARr1IbCH2Dlq\r\nLHNYs067kspyqqbynWFQj5VNo+HpVzcLw5s1kaog5F0/xVnU4Q9j0Ze45mM1\r\n+Tr3pLim4b2IzPt9NfgqSrnfMGU4YkyI+MLBP1ro9LZfWYSH24vP4gaSeR8h\r\nSPVsnaibvsyTrrN+aotwdb655rN46STlBJHAeZUlzBfxcfAWXh6huGdIsS1R\r\nQSxuKU3bqfDrPwSZxlBfe4UdbeEYUqWiIgE=\r\n=NwwN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0485e6059d69163f12d83408c09b1d41f6cb8dba","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.51c7d4014.0_1678466777351_0.9339482841142399","host":"s3://npm-registry-packages"}},"15.0.0-canary.1175a5be0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1175a5be0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1175a5be0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f12eeb58a71ecfc92b75caf25ba5328fbeb501b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1175a5be0.0.tgz","fileCount":8,"integrity":"sha512-3gD+daeC3LIZuMu45XgR9LydQe5GZxgxvPNPSJN6ngk5+YZ9NeSR3N1M7TxWjkKwS6BT0Lc145vvj6zmW+AA2w==","signatures":[{"sig":"MEYCIQDFo+TzcX69FpFp45H05RGStRhGgLmk3gnBs6rSlktG1AIhAPjW2u7MxpT4SfIlHAyyWsNSUqyzLpQyo29yrbUc+58l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC5dCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVPhAAmkvZ2ig9wKgoUA1kMOrBE25l2hURH248tOrjF8teI9zq3PvF\r\na62aG2Iiphkl0JGAc9F1rXaby5RtvyGkXa8ZS3OE7kcPf53YpsUtPEJ4Xv9d\r\n16Hl6SEgSLxFmV3AwDJakTjUKfQb1BjF9sHFqLfNHtpTJojwMmuqlivYAyeT\r\n1YdppY11kmzA83Px7oeLmktDxAtQq88eh0Txl5v0waiN9HJCDhnvQC+XsYCC\r\nZ5kR4vlQAsMH8dNFJCdCaWU9drMD7LhBAl6Dmi8xklEO9hKBmBVa45vr5xtX\r\nId9afTyefLqrrUXOOviJKlvzFKQqre7qLzBcsMTSPgmJj/+zDR8fiJZ9aqKP\r\nHEQmWT8p3b1mXCIyiBxSsPOVrxIJaZVIh+NPaRhwPCwdbs8Q2TKTcnTJEYlt\r\nHHTWGNpikgYDRigPlVHXhy9FG8iInlvNQTmreTnpgn8s/+4dVAOnTisZVYe/\r\nnfBWT/s3eFDzyl4k8gQsfG3tW11kfmmtuHokI5Qxy/FIyFyqXZdmwaHwtKtU\r\nNnXVa9w2o7N/T/DvY6ZB8BGpnqlwaTbL0DcdTySCrHpbRN47ox8xRR9K1yMp\r\n2l/yQGM7EFLCn/Q80IelpG+ZlOQ33JfNFnkOqpD8Usev30QLSvWnO9lrKwh8\r\nuTwwbN/PARLRkzLDP3XCf+JzxQFDNlbTMgo=\r\n=it9R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1fcae3e4ba7c60c6a51ee8e61b01e26a324b1ab2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1175a5be0.0_1678481218130_0.912304709786812","host":"s3://npm-registry-packages"}},"15.0.0-canary.7adf3af80.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7adf3af80.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7adf3af80.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6aa3e1732480b450809b62ca865b6ad135a4ca8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7adf3af80.0.tgz","fileCount":8,"integrity":"sha512-NC2bYa7Od7pD4yDEUXV47dIaGAhzzoCO6pqpkPpeMBNKcln0tgte4cTOkrM/YVZyELKxRgrnHrONuqaRjhDKIQ==","signatures":[{"sig":"MEYCIQCjAn9NPq9bd1wRjfCfa5g6ys+4uP+Fgp8Qt11gcjPkkgIhAIpLYWWRKQEYiDPU8ENDZyr+oRz/whtR1TjL/uMp2OMy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9gnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbZQ//XrtebvNLBQD7KMAi1VIQ6sDYb1Mx/S862yo2Mxn3o4ZgtlbP\r\nnCn9XWiPyenQb9LJ8/tTlMtW19fWWJEzNtmufwEYPrOEE7kxT1qC7ku+4Xzc\r\nkZjXGvhkLkWli9MoFXdM+NCEUHpiuMhjkGkEfvX2LGVnvAjy3ELXi88kp1Ot\r\nagpraV2FbUZghHtHbaNSWyPfkJivfde3Byp4GOC9OQjyTt+8OqhJincqDRj3\r\na+asC8Y77H0zaH9Jnbt6Zi3mZDWCm8oLcFxkCxHkFrjimtTcSDgCIOCnzKIW\r\nFvId8Go2f1jk3+GHKajNE8fiWYfiOWsbZi+yNZCpcVxQrg+Wc5oafJO7e2PH\r\n1skTOh6uuGNrpJsUA/uO7dLKv3QFkqx6vqGF1MVHcd1/43zcAyz2QjI+0okY\r\nX2w9uFFauzO2ccmgSIrqXFAjKxubLPxIv8yl8mkQNVBMPj8BgZDKSPKW50Ak\r\nZY0fanD05r9ePyitA5CADDyrF09vrWGUt0Lefsjvq0WuVRXtkTUoEBplIO8i\r\nY2YvY6mhROw3o+rhjLO/VgEWMNi6lwsXZ0ZaUhPjCYgAdbl/L3ODc2G+18qM\r\n4jiRNVITowrJ2zI0b0zgzFwoPfW48b41BFB65XdGyfD073p7Jy2+A+I6zgqL\r\nsAvG9j7p5wv/QFzl0hCysuLWY6BDSG1b7Kc=\r\n=lxk/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"57b0835838a903c8ac3ba6c8edf79add958481d7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7adf3af80.0_1678497830991_0.753502531711896","host":"s3://npm-registry-packages"}},"15.0.0-canary.82554d770.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.82554d770.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.82554d770.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15699e108f0243dc1952709f6fb1367f48180492","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.82554d770.0.tgz","fileCount":8,"integrity":"sha512-5cEKJ4VhWR374f7QE996ZIT+ZZAky/taV17A++zM391xnExNDoYWB2WbdpM/j5W5lBXKDCGqSUwATpM950SWPA==","signatures":[{"sig":"MEUCIQC7aFc5VKXdsTaPR14eJ9eGOXzg1qTds8gHD57ajW2acAIgU9+NsvfGl7p+RSRoE4N5Vy3GksT/Mz2krl6XX64jiAE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9sNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo3xAAk5WxvSkII7ekonognOqDUGGZwTBn9WDQUl88s1zpqf3YCA1z\r\nLEskBe0PsGvMHa6KbiP/Ru0zY4XJyoois61225zWzSIWTAv0Za4+ZTdQNNor\r\nvzuSpahp5s+oMRK3HMK6hdVf405jUtFvHw1UT5EqvnQur9irMtytK3IKLguB\r\nEULQsJArQuK5+7MHZT9Ey/spzK8T/6IkosQyLYKdpIPcVbPplp6k6JynsJq1\r\nbKzs4lQm3X3vSoBX0i2oJu8Ns9cnyqfVOeHaHXcnE3FNwbd2Gk8txiWelqDN\r\n8Q97N11dhy9od+ZTIpdIfA3cM6tQf7tChYZsfm58VRJJ3fGluHaOiv98minv\r\nD6hJazA67niy+Lgbz72ZOaF41nHC1cD5eVS2gSWAW134b6O4ly4SHrQb5aR9\r\nHwsEsLvIFzrrXQmFNJM45kDuMa4+hVK/w/P9XS4fIbrScBC15RD2FJh8DX0G\r\nXBNAncZrxA2ot42C5XXUI1GOCPDeyDH/DdY1D3DBHT/C7PAzUxSJZhoJ1Q/N\r\nnQP9Bu6O+lDQdpuoZc5eUHId09jNaPIr+S+eqSHubA+77qYUP7WhwkTB/0y4\r\n3NrvXD5OUJTa5zEPHLGctO6O52LvokJLxFOtRYcjN/gGPIm4+eEKgyqh3Y1j\r\nkus+GQbfGUjy0cpCFav/kU/3W9r2B46pI5M=\r\n=3M8A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"500cec655918e97ee1edc3c86ebccdac24a28f56","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.82554d770.0_1678498573091_0.5371236623098341","host":"s3://npm-registry-packages"}},"15.0.0-canary.93fc524b7.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.93fc524b7.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.93fc524b7.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"693a16841c0a00787b1d426f97a134a8f83e2d6a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.93fc524b7.0.tgz","fileCount":8,"integrity":"sha512-+HhsWwSkSxPJQq88PuhAEOLD7C1G67CUaaO3t0QoZi9QkTRE08JQibk1HXps0AKLVI/cnNKbpK3fYWjvN++SUQ==","signatures":[{"sig":"MEUCIQDZejJd4JVr24aEsvn0CwCx6hb5OKDgv57dLMBSxMZuYAIgYs7pn/J3n+oBgQ4UiTn/qe2I3VbyGUus6guKPJiH97M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDuC+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWZA//QwOcngklYDukTXBvK6G6wWtH9pDJOJXs83n5WknaSozMGPr3\r\nIkQrH0EN/SvL18qMeyP21tzrwhNHfAfJnE1BE/2/UvnjYE9RZMrV+B+wbkQi\r\naTt6pR+oxU0eUL7R8akB43nstpWZin33i9B5nOBlJdWThf6akCsBZ5UsG0fQ\r\nY9s6P9mneG9vt4NPpK2lWvM3YGMSnzJKCqMeKGQQX412arEkshn+gGpQ613X\r\nmv8CDBZIt4ejXcWgQ5zxudouOGFKn0IXdssK5oUMIRP8197LmQ0sPF26A7Ef\r\nNqp/4uL32LHS5jL/hzqErQRhfLlVQVWYomv2TehlXHc4LviVVnBWIfICQRMX\r\nyWYxzEtw781BN1iuRCzi4PHwDYyqNdisPx43QI+xMl5Fznbdrmnwx2Z9rS2s\r\nK61gbvhFgzv351qYERJUthBRTEcPCPXjxDJ1QZw+6xwWbBtM3qwWCpwjK5b0\r\nXCTpgRbuPskuYuIiCkuXhDp75CIspu60kuZ7Smmou+vBvB9sTn0euN1LFdsU\r\nAOIUPGtrxV5lE5jpjD9fyfbX+BTfDDJapcrz8KrwiTm3MpBvzTdw/beTVlWW\r\ngF4RVrHJqu5smmcVQlESU/csCpNqf9WCBRwBwPvFy1FxqDbP0HVQqIXM23ga\r\nkL+LWsH38a5JlR9Y3ifoyp/kIMWgSC5laVk=\r\n=PCK/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"338daa93529c874da1af6eeb4fafb935e014e096","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.93fc524b7.0_1678696638443_0.39129596260860944","host":"s3://npm-registry-packages"}},"15.0.0-canary.50be0fbae.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.50be0fbae.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.50be0fbae.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae948b5b1cb8e7567c6e9ec13d09153b5aa9156a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.50be0fbae.0.tgz","fileCount":8,"integrity":"sha512-GX80hb1oxkC/1kmOHzf0rFFtoA1sMD9Ti2pYrt6P3uIA0VDP4x1K4qIjxoLGm8q4u1d0C9r2motK7/mKBQ7ugg==","signatures":[{"sig":"MEYCIQDvGwGzWxdhS24BUiSnLFhqyQreUlum2xO4zQQ4PA0vvgIhAMqvTcIvGeHrWa4a7T1VWft83QY8K7c61AKuzQryjdM2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2CnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTjQ/8DvTi9tjOV6zKNFVEtFaasy83O9RljQsrYtPoCbIEfFJOzLPT\r\nmPplexymXm9ZFf4RBV0zp3E/WATRjBKW6yymosEGZuh8W8GtkEYCUfjiRhxR\r\n2slaurrHIq3NBZEKyioBZIsxMoHpV5CaIiGV9ZNmqelF/iXppIYjN1wI/BY7\r\nYn+dy6KVB9zA/LyKi88EmVMTtz9kqMECBn0h9CZJKlS/oXkwjFO4yodTxSff\r\nWVz3aPm7XTAULl0bk0iBVWepmfxS5Qco+SUDNxjAyn6X4c+CyAC0hcOBGeL2\r\noIheIYxqXFbqz3wTYOqHZk47FU48gRmglUdHhm8zcLUhgc7YIMTJcom4PF19\r\nO2dfsyHWFO5dyZwG6Vv566X/BQv6Y1mqLgFglfz7gbeuRQS9EHpNThrspQpb\r\n06NEODP0l6vN2URpE0afdPMTUXfugSCY7gWPSKaAsJr9eVOCPHWCGoj4RQE4\r\nwCqoitDYsJyJuIAElFm1ccy3LvidZH/slD3FumF3a2anvUzE/U4YCNRoHDte\r\n9ksggRM3NyOHtlDwtS6yvnsEht3OEJkpeYqM9HwoIMMLQdDi5LQSabJrlvDw\r\nZskKL81PahOxk46k2hzxNc+QqJJBnzT7zv+BPZMJlTwJV6nicXd3GhWkUPXY\r\n6dauXtZa/1ttsAcfogoEsJhJtLu3a3jhAjE=\r\n=mLiz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"405d98c2882461cee8d47ab1b16a4666ccf7129c","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.50be0fbae.0_1678729383716_0.3738693176624861","host":"s3://npm-registry-packages"}},"15.0.0-canary.6b5ffccd9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6b5ffccd9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6b5ffccd9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66e999983dfe18522a6ff6633afaa379430a0693","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6b5ffccd9.0.tgz","fileCount":8,"integrity":"sha512-1tgjndsAFcxLZiKm+8uWbj+fTLIaiSaMBi4bOjTL4fodFWvLqqZaHR7CO7mjM1yTUboaANP1vMG8Fkg4aiQLiA==","signatures":[{"sig":"MEUCIQDPUDX9ITQAKuzK9gtzy4dEiyTgKMa5v4W2pofxe44vFwIgV/1ixd9peXHRRy0D59d/yekrRN1uJnV49a/+3O/y7TU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2FtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6ow//Rbjv7RLPGGX+r4+haDZms67eMjPlma4SwkoKG16Vq86YbpsC\r\nsOhOJeFa11NZ+XSz4ncaiVkpShEe1+9Icb31gQYzmaFThfYA82K30+xY3CAw\r\nSkR+uJTL50c58XANiYApChk8i2zZxe3Yt4mRLs3VHGUAAM4bL+6EaqRfDkQD\r\nKm8YwHwJu64HiXUXgyNU2Cvwqh1XKqP2iC1i3xehscBxyhdizatjz/7Y4xfQ\r\nUEovo80vTNypCI5zjIKLucY25E8Blt0hQZ5gMCW/qPXbr3CZvCluNjd8Qwk3\r\nWwR1BNmHC5eQmx5Xn/GMZ7GS6m9JsaJdlPyPLNOk2NgsUYZs1ep1MCJ5BrJk\r\nwTQZ1uUXdAyDi9AkA4kZnxm5q8mlbLm3aA/uhsN8uHzlIK7un3IYcxx22vow\r\nCIz0a5fc8AkiBJbqMmuCoyx8iilIBMOSZ6a3docAq6kF5ijKipKrZ9eNvtU6\r\nH6sst8Uyxk3/HbTXrRgA6imO0EqtvN/pJqNKV5hFRd6/BSAtBwMhQSaKp6L+\r\nw6awjN+YQHY0oD/KwIyhXYtmBzIieHRIXWCFHcDr/3QOdMGfk5t0PUvFG3vl\r\nI19XwSD0So/eC30uFNRMp1sZGc/gRYQjnYBtjdh1xR20BfqKQPgbPZYvjVgJ\r\naQxj0r2wREv2g+GLbXh9KlXGqTAsp53y7kE=\r\n=7sTM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d30761453fd80caeae042d8999af672f9c3eaa28","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6b5ffccd9.0_1678729581590_0.688938480515267","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c8013f4e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1c8013f4e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1c8013f4e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2ed379a7f63140cdbe6aa7184a53c6163f2c87d","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1c8013f4e.0.tgz","fileCount":8,"integrity":"sha512-0yZKKXjcM3T5mBvfGZRQOBEGQ+ecHgb7j4fPh8sVMOOEd+YKTYKjQU0Fb097fS+DNdEFJ3s2Ns3usWQGxJCTkA==","signatures":[{"sig":"MEQCIApoZ9aoK9g9YVoBCyu3VG9B7xvIte6rWUwm3H3TkhEkAiBSsWS2q/wKqracAa5BoZl1q4wnR+zhVzVkic1zmdzfVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2S8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Fg/+Oz92Oh/Byk8ppt8TyRNA7e7x8Rwep2Q18qUxjxUWD3MyuOj8\r\nVrKaXPfZJqogxULWTyJ7eRPEEKmnfJFKpXcm9IzfFzTpVlIEnI6vT9itGxPS\r\nXOrsoqdCkz2wVkeTlOd2pxY4w2bWdK26I0lUD2g0gIyr3VCjGMrZhogRJS/P\r\nO5x8qJl7gpIl7KdGH1F3A0J2QuQoi5zAU/fEMnI4b7yGOfJ6o4RH9v2tXXjE\r\nGIYIihlEeEDzESYCFCY2IqfBSJuRJv5gNdM+6IYZ8S7Us0RBOBjxEYr7J6fP\r\nk2N6NdqQ90ok6BaP4erAlYtpkQJvqgpx4NBPl5K/irNUmlLTzVetssQpiKeR\r\nkPM61tjpvEkvwCpLJS9b3g6KyBU9JAckwwz065MBbHesmYKBswq3f5oBaY8Q\r\nDJNhFlroRBSY9bEhpLMSxPKDpSyhweJHbnJEIrZYTGsoGczI367FmEKMOg1V\r\nOPZlV9NYM3q2FOUoPdaPtACLycbJP3KNOKJd/16q0NQE/zhiBiX4e50LUGQ4\r\nSCkK49MqzB+obQOxEKLJuwJ+9912miuDpkAgCnzi9F7NJQZXk0goz7L6ysfD\r\noBeHm1+VNtGI3uwizJ53VcAh4TIk0j12kYv7YPKn9gPFp2QMn5XTok6ETQTS\r\nfWOMV4n+fnkfkaJ3nwN7zt5BnV1eTIqnoNM=\r\n=96nf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ce86f06ff0c2637e8cfa4965aa614efa6bb86046","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1c8013f4e.0_1678730427949_0.7785001856535632","host":"s3://npm-registry-packages"}},"15.0.0-canary.112715df5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.112715df5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.112715df5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e332cd7dec6c2c1ace7da66e49eff568b4db10d1","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.112715df5.0.tgz","fileCount":8,"integrity":"sha512-lRt/g9w5sQIJi1EDHyQzkF24NUfT0jWrY7lQ6Cj9OBEldbG7sd6jyl1GUC4tVrkjk+8pwPxwD/gwyMnVd2ARng==","signatures":[{"sig":"MEQCIHJrtjynOKJ4Ncmo/XgmTGu6Zj9ur9oRVxtVrYeYD9pnAiAwcKcF4pWKndH62g2vpD/2/Il50sMUtD7eq+75vHaoYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD22KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6yw//WR/U+WiXmkLh0etRgQ55b9cn0JwvFbYz3GFEVkFcXJUG8OTo\r\nIIdaVfSx/AwaUOgH6VroFIm4TFRwDvGn6i5tL7qMCAAZ7ERRGfxxZYaJcK2R\r\ngstTT9E5s89syoSZBWoxmZr1omoiYO+j5Uj4I2p8lDQSU3DsYawE/MQyXWOb\r\nbaBdTsgkdjgIIhMQUJ0tmoh790RiCI+1vVpBGBqRkfsrYNmyLlDpWEL7Onj0\r\nii9HniJOI/L2pgA4PzaWfA7XpVHU1FkSoGWEZEZKCGShLnKna83uy8f4FvBm\r\nyl3B7b0AxwD5ahfp/irZT4t9JU1EbVQtBofzZ4cmKXPaSNOHcXrrJpPw2ANk\r\nmoiQa+ppO5lBv1/pc/QX7iOLDdnf/BegCH4zdPNbgldLszOhlX7vzGB1/f2g\r\nwIhTMHHvHI1OsaD6k3e5P9XNvg415TXo0xkFhe+ySRhgHMYJfRIKw1oEPgC+\r\nPMiyRZowXs0XG3qQmjjyWBS3s2tLVbhVJBhBZUT4mzzIE/W9Qyfm31VUAEAe\r\ndP21VySdqO/N4T9ZoBBjRgqgvq0nYhcCt0GbFqKVxL2trEiqm1oFHkN9Rl72\r\n9lEAPDKBq9wZGsVZOZlx7hRHObIsDkSVUD/E2YVQfjqpaqldvsNe1IbHHh8J\r\n8LbzgUiBTh5zbyWSzlknVkUqYfXGT5rdQ9o=\r\n=sJOo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3894873450b9dff1b92031fcd1d00ed1ec3ba9ce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.112715df5.0_1678732682247_0.09734741627239463","host":"s3://npm-registry-packages"}},"15.0.0-canary.d250911f2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d250911f2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d250911f2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01a67b1c9758f267613267907616afa87ef08dbf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d250911f2.0.tgz","fileCount":8,"integrity":"sha512-1vPMo2mmN1GSOlLxnZZfp6vthtkhlZkBDaWrwEfVk2awASw0YwitbQWjhOFXWZsMoPTSHiUY2z8snn35hZL1QQ==","signatures":[{"sig":"MEUCIDCQKJ9DpozSZGzuINcarMp8IcUrH52AcJtaUJ+qUHWwAiEAyI3/Jdi1ZPJc6sRxWUS54Fl9ZIFWEQmrhFGL79DkSnM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3nEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmru6g//RYBQYMpQfvkUs8cFKQQ8fmo1ASm/insEh/AjtgBXQDId1cZn\r\n7wS+KhUfGwoApk4i/UV/253r1nhylMJ9lhNN9k1sZqszQVd54+ADGb5ZFBod\r\nYFsWYmJU+5qipBKe9qfSBLnCHnWOINFH4fog76RajwTSFXFhJg7dDM5N3DgH\r\nYZJbXzBIp0R+dlD2uX2qPycErBJlhqyEAID28Ld15nqQDzFOWlS3ii31ST12\r\nM+Ea+dOeBGh+AAURKX9sPPnVE/PivYOQ132R1zl1jNTQAn5Pv4sNfgBCKn1u\r\nhyMgKLCZ5NFPwNLyfeqxfozOd9noC0PDo+EnRMizNzPBV8D8l1yJlKxqFZSx\r\n0KOeNKfDPziRPA0qrGzT0Nm/+Yo48zOQcVnKaM+1TqF5wBuIW6bMl1Owea2X\r\nFAaXBxBXTQby0sGpmHa36q3rjqTxsYyaXK/A57ooUYAQGkwRGj/YyBfYGOd0\r\nZkU0JYRgvkmz29GWx9MBOMwBGb8pbg3cc+nASX/XNR/vLNnmVEU0HUPV13Ot\r\nSO/SKObfe4WtF2OjiyaXXogd8oimoYcajHZoGz6BD//cDx22hsgozQBv1zWi\r\nMa2b7geQpKHiWBk0KKlmJlJOisvCNdbmRW4DcVrReLAQE7TRW1zQvI0heEfk\r\nlKRwSgd6Z7jvBzLNqr1xVOBTTTPdIpscqbk=\r\n=o+sX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7b4ac246b31922fb4beb9ed168dba262e499c271","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d250911f2.0_1678735812718_0.34794590660892855","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cd925c12.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7cd925c12.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7cd925c12.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"942557d8fbc1d45d3414367013e7e4c7711cb9f9","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7cd925c12.0.tgz","fileCount":8,"integrity":"sha512-lH9JTWdAsy5RIy1RXX4fwT92fhx9NXD2v9J4H3I7c77d0gSQe8d6kDqQLEoh/BZKy8wrps2GTrSwb0IL+ieh3g==","signatures":[{"sig":"MEUCIQCLmsgMd4FzJ69UK9seOmeJ8qisy8YUXbpGxxXFb15rtwIgfZrjcnXg8N1lMdFvBshbH9B0oKNgy3v5CYFNlmUJSEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3uPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq29g//dmyAyWyo4DxgiuI98JvLzPhVwOa4ji8ppCihwJMxIlw3gona\r\ncqL5SrfKaWyR3VlzrQenL5WHZ8H0XDpO1WjY3aWHAjd8A+g6RbI5mRAn9mHu\r\niKgdnhnDe/vsyXZGKO7nl1Z1RXtVrqpxChPNazkrmhQdjrlKip6cqwA1g6bQ\r\n80n8+x3NO7JO6yqad/LSUYuaZ9886atyq++slMZYvW3eP1rqubFqgeContC5\r\noFMpZF+9VnJxbhf4IfxdlVjr5Zb29QK8up1MW5lzmgAoaAJVFrsL8jVOrobG\r\nQHfggcxu4f0gpl5dq8kbs5fkKlyCa9I7G1WEQ+SvcFWjP3muUmVcERfzk812\r\nvnFiKIU5TvacFBiE6oRRJdbkQSKxhHvuB/JNXW45okMezRUsu+Kc6FHV4BL7\r\nNiKWMBs9MPYLEEWMYmZzcgHQ7N7hpqylzDwLmPnDww60SsgIL8Wmfio4pUzM\r\n7xLglYz7rTxtXWFtNibpaKMsN0JheCzxNGB76XfV9wbOQH06DRbDOGOolA/T\r\nB4Ptw2vEu/mtd2E301nl7x2QdjoK/gbifq68m+fuzpfHYpBDI/RMaBa4rPT8\r\n2a2I0KoLbF1A4zckCFukwhwGa3P8OwFwjvuyFKRpfR5s2WVFHFXE2/No1FB3\r\nRyyzRvJVbiy29u9zBwsBKW3loVPOL/DxLV0=\r\n=oJZG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"96310a5c80e3e92695b6d6e2933e9b0c82e58a20","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7cd925c12.0_1678736271218_0.14429366598197668","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2ddacf73.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b2ddacf73.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b2ddacf73.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4410f317de22b5e6cd6a17df340271765120a8f4","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b2ddacf73.0.tgz","fileCount":8,"integrity":"sha512-B0t+VeO/l4QlVu/8tz27MJCTOSqJuM+nEfxEtpc5rG1MrCsF/vi4/EdpsAvsQn8kuvKY5vcpVG0XLsvkZ/bIpQ==","signatures":[{"sig":"MEUCIGmHM5/Snq8gOCP6qW4aDerEtF//ONYXOJJcILyAsfD3AiEAtJ3pYke3rsmmSYF/LGjZkzju/CVeijWlFq8okrXMaXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3yTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP0Q//efd5D6yuq9bwlHcBy9C09/+cQC7vavKsHO6jqEwZvBcfF7gV\r\nO2GbtoOBjnz+P1SuuJfnUDGPvx8vQTeXDD4sI8cwF9RhrzvQntJ55yRBOVhd\r\nZP07kBOEHyG9YMYsB1cQpWiHXpt2TP7nneTHqKbHlzQi7SB/FfftAIfgseDB\r\nnMWsXD8qq6L9M8ScbvoGry5SNOjk6UtEf4rwXhuoZwan5pG4SwZ7eX9lvMZC\r\nQRmFFsIdZcVj52sObxQnpy4ijtDomniURM0ImH/wBvH8gvJGWBSAccX7+FNK\r\nB8o7ON1kxe9Du1QD8zTINBqBHrztN5YT6xHPY7/ZGyn2Wja1zPLB+rB3pNg6\r\noWfx4hBLDPHPAGYDwb0NqbQpHkj09N2qx9ZLa+0w9nwfVG7Usq40jw4LENuD\r\nKN0Tr+iZzsBva9zWAXSXxICZA3V+Qw18QNwLvExqSn+JQlLnvtVEgE+W5Snd\r\nNg98b048f9VZ6Kam7Jc8pZaZ84WjTnUTlGn5dfdmtKNZmghHcouFtMzGYQh/\r\nUDowfQI0zwYQ+inx7Vc9S9NAM4IjKpqHlhR82wgyE2OkRueuEp1zUGdDP1DS\r\nlt7AiGu+/4jCRvzjZlhtUV80bwqGyf5fajVKbEWwodWsASPBBquAE51V/1YO\r\nrChzQywOTGljrEDvT9CO44e9WCguzcUZUU4=\r\n=oqJN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"860a6f0b439760b894931fa6cb354412764bd21f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b2ddacf73.0_1678736531423_0.2616577618972431","host":"s3://npm-registry-packages"}},"15.0.0-canary.989ae2ecc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.989ae2ecc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.989ae2ecc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cdb6f4f6bf3b5bf4287b4de9202e21c35de92bdd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.989ae2ecc.0.tgz","fileCount":8,"integrity":"sha512-wpyBmueV4xVreNg3YsZFygZNgBiAEQ7ILmm/Z4UtERFHFbRoemcnTKA//UgAu2gANeT7eUOfvRnlUxl0Z62Ykg==","signatures":[{"sig":"MEQCICL5HMewt26HXjbjk+3QIIXMy5rZbgvnl1FO/xQC/ugRAiBLSFIgJJrve2loQPSHsSBu7p5iLHG/SSCLe/vDhf8Odg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD37BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDPBAAiuxnkHJhG6MRxifhGd19wYK62szojqupiirQT7QnQJRvcF/T\r\n3s4JBK5Z3N3ovwUhoDemOp1rqfhONKbugM81IvrF7FypuD1v99k8mLmRSiCG\r\nCQU6Lm27lh1beork2b8tNk6bI4VlFTIVMjclRLdp3OQi4e9Bg2wkHbULf/6u\r\nuruhkaT0MSODO9fptfeTZaBOaIY1ySNWbAQsuoAV3xTgK3pdlRwjMtLyPr9v\r\neh8/9qEKCF+daWvt6IGKr8MXRAVSHEYwKPsGn7YXDbSc+pG/pHZpMWN6uWjx\r\nEF5a5QiNOaTZRklPS+MM+Xt9OJDLXiFpm7n8+8Sz43dfiRFuEp2ub7glXDp9\r\nch3lhP2G24y5APg3gLJx9E688hk+/FkKcAZQ0JreNCvl3Gl8Gjt7S/2DeCYC\r\nyqgq3O+jTnBB80jnVOeoDQ4OLvrY4jxWeKl+nyALpgbJuJtjOzkGUGbNgYWw\r\ngs9GTprffpJ54vohZZBpmE5zdR0Nt9I/q/DTJvQGNW+5s8eNzoozh28pCDdI\r\nlUBqAMVUqmPL01gaM4jtjQM2DfuVNfQvCuqIDz069n28g6bBGVicTV4k4Vk/\r\nsld/lF/xAIaPEPxD5gAzPKJXTdugliSozuwNDzcnOknkongP/utZ/v/FV8Ul\r\ngkDw4o3PDm3qVC6VSmKzve43JQ2jUU1TZTA=\r\n=3ZA6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"52e0f05ff74ddff1d986b27e08df13644c056b63","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.989ae2ecc.0_1678737089201_0.18921549035723628","host":"s3://npm-registry-packages"}},"15.0.0-canary.89c66483a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.89c66483a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.89c66483a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d00a437a0b91fb538d2a7e1f3caf3b097f2ce86a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.89c66483a.0.tgz","fileCount":8,"integrity":"sha512-YNC/RYh2t3PhTrSW3ONqP7y6DVpWFUALPBRAxPqFIoCVXN2vNz7LsYrWrUErpsPCUJG44TlMOjCA57SBn1oIDg==","signatures":[{"sig":"MEYCIQChdlzOLaNTW8ThUsVvexEb1B9AvH3iGFmE6w+/YABhiQIhAKN8o+rEWXdK1lWFCM5mIMlPwyKm4i0uBgNSqUCgYE3P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD4RUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6AQ/9F5gjf9kFek6Ka8z/km1p82QHFNZqpEPz5giOi1p4mQDoc+3i\r\nghmtoPGgC2W5zV9sHe+34emOIQTZwveQbC9EZVy+a4lc9Hwb+lIKa0j8yjEV\r\nvkgv98ieKxIllSHKJ/fNrkWs5l0KJZUCGsFifB/TgPJfZCdoYXPs7KlRhku7\r\nZ2tlTtFfeTE9MP4ZaHUm9Z8byHvohwuw6hcIiHhr8Oeq3F2zMsN43AvOHnhp\r\nP9xqaBQbXcXeNKchAQ4CJukFzbLn7zd+K4uNCKewERwFcePu/NvcqUhR4HHr\r\n8QrnjM/kDYuODHEbxD15omZX7fIp4dtWwHDnGM+qMrglCcMj9y/HMt7M2Kn0\r\nZoC+yFPM9LJ/PybLLXlGZCs1Z+ZKdkZ2wb7vGMwysgaldoQHtYYKolsiOytV\r\nF3S6b3elRLzPyuXIoDh+oFveXsdfJAUeNZfmxRw/pwDcM0M67r1mo0ASCyC3\r\nyE329PQfv+QSsQGmxPPcxRCZNaZMrsmMDl6h1RHM+RhJ9bO8oGHu8h+EKtWZ\r\nolvUu0FEoU9eAnzNe8uw+o+8YHQdK6SzUMeLt47ms7SgdJhXSTB858EhWcVk\r\nVpdsEmY+i9/6ge/v0irpMYpclbJjSQvljCT9cDBjbPDI2bcpJk6Hku5OuY5a\r\nqIYOz/XkC5m1awPcuyUz1F8oa/P4JOmlbgU=\r\n=dZhN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1e255ddead4716271020e03e9b0b302eacbc4153","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.89c66483a.0_1678738516224_0.7444725183775793","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a85742c2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6a85742c2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6a85742c2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"364b4154621601a55a2161cc7ffa6ca6e7437b5f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6a85742c2.0.tgz","fileCount":8,"integrity":"sha512-5uqhyprz3T1VDdxHB8Ca2JbrhZAIHOVWeU0u2tGS4EEsJa8+/h0tOIbrXXIaizHwwQ8FN142gAJKxSLNyrYlEg==","signatures":[{"sig":"MEUCIG6cGCIHm0oM9uu1308fYTckBzbTGrgkXISTkdGcndEtAiEAkQHEyMw6IjBUR0SLv9Avnt05XP42SDKFSciLcvJgTb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD9/5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbgw//WUazqYQuAZKift+BTB9G6mIt5x0gL4IpKT1n9PJ3EMpO012K\r\nuA+ZsV31ukC+OUqTNaWjEEp7xIM3buenWwjwrr31LEkUbXUT+x0aPzb93lIH\r\nREsK49jurIsru029KHpw2kL95pWGFP26edDic4k22F8Xw6gkwJQToxYzfFou\r\nsuY/JCevdJj+12d/Zl/uaoCzRT9pfgRIQTATQfXyWujrCwKGQb0PmiL+mOP0\r\nI0rtjYiyL2+sLUttMSemMCMy6TSo66RmXosvvHmRhrEbBnYxtlhpkoVBN17F\r\nfD4FtxwCcc5CiFR+M1cQ2PYXedXxtIsJODAPEU070WckAhiyS7aNf6fslwMO\r\n/2gcpRamZn0s47Ngwz6HcZMwldQUCV3/C1pMxt/H1pRAkSuyL6AkKxw4Nl3X\r\nzPXN99EmSfqgdHfjn7+9zwn/3vPB3yhY2sxlTS0s/TRSOqM8Qr4wnyb2L3Qs\r\noNc1sJwcDWTFedFAzYgXgyLyEkMMwPs+RG9XBuGdPH7ceDE7OAZ+gUpN/kNa\r\na+7YR/cboWYqI4knjQpfiGvV6eggPlHh/lxCpajA/2I+TMWguV0Fzr29q6sI\r\nyidg1Fj6kws1iWy4XOie7eKlbxKHangRaEeuDPHdnv9yGQOo1Bn9A+3sESmo\r\nfx6xxbzjrQa23/BS3URsG84GTRkC7v/avGE=\r\n=7nhe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2a15aaa59054337e585758eb160d9cab97224a2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6a85742c2.0_1678761977271_0.7963534744425727","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb6cd78d5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bb6cd78d5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bb6cd78d5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd547fc75df11aa294cc4651f352aabaf6c0d479","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bb6cd78d5.0.tgz","fileCount":8,"integrity":"sha512-vEENrwYEBRnpmwIt9k3O5iFx92boXyX8hbIgJaKkL4H7u+zAhrQGsOuyzKYiEvU6Ynxx1PuDRZhlXmdUkSPuxA==","signatures":[{"sig":"MEYCIQDzxkC801X0VCJLXon011RYxXOUpdza6jcHcVgQwviTIQIhAI3YhmNCYCdWrI3wT0F9ZE3doeySEJiRrCfpZd4hXcMw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELnHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhPg/+LPqNsGOH/VHHK63jE3jWCD2WLXaUWGEjOpKtn/35E4nS56ar\r\n3s3+081v1WLHkVVkl17pnX/zefWzWTtXmp/lxTcO2qNCqxchSqnYg4F8LW0p\r\nWFjAJrgJBt5i6ONXZ/qPVzDZ9Se+iZhsCU2yWH3gkzjtd2hvLPFz76mR9vel\r\nH5vTs62KI8l4xKPuZnAHKO6jMI7AiVavhwRuv2pXM+o3BSL8FB3Ty3MHx4GV\r\nXM5pCsIwXJGOhlZ2ClNb8K/lbOh8cAHSDnyGosK/icp2kkiDhwbZXb3wfs6S\r\n8ol8TpIJ19XNU8qOtt61lL6bvi6icCWAsKAxgvgDA8FOUmQzMqnP6iGNltfC\r\nH0CdawC5+RLYWGE98ECRn2y342VHgBqUX0UJhSgGjyo8QlPahXrtgK7CZmW4\r\n+QTOVpEx1LRR3+Typ6fykH6XUUrpjmHRFxHB4VytsfdSOzTEFJ3MKLE9tNPs\r\noIOw/4vLHIan7sIKr9DKlZXG/z/3xGT4DIZTSWE4VxjNwLMBU81DASsPUwfi\r\ngaj+6I6EYGJG9OZbOfa9AgaNDVl1AvIeRZFfoImZ4zK/HMp6nOufuYbWmu98\r\nNIcOCbIyEI5oIRYfxssJJQhoe/5sbKlCcpgkiR6+jAhZo1YB65fCrMJm5gKr\r\ngxfSJEFcKeeSDhxWUjdxyVpJ/mjg6C3m3rY=\r\n=FLsM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fe016d599b297e4e276ef5b37b829b25f0607b93","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bb6cd78d5.0_1678817735033_0.12522441879449286","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f94aa37d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5f94aa37d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5f94aa37d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"882a4c0b130be9284590f687b47c74de46e7d864","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5f94aa37d.0.tgz","fileCount":8,"integrity":"sha512-z48iHO6CKrQB2pY+H3PbEhPOHv+unnFJFn6ANGzK1yOxdp1E4RQZKWfzfzFy4ZWFViD14mtRMEOcB+VKdwnyNA==","signatures":[{"sig":"MEQCIHf+QEFuhLQObBCefm/wCpT5Ql9DrLAEVjfsElIzNAJsAiBI14NsD7fLc8nVwjYciOTPpiQd3HHvVm8MOzSgUwRl9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELqYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPkRAAnWgTlNxyUyryr9uKVwP3ci6j/U1xy0o0i26XU5d6PtNEA9mV\r\nniTsY157rFg8ck233yiwOYWNBFHIMcWQU+Zn1k7vDWcjoFI8ATMPuc71i12z\r\nvVadi+xcfdf2qg3IbDdLU9Xiu1x/DxH7M4pfy8WQ0zkGwdl6cHFzzWdFbu/h\r\nS17hFE9SJg5F8dOuuPC13ceNONAMC5/J51uDIC8Zi9s5jG2MNw4FkmovAX1m\r\nRsNGYjX8jlU3qT/Q5aE66oFVQyUAFJYL0q27IjgH3qSqYWnIxtWgL9R5X84y\r\nEgHoRhUEKuhSiTOAK6f77qkVcLEvWesai+eXwdsIhXMdDBJOd9Dvr0EWq4zo\r\ntc4Vjt6/U+A4EDdbA9C2QNw7wrUc2OBV6brtsZCZAzOsdXvaQNxm7tg3+zeZ\r\nAdzEh6rsQxY0UxgNlp/K9lZ2F/pVmNMn0l22QRDqelifMxPGkhsNIXvHpWzP\r\nIAzcF5j62ctc+yQBNKN0huiweL7wrwCij25msI+QPsDz0SRg/67dlJ74LetM\r\nmZek7xsfTJA5Yc8yqwnItktPd1YyjG0l/TNb+hcFfz+XdYzD0ctHVw2CSO5E\r\nzI3TZNpjzmhGkLDvEqcWleyoBHgZw+ssm6t4abPVCgvF3hrZ6lR0KRA4eVya\r\nDxC+pMgb5HHCpcp2PrWiiFcjmg2A6AtujkM=\r\n=yg9Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"95db647ce856eab6b1eba2fb1794f3b0dbc3dd08","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5f94aa37d.0_1678817944318_0.9629481271408178","host":"s3://npm-registry-packages"}},"15.0.0-canary.906ac2e1b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.906ac2e1b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.906ac2e1b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eec2620bc7badae4cdaa5a5752f7546cd5bf8864","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.906ac2e1b.0.tgz","fileCount":8,"integrity":"sha512-jb9466NA94UQE0Dfr8tDPgqKIYzQiczm2Wx8ACedZeNehLrdNHIO2uvg3BZDSKcLTw6EIT76vu+BDAFWEwOrSw==","signatures":[{"sig":"MEUCIGdZ+iJF0z4yVm5p6i/7YuABgTJeAWDOLsLDAdHQhT8fAiEAmXtLJI0icdxpdhUIeEgn8j5J8ODERRV7hDRiCzLoW2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELqgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqd0hAAmTZjZzm7kZoiBLjkw3UVom4J1vEEeiIm103RUbLGNX7FLs3D\r\nzifHbCNrkXRkDgriDtBHf6IV8CUdLahd57e6inHrrEOchPI7bIbejNAq6tO+\r\ntiSqRJBLkqRXbhnijdQ+68n9uO8qZp06BsGhCctIJCO3isQMwyLtNuqHj1hY\r\nH7YF5CSoBJwH5m/nUFbgQidNbqsU8sPihsvB6mQc8bvqr/ScPpJ7u3VKnVfc\r\nwp2aMUmU8AwTQeKpuZuQhIpjmbFCOTq7QjAG2j9j6+I9bymFtlFhpRu2Zldi\r\nKhtKpU6E4GXfBRwVyBKYG2ozMrekRclq/SjpOa2pscd1myHAocyCa2OgcKLM\r\ntRb7I2CVTQq+gGqbamN8ANxWZmwPRwSj0lS/80BqO2sQLjecCAoBeGdTpbG8\r\n17F97EtrGltH25y6NX7INpy3Ls7NggJUXr8n7aoe96NOhZwVwaEOXZZZ0qt3\r\ngK7gtaZTKiEguyS1LV5dNWGX4DZ3rH/780Zhop0yondtH4+UHRTvhaICyQ96\r\nN93YiPmgd7hR/F+6/FPmkgPfO3vNkFOisF36N3IIBlA7pfSCfARpGv5QQVAv\r\n24ohMiNgeOjFEYXRSQJcNtnHG2gaa7MXGFHpn6MaaysnZ/RYFOaRGelvXADy\r\ng56g8UxGoyI7hjOBimgvZL6FlVCSOOL4+LA=\r\n=rPLk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"d6277a908d1b60969af6ab4c754ac77bc3421eb4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.906ac2e1b.0_1678817952742_0.008993995899428953","host":"s3://npm-registry-packages"}},"15.0.0-canary.1bd317240.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1bd317240.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1bd317240.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"317eed8de74190abc49b4ace08263904ea91e6be","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1bd317240.0.tgz","fileCount":8,"integrity":"sha512-ZzDIn6IWsSgtQ/Fz529Jin/TKnn1VRdXCfuu13of0xZzT5Mi2Q2fX77pt1G0MAKHv/gQVQVSnO1cS3tElIhS1A==","signatures":[{"sig":"MEUCIF4ggkO1AAZYn9cxKGQGn5zh0f0lpESbAFYpxTE6pTuBAiEAtLC6CPlW/mFmRwcB4fJxHvlGnwYBRAz514S9iDu8UIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELt5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLXw/+LVeFBg7ExpZjqXG2uCaPO5DaGHpzN+6tq0ktcDukT/uHzAf0\r\nKkQxItlxjD3FAl9B40+PXi2U5RFW5T9HLXPUMlj+xZNk4GoFp1Ow1T4tjEXD\r\nLopucjIlx7IA0XqbE4UytSEcx2fQB9wyRiMnDBw2AgHZqSVG3qyUbIMWe+3w\r\n9MOV5aTVU48/XzzTa+sKRqlxEcpBYDtLeftcGewn8fBrUfbUUJ2Tv+gcWgxA\r\nuuzqohGiYkc0dbe5lrNsUPudu0SbYRUaJxC1iAjuy1kfWiKgvBZb+2TNyK9E\r\nmakLfhfKFw8eWpTz2hKpjx2V8MHSYHyGaiLGGQ8BhbRBs0ArylliIylBmLSN\r\nihRIj9UT4fzLS93pfeQ29WRBamA0bk55Lqf9wthm7kQNQp5duWMyN4PUgrfB\r\n7Pj8i1EvY6pXDhxJ4X8WHhcbCg65kyzVZJkCG7pMs6YqSNYiPy1VwMjCzjTZ\r\nQy4VzoD7NKS8NizZnnG0nyZg4p1FU/xTih4q1unixU6xJiUvvicZ4CN3bsLB\r\nv8jVoQBihtcIFvwNoDvgVEXhSAubAETc6Nqrui/Aptu8Ud8/PyaeFIfT6DjT\r\nQAHnWX3KwWFWq5zkDmMVNf9gaWPhIDcG5yQfr1Oc8cQ7yxY+1CUMMp27Tk4X\r\n6gyxL0AD4TjbLnb+PiXMFqkQCIBL5AMzYl0=\r\n=9UMp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eef3d63106c71dffbe823b04d07e86a84dfd4d42","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1bd317240.0_1678818169336_0.6363528583223448","host":"s3://npm-registry-packages"}},"15.0.0-canary.d441d2a2a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d441d2a2a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d441d2a2a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c29352b197affe82071b41596918aa028061311","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d441d2a2a.0.tgz","fileCount":8,"integrity":"sha512-kk5d+ZGZ4A4EcyrbrfEy5j0iSZ89VPLAagyDqTQApmXwFQOBcadwFcta1S1ApkQ9ch0MQpNCYv7I+HrZknHrpQ==","signatures":[{"sig":"MEUCIGg58hX4kKdFvL479CdOx4PbqY1AfMcTMBwhmNOX+yrfAiEAu7LEQDsM/GUBZ0zNow260HhsrGBQiLMSskkY2SeAZBU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELwUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqMw/9EmDDuQGAUgGMJISsKxzByn9qSGFUAKlLmrWiJu8Lzc9qWUVd\r\ntRVjJGSM6HF4N3/1Mr121v9KwiJLPAUwYat9YDo/ecBk92bt6SpU9vRUvQ9f\r\nIEY26lKNG8BatPpOdf9wYLAyZGMz4jq9ixgbEha9IfwIhFRkfHPlbM+zKC/0\r\niTLmeMsGhL2NgYf0WYhxauKArclFFADOAE+jaFyDxrSUSw/JecedsyH4U6M7\r\nVFTvmttg4emFZsLVqdlm0eMaeiCxeL9segwYDd2ArFDa6cTP3kk8U8KuukXd\r\nlLSKSWdPlmbFhMUpSXlqDQYLMgLiPhdTpjIRHmWj40zFCyjIlsW3jj5qO4RB\r\nd6xyQIyn0QzXfmM4uI9n6tTSGLINI6ZB5fpH+xJuHb1G+PhG/+RgSJquvFCW\r\nPWPL+ySxfiNisjjcwK4TLr9P2h9rqbleSAH6Txg/7ERh1gCSyxdGJSJWIXSx\r\nmvwE5WlieRxtjCtBPDgqFYz7b0dXpKTi66SAi6sSy9zE3G2XBJ1BMBveIrBT\r\nfxnK8rgeXUfrAYi3ueNGIXprq6I0jLtaakU7HHBWR8OP4t1FIGkC+As34F5s\r\nUaZTnsJGefYrWoiV0jsJw+svxl+hwSu5pop/Z29dpNsOUhaYKTWyArUfOFSm\r\nFDZedCMU/Br3KY3tTbHRR3ziw/djPibUFO4=\r\n=T0gw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3a1d95c90b2fe34c5c04e44571f94badd66748b2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d441d2a2a.0_1678818323817_0.18816104672831302","host":"s3://npm-registry-packages"}},"15.0.0-canary.fff4066c6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.fff4066c6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.fff4066c6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eb51db5c8dcbc53f86aae5b4f4c9905a909a5fb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.fff4066c6.0.tgz","fileCount":8,"integrity":"sha512-uZ3ycpzIb+SyhtriqFOdrhovxNheI3WOSHP98Gc96CKNdq5tZ57vXcpo8dQBN1MHTqKNFT2IshPLyG+MiIqvEQ==","signatures":[{"sig":"MEYCIQDU+oSdZr5EgJp0aNgctTvjqUcCEkTAIQDb7sCpM5EOVAIhAPAzQ0LrncOShcmlYwi5CAV3IVq7Ne0O3OBdsPssaNDv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELw1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3+xAAn5OjqqsrdRLXWntqeNvsGk0VzYFpXKpLSbUM9Sfc7HR179l4\r\nUySjplajxmCC7z0Ef8rLihZHBAH7Ywz30z4XEbnwSjdG2QoXiY/gGzhpgy76\r\nLz2qQe1dvJQkemtyw+Dzx1Gjt+coxdZHtfTbt9lzxs7GYCNB7Qd7YnJwfHyC\r\n2Gkr+K3MhsTXW1Gw0D7XLoPMy18dzh9CjbkKyPoAs7yIdGIvwKhSR9Gq99Th\r\n7S3DmYxh0K21pChrNsoV64rtY0nf7La+/Cw8YZ0ckdR7hrNucA0LRZCnB4Xu\r\nb7ltKB5C56FWfYa7S/ytEJbzIiLzRKUPQeGitcRfuOOLnqRrY+/cOazg9rSo\r\nsuBpkwe4XkHx6UTw09DhwHcK976V5U1W7DylpJqTGXnSXsJETmAFcL4FG0ZY\r\nMw79+KfSI8SYfTXMvi2v5H1Hooh7WzwgTDB69yuNXE07Ci6vGmfQO/b9Dd/N\r\nnQdb0rrTqVPtKqCONcDSdOK41rj7+kSKvUpf0bT9nJRyEsQ6c8N66cUEs2z3\r\n68aKqYtm+taWHGkFgyd+e20SyLJ/qZMvYv9zJP9paQ37E/r9i3IpCyZ6P/ZD\r\nHy+P1JJJB0KYa4/VTKNeVsMvsA7oZCjvaHtOS5d4jWOQ+yGUBUi0yNuhZehb\r\nnBgFJUahtgTUAp+MemhVVHNUYgBKyvK1WsY=\r\n=qlit\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9d24b185ab8c87061ad27f4e7791690a12e10135","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.fff4066c6.0_1678818357549_0.47995630794960564","host":"s3://npm-registry-packages"}},"15.0.0-canary.87809c710.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.87809c710.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.87809c710.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9842822a48fdb82777530ae028f07847c1aca2b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.87809c710.0.tgz","fileCount":8,"integrity":"sha512-zpxUiVYldw179LXCVrF31IUgS3TVa+lp5CQzHtWIldfs+eFGWSKRUbGOzvcI2Rg9hu2ahfyJW36YMqGzZM1aPA==","signatures":[{"sig":"MEYCIQD6TwUOFqBlvlMHnPrOh0fpO6hur7HWqHib7ADBi6QNMAIhAL7fQVMMGxIgCJdi+AJm9wDEt2RLnTLcf3cXv36gkei+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMAIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAZg/+IrRKnhQK+EWGKmh8CVw+9ATPAomqxw4lIpkyaU5GIYKueQUa\r\n8rIsklFe73/28rD4Rk+1AcXsG0Pyp05EMq1lxh5n7FQtew70deliAeltx1eS\r\n97ZxPKMCm6g57ELeHFLKbvpPNX+sTXQXdyBCv2DsbVcJ8yQVtqH2nQ3TzpqH\r\nY1FVbZU0MiL+7FlmCmlPwM0mG3+ZlV02XqIRUT0sTK3pSmfDMO3PUEYiW3eW\r\n17uJFTxB/vyvEDtEH4NVxJ/rTwHwpKrXNQ2G4Npr3a+n6uDn24sBvUeHmPbD\r\nN17Fgm+Dm9SGg1qpYkYwzsI/ETjJ9wXb8VtX3KQtzzPy1OhUxwg6O9NVb/DN\r\np4C7cGtj6hCMtHnHZPvSzthDLdJ2hsBqOAxEaowFUXCUF6cwJUq7YpOR9Hzz\r\nH9K5rm5T6MmMK9vl27iEADSAd5efaFhOlLpKt+GZIxeeDUrQ+cmIvPqGlTS0\r\nNpagdb2+678nn040b+IXyI/JrdqbuL2xfYNDrHXzXKIH7CwZ5bpsu+62hAt9\r\nHKbVrGxmE2qqlm1HvjikQWHXAdPv/mZtZx0JaqFi10q4wronbQd7v2HhHpd4\r\n87YPqpPbWDaKBsFqzitr5erjjjpoU/hZ4FPFPPOeUocz1P+XITsLEghL/clx\r\n2k0YdJynkCC5xC990HrGUiYSAQ+YGdz8lkk=\r\n=9fO9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ac65d4def7491c4e414883c6cab7e075c7374b4e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.87809c710.0_1678819336739_0.6949745555059639","host":"s3://npm-registry-packages"}},"15.0.0-canary.48d30012d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.48d30012d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.48d30012d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"603f6da89185bac347114ec6d6ed521c12c806dd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.48d30012d.0.tgz","fileCount":8,"integrity":"sha512-ktSF1chGHm2+E/8Xh96CJoXMG8uSteJqLKIXjg4vS/8MN70ptDnNhjlogAfho53wYVAYNFT2aA1pIW6UZnRk4A==","signatures":[{"sig":"MEYCIQCiyOH3Izf10qpNFO4wOgVtznIwRAj7jxJfsj422cYJQAIhAMLP6D2xjP6Tr2E5V9GDIKEVA8xAJNrzL8UxevUBFCXI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMEQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5iA/5AbdwExpiMv3ScRPoFSScOiV/N/qXfSsi6fSOHHW+HqxIiMi3\r\n8SdAWQbYtwQrW1TKCaZhDyitYY+GCsrRJNXDCUv2n+KkGsnC0Os94SZa7wnL\r\nmVjXAGzBJwXOk0cFEOIQ6msVjuDgJPBpPu5TO1hrsl1FeTBxJ/MfdvovLuzc\r\nLe9KGKkm14FWvl9gpAP2R5okVQ/ksbrdS1gK8Xv6thF/6hDz5hjhVt5iEbZU\r\nvAAn9vT0B+NIST7Wi1NP9Du8eD1qPEHMl96LvmoMzRUTNkm4g/dV6wcX3d14\r\nNzow7HMeEk0A0CccZhOQEd4cOYmBclVjSqsLhRNyhif0fxbtsUA1zrP10Txp\r\nLHgG0S2pWrzG3/5Wn7D6RtBM0/rC1Iu0jqR4KZb4OjF1pG+drbC9JZB73IJL\r\nC/Hx6KjMbfDzw7yoKjmbKCLN6Gc2wSe+qj/4XUOmPyIIKFruuskzebrLqaL2\r\n6VGqg1mt5FpoGW0Yc08MekfXRLJ+tuDnE1mX2g30aCPYf8NZr6uQS2oioO2/\r\nxxsQuWr0v8/nRc2kFhfsmdH7pufYqLp6YVzlP7ZG5rGjqN1asxgEdtf+FuvM\r\nq5nYr5h59KtD5ay5pWKl5qzMTyT8WBq5tF+X4SdVW8Orq5ovDNjAeaw+mTQg\r\n2kVHJElCJyKJFIGr4zwyzrvNIAGtGi1CjGQ=\r\n=X/pp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"f2e4b43d20ea58b52a223d31b8dcd3f813d1babf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.48d30012d.0_1678819599803_0.7100295175654041","host":"s3://npm-registry-packages"}},"15.0.0-canary.419b23cc6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.419b23cc6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.419b23cc6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c61ee1e5eddf363a1c614f4544db6a731a2fe17b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.419b23cc6.0.tgz","fileCount":8,"integrity":"sha512-uG9hWIbZo7j9WQdtfLFM+N6tn7LadOHzI4SIo169AIW8L80zNIrPnXWlnaVFaKGnBezVhtYWdigZ6X1DfTKYYw==","signatures":[{"sig":"MEQCIB7vEfWrYmw/He8lAQY1ekJluPa4TMaQXNMRdshbUQ6+AiAfhmeozNQ3JlkP6WbOEiczmJsAbBUfGYNq9a4iCqR4fQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMOdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqI+g/6Aiii2e3mVsnWqhnOCAlgX060SirpsLjUeRk3q5gpkYH85S6M\r\n9HQR4Qvv6KZ5SsDnxv3hNmgUN/mXGWqwwHCJ6je/kQ+oc1lB3Az0aYBN4ghe\r\ndL4/YFoyqqOMH+70rP/DdQDU1iWymoqTA03PY6vVB4h4OEzzz8ABnJjgnNed\r\npH9t0Av/WZPD/kqZLUo+F5+q3tyKGc2Z7CrLje51OGBZh3u1/+Co2FBbnX/A\r\nNT6JNALETP+jTL7YS8LSOsxVTBwZY5LqyTKQVBzcYqHuh2FANLrO/2NntoOp\r\nOQun3kvdTrIsT6RJG2MRFkM5daedQerkNwjFwxMKgGC8/wItWXTi/YOhd/u3\r\nz3PuHv5gKQGlSP0Pc9B3xLebRS8BX4ESjGG6alqFTLTKOB6djTcF7WdZz8xM\r\nYzkL2Qh47TYyuLfptp9rk/sqTyatLlq6vB5MS8HLLtqBhUTzn4pb9VOB+vBV\r\nrQXyw8mZwCd0Zh+t3AwN9nwW04cyqDWY9PpjHdr8SCbId3/ikKSfcTg85UvB\r\nOKPZY/2ZeIf4qYt8Sq9Vpo8hnzzmYfHT6HPY7DxDIfy91fjr5PzP7QURbbbP\r\nWEw/E3Yu3U0ASTGrJR5o1KQ+TYkjNKnQaJ4BIAiAUOfGG+BTTRa7xtX4uLnG\r\neQLIEOW0SU4kGwFH15kA5apyDO32JqPI4J4=\r\n=4Wgt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3b1188210d22a02ba5ae948779bf92655e47aac3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.419b23cc6.0_1678820252950_0.47694133349499146","host":"s3://npm-registry-packages"}},"15.0.0-canary.bf86521f4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bf86521f4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bf86521f4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79a850e85d8c4a05d5547ef8a73ec85cd5105f9f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bf86521f4.0.tgz","fileCount":8,"integrity":"sha512-VOakMJwS2eMgcJ6DCyxhwMEKyl0sZWCRYHykJBhxKbyxktKJ2EPU7akll4IpQBSKI4BSeYDQcPqdV/5ykJptiw==","signatures":[{"sig":"MEUCIQD0B4YBfebmJpiPIayN77Ss0etWNTga2Q13s+xFv83O1QIgBfKeAtNKF/zLEkyuCVML34hi4bAAK1gu9HOiQ14oJss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEP9RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJnQ/9FRDJhlG81sxefkD/F3sP0bNlh549Z4wOdQVrEUFhFeYF95Ad\r\nEYaz7fHvCeiJ0iJCjnOdi1S21oH6z92HY2RAyZVUTNpBn6dYsYC2n3RnkReN\r\nB7cyFTZjOzTIbTxLfOUxbV+ADWf/VLmnocOsC3/sVUKZLF/ezB1eSOVkqwIv\r\nAiVdeLTyK+pYA4vETP3pVXq0Fc5jUgPfigf7e9ntaZTVIE4C+OMGuzoVqowY\r\nR8ABYkeo44W6YDEXvH7t/gf+MbMqbLZ2msFZKtYdAWJvf20dMe3Kt1m6tFep\r\nFeNl6zMLrm3JNCMJuLjrmkBLGC5fk7//+yK+x3DsEtk0nSwY0qqAMpq0LE9l\r\nZMtxS1AIzFJpjMGnyFIJgcv7TfOv0etIyy1tlQuYv5rQbbuMUdL7YNENCDUV\r\netdM4x1Ef34rJwFuSmgj1Fyk8nlUrtmYx990UgIp/xwRU5AE5yJs4m44lXkK\r\nmbzuNsgBCQaUvEVhxgHs7Wtk0P6rtVdqWYUZwK1pv1OeoscdCajNW5vEWkR8\r\nxkXemFOgqnJtZKext1mdzeZunFk7/OcQ/XLJI5OmnEBf7edC2iCkjZawZ10t\r\nBl+S9EouhkMMBiuVv1H3n3f86AKy+XTMghUXiiJ/wZwGr2RnLDqkEru9ovYD\r\n8FQsJ89Top0Mt/CdhFTk5pXfK27HcmRjmX4=\r\n=CUYF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8f5c1bf1449cde9c918f51bd033762d247655b49","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bf86521f4.0_1678835537134_0.20860206189624542","host":"s3://npm-registry-packages"}},"15.0.0-canary.11f3d280e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.11f3d280e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.11f3d280e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59e501c67e777bdc5332bf997eed1d5ecfdbc287","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.11f3d280e.0.tgz","fileCount":8,"integrity":"sha512-49de9apG80IlB/h4M1FmP9MWDdfwEr69MaHeO2lGxeJsf215Bpa2KYh4d1WLq8UBMLOp/CWk8IN4ITXCdhbrrA==","signatures":[{"sig":"MEUCIQDxsoSHv0jcJOFz+u3zSBy2K1yPiIy6+XLRA90c9PXZwQIgUTNJIMDqWw66PATNjKsDQ84GK32dvr8+sfStsGOicAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEQzgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPdBAAjmHV3yjVdC5QAhrF+cCCYPzuwNNDhn01/RcqxgpsoFiFF69o\r\nwEfR1SGjqdv2nnYUUeMCgVuOM9jok5R1fhO7Mv31XY2j4pYPSgVqXpfC4vY6\r\n7skt6T2sFq6UFlj7033xDj/9LXNXsvUbD6jeB74BRIcvyhWvhvaiGxbXxQsU\r\nNOvZNe5kPayzsDtS6sGHCtXjbNTFeWbr3VL+mZ5GmuWPimpL63UB6izeOa3S\r\nUg/X8NPh0xfAxhYNqa2vq6I26qbuAPVVgBEZtc0lbOlhtRfGwF0hmJmWDis5\r\nFlYzwncuOZuwfQQTE0+Xrt+d+spYb6PC8JD3Aa0OPItxE92dWIC5Dd157cf/\r\nKgdmspK6BU6tMbbcQTUVNilSHEh7NxS34d0B6P0lqsmSkb7NgPesyz245vsL\r\ncLOFDCGBBWkkXpIQgFncLnbfmzW1EvUk/IjYnDa4S+SCGZY5rlyd1kd4y9wQ\r\n1pfzzB1XIoNTwEvdp9MHS3i/FDi8nrAzyaav3i2GW6S4gfvz6WoJMVZ/mO0c\r\nFY+TTDzVY1CZ9cSBvSdvkXi3cJkGBXsPET61qXik+FHRgJYI9pFWu+DoaTqk\r\ndK+CiEPNLFD7uX6+ZXHOZP/Mq6sHBgn2VJXH2F0c1M8MaQM4O41+W+1F87zg\r\nECgzz8U+eFbNKt04U2K5oFZcBqsDl32Zzzg=\r\n=Yl+X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8e5a0971e8b535be016fdfe963b22dbcf1353e53","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.11f3d280e.0_1678839008797_0.8391743397871267","host":"s3://npm-registry-packages"}},"15.0.0-canary.b281a409a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b281a409a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b281a409a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a92522f8432b4c5e62e821856ddc10a5ee1d24bd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b281a409a.0.tgz","fileCount":8,"integrity":"sha512-4lLv7PhzHU7s3TiYpJg675LBqka4S+ORTVWcb0HFBbNO2Z/nZ7G8FEipPcZGs9OFPtd3ecZe5B01LEwfSS+37A==","signatures":[{"sig":"MEQCID7mWefwB6OAZ/YpizBXhNuUzeOCEfUJ2C25hUiDJbI3AiB45lCtr7KT8lHmUU10lgFKS22uVUyrq+FYO+NVbg90cA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGc+/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2xQ//dZHagdi+Owlt0JzOpOMFnOmMXnGS0L5N6EhERYRyxAT99N+X\r\nNEbGs9S2a88ZISwx6yLMLbRr7zvFTpjSYn4T+ScrQUYdCjnSlKXiCXkTmRUf\r\nd73HMYme04mmEVxo7p+eo/8dg3J1moRaOm+TxQQPbYCcKLGEXDluqSQXuwxn\r\nsXyRIvK6ewbarEYcvxYSXRl27kSfZ4tGzeKb9lP8JbwDnLqERXHUKxDFKuzw\r\nBi/ih6EWcIyhIoroBtak/JbHjj/0DjhaWKneItk6SJjXUpWQ9CILJUERVdkc\r\nvTPfBZWHsQV9WQldUPOTcrt9RRQlbKUiJ5RCVWooC1Q2DCNpRvCsZRERY/Bu\r\n3nq7sCLRMaculUkCnXqbMBIR9Bgi85IR9zQcRqeeFyWHy87UjZ8wz1w4acxO\r\n4JAW1/eQn3NN/tBk+RoLzh21n1gFbVLpImgRB8l8U6d27d9UqNNZLKxjB/C0\r\nB4uzctx/cIBBccnfcRHisQvZGrZxG4l+aqSAsfD0Zz5Naq7vqxuY+uDxiUb1\r\nXvH++8eYKA57A3qWU3Fc+XEeINkMPIu72V+1GQHJziuEhiZgjAHR4xdax5+K\r\no9m1HO8C5TCrg3QxYj4GgFxgGWBOnMMeTm74ty+cRnqlvmuNdSZiVBVLpbI9\r\n6E9i0dGuPzPUqeKRVj7WCKfbZ7QngB5Fsn8=\r\n=1lXD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b924c47aadd36bf60d7c29e466ab3899ae4085d6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b281a409a.0_1679413183225_0.08213621397592896","host":"s3://npm-registry-packages"}},"15.0.0-canary.39e473690.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.39e473690.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.39e473690.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3300835241a02b6f04a70db53d0464d08c5b6c1b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.39e473690.0.tgz","fileCount":8,"integrity":"sha512-pD/XroLbFRt5nV/VB7DGuLhq+wSizzuCGNLlqB+YLR3IhKDhjv0HVvpOfM+dHnsc6LQfDJ81uLOZi3LJu+qnng==","signatures":[{"sig":"MEUCIQDWn5GqVShDSQI/nqDBwqfH1l4Y40yqBqasb8k3pgAw2wIgfA4sXPQ9W2rX84I8vde6wuYnSkFu5kFAOnvPrjb7Q6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe5LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt5BAAo3DeOz6bMtMylCSKWiqxstDzAYsLSHKODvpUJ9D+Ku5n9nav\r\ntUo3Pw2kdLntJic1yHrQQNwoNDf3vn21IEn+O36TZ7MOf32OvyTbtruwFcKF\r\n/RI+yYjRxwRPPImQUXaRucXDgxp8eP90rMmRYOTWWnHrNAGxcW16xsTat5KZ\r\nDvXJ6oEhPbeaHJzFq6mRIq3NPSzv+loIfW49+x3fs1X8gqD70f/E4RSwky/3\r\nxqvIObWYtniD23QugzTBvqssX8W/5Wg4nC1ZMozht/ATRxr7jWyc3dEmmVfL\r\nNt6+oDfy+jLdiuJqj8gJpbqXbM5Dm1OivdxO/FNH6+j1DM4elTJkyZ8LV4Jw\r\n28La1iABquOJpG5pqOZOatHPO/MP6RCIjlvRTXZmYdX0TzdF7TFMKOARQPV4\r\nJ1R4WtahY12uocoskpoyFUZnrzSiBhc9l2xHSn+dVxZ2AFRCOkUu3GzRi4KI\r\nvA724xO0g9zjieJBbOyJwCCnqI3ONARqLeoKb7Zj3p5adsxKcRxrvF9eBNuv\r\nuxSdpylc7/GI26p/aBhB9w4T7ZG/lf4Lf2gsxM/dz3ADcBJGjf71AWXf6ZhP\r\n0JWgvHfDRMh8LSX+Ios55MRmb8cVPXIafI8ou3PJeOOM7KOvMjg/OfQyeZQY\r\nuXyytxXq8hDAq7/ZrcHEdC/7FW4HfMu7mdE=\r\n=aWbR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"2d372eedef7c583c60aff8d4cd51f8de971cb93d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.39e473690.0_1679421003506_0.275003915478107","host":"s3://npm-registry-packages"}},"15.0.0-canary.cedffb44c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cedffb44c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cedffb44c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b8f8e7a5586e5694830eff4deef9df5b25d4f0a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cedffb44c.0.tgz","fileCount":8,"integrity":"sha512-ud6O0kJS/ixhYO1l2KyZBeq8zlefxD4BinTEqedo7oCJ/MYUbQkRraIPvOU6JA1Ub5R4FvCJTyJyS5CIqOsZqA==","signatures":[{"sig":"MEQCIE+psIg7pLup9a8m7rB9I9gEh4HsjZVtkfUEQWTxq0UYAiAruKWEQFh17hxw2VaD4cBnqCcQvetSE5ojNQY0lrL86w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe/rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqrmg/+KEbY0BMt0Rk5RbCoLF1jUNq0PTZifXfnabDacSpDgm6/ltg4\r\nJB9flc/5rQEexNrwE9FH7DtatYCZxajhMObyrqdE1ieMHQlQWr+uRaGnB8gk\r\ny6ErjzYrGOq0VfS51Pb/akKkigRXc/qv2PjAUiBmf5NQzC56lqbWlLVVg5Ve\r\nUL3GYXcIrDB2WnZJlGr+Wo5kgLZ8/Fdtzu4g1lblJEwP85u23gTSgkcOxpkE\r\n7gIZ1OOXj/ZCJOeN1QJK3IVHbzhXvKnSU9iwKy+KgSDVyDMMBGuCvKNVE8Fr\r\neuo5c6ihKcHjGvevypXtRTNftK4LmKZor1cfiJC/gouiMwqddhzbk0IKO10N\r\nMby0CkXR7BO5RF1bapxLa01hQKBBCXd98FGy5hOHhPc7t0RS4Oi1DHPPOtwu\r\nk0Ev0qF8WMsHYJv1ZsxtTudIxhu/urJsZ/Jt0XDO0bnkfci+nS/0iZ4Evdy/\r\nqDFHSwcxQ+l1ACaMGvxq0raF5xxgPSHpevKUnwyg6pYf7nZirJJzLb+U0ulF\r\ntkYCobF4Wz7a6xuJHewh1fqv5mNENn5GMWyHh9Y3irJ5nE1GA2D3E/HQGgwC\r\nfdJI0a+NhC3+J86MVWOFkfOCimZli6d5pT4yivFBsAAV/3wVN+rXlCwoZhq0\r\nBAjJAyD+NiC+y8DmZV6pZVG22E9rczXAou8=\r\n=5jA/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"37783644942291b0c5d41f7499a79b5f61bfcbfa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cedffb44c.0_1679421419559_0.5964684402313827","host":"s3://npm-registry-packages"}},"15.0.0-canary.36a4cba99.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.36a4cba99.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.36a4cba99.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"abc5aaa9aeebcd78a13d552eaa2fb91bda9f2183","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.36a4cba99.0.tgz","fileCount":8,"integrity":"sha512-x4A0EahPDvuIGv0eDiYpvXe39y6qGWXV3UUL2DDsO5wZjFsNS61tJRp30nFvB7bWiQM4Nb9T9ks9MN1fPi6hgw==","signatures":[{"sig":"MEYCIQDcD0FMqz8gkVHY5pBFHRgdDRMtWHD2QueO22/dBLoHYAIhAP/sSdy7MiwPQJayNllh/XBLpw7J8RDBgzUT+oMjZbX5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIyiGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7rg/+LPoZjbKg7N122tRBnGXHXGIcXHHq8FZgpKvVnnevcsofOszY\r\nMII34gIDu7FEQAvShE4P0aI0VyNutDqIl1miNqMpTaz38yRr7wftYlKyh8IO\r\ns1Nnq3bcKcd/UwhcQ/pQjIFtuFE8px4ufJoRvuOY+/TEgbq9EsxOQpLirC2/\r\nGNR3dSQ80AuV87B3nQZpSY2GzgDm2LDxZLLwjMUQAwJm4B0admOv+9NyzGN7\r\niVI9/H94817gq7QN6/I/kjxiXXgb1UwG0WAs85kq8x3Gcom5gt6VBybueQxt\r\nuMD9eDjNPBpm5cDJgluYd6RAwp1nkOe4mhQo8PY8U76FKl67ISFh0p0Y6mIZ\r\n1I2kBfpdMegSW1scbh0L+BwTQ5Jl5Ib0/9TCNKNaFNWleK9E9nq/Rj1EQUy9\r\nVrChp7U1Dobd/OsRhKheUDO0QhouQ/GPu/HoUDdZVx9Hdhvx1B9KZ1PhaqWF\r\nv0bVkbpm89k7TRmIBJLoZgluvyNclkbYVbxEFviFAEX56wVwY5koRZ8Q/k3a\r\nyHKRRktEqZSt1t5qYsxG1tdPDkpbNy8R1DSE3xS0bLhWn78LL0O9refWYcSi\r\nnl3ZyJwwwdEO5a9ECeNXpsicIwkLbdtv2aMBbXRp/rCoFkKNZk1IbDKUXTCk\r\nqPb0hW5QgguXpJ8QdGd3dhcNmA+nM+mfxz4=\r\n=BsI5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9895102e50a9e7eda73e0b0039246bc56c79a7bf","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.36a4cba99.0_1680025733890_0.6314691666638159","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed7e82ded.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ed7e82ded.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ed7e82ded.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3df2c6a7f2b5779e3c5a582ca61e4494e710929e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ed7e82ded.0.tgz","fileCount":8,"integrity":"sha512-Wa7H9CwzV2/h3OZ+mt0o33lj23s6+KOLc1oyyKz+5jmgqyMfyZo/4B09BIJqzlwyOf2gByDEhHvOvw7PzyzWVg==","signatures":[{"sig":"MEQCIE6hNuLDxuFbZXRwi+mnNv3gjtUcoPnRW+ctYPkf7QwdAiBw+NX1PQR9JNW2frnFrPqNhGT5T3xQVNprnz54Cw4AkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkI08VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAjg//YH6fmKr4rQl6J5G8i9eg39IkYjDC9oIiseEWdDHB5VdulC5q\r\ntsUcWIpQjc6il76LIs6kCPY2L3Wd08qke7Hq3DKB1OLseMbC7rO3/KCRV6TX\r\n9ir7fqtdYj4FTZKtSnZNBn25vGYVJOIxT3llGKsasWj3tu5fno8AQIv/sMWC\r\n3mlabDZTHHqb/XTiC+ap2usfIaqqeoB1SuAD5fK2dReiFNAFnYj8AX3tgp/B\r\nK6I5hbCGe3Wd3IKSmsodhq5bYYAWXE9ygX6ow7/0dvzCT8hGHINOcKLphs2n\r\nyc3LJX48GfkX+EJnFOUwFAuntN8VjJYQqFpLDPeg+HW3fFy8K7MIwlySlI36\r\nW2HNQ+y0Jw2Ok3PooZMT/YIumCSElR/W/9sYrwHHCwQp+40epOcQcng/qaM/\r\ni1BPxbHVmGr0gDmYSuprN0AmMfwaheF8yUH2xQUN1Opvl4jfE4LmfvXpVfDr\r\nXlyeZ+EhxHxHAjA92t7enxXOXl+kO2CloM+Wo2WWL2B8b5++YbUB/KpMruFW\r\nfPhiuo65yYPN+4flkaPJ/FDvyQ2VAmD6Wx6+v3dFZ9IBhyQKCxIRZVsKjEoh\r\nBdc47oUM57k1zk6k9c0+yOdZRyJS0LH+3mcw8+C61yeQnLydZNtYmrVfxngn\r\n47pe72aCkDENnPdc7wwzsuGjehzFT2n9UM4=\r\n=V//Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"037c17ed14cf732acefb4bf7cb0a6c61f643b991","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ed7e82ded.0_1680035605161_0.5856502738527367","host":"s3://npm-registry-packages"}},"15.0.0-canary.55093ee1e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.55093ee1e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.55093ee1e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3af0fea49dbe5d43673769fef255ed2a3b55589a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.55093ee1e.0.tgz","fileCount":8,"integrity":"sha512-UEMahWjGXCWjL9/VLvgc9Iian6deFzEWEl7hLLn65i+EysN6pheLTlDDdLMlva3WfZ6WgoBXTOIqv1Su27RXuw==","signatures":[{"sig":"MEQCIHfQF/WRR5qQMYf4e/2aGWFSf+yMud2DX5aMjrCMy6jkAiA6VQCjpTg7DTvlnQYgc9CFVLg7QRQ/3nNm4X695Hz0+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJIc0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGsg//RGH4NeXcrcTTldJW2YIuti229Lmm/uUow60wiqdtkCjD4lPU\r\nRGGhs2HH0cpADih3wgwCD4fivFShYy2e5Zt5XLumWNuIqXujlH3bjaqPdwPh\r\nr7dCCuqZB+Qm1/obB908Ndp2cdcc1JhXrBCQdUCTWJfBohw+CxHvw4wWE4IB\r\ntyuHP4lTHFae7ieISjdMvWAmhrMG57gzmxgqpPARqT1VwHi2uPZEqeqPr0LU\r\n1m+YEa9iCP6FNpoLHYTzbzNp8t2GCzRP8VJkyGCBZLRi3cXpiydTo3imsVL+\r\nfPjDjIw1GmcQ6JFUrIxNwU7nuW2E+Y6cpkylzkT6j5FUGQpJYkCXdFvLorw8\r\n++44aC7iVsYTHl2pUzV7w1hR/JYKQFSdm2gbXtOkpYOV8xJuLQ9OqxewSvPU\r\n9soFNPrzpIo0Ee7Gbctaa8nsjoUBRBI+UV0O5zSzIh4+Ca3oQ9DEXqEmURTg\r\n2clS8I9xVuIX90V5eQSFZsSNtMluxzADwrL27TGRvGodkJ+Q5moeCZeu+Hi4\r\ndVcWzLxfoDASrb5y5YTx5SSRz0KjSzXb79YEKhwM49C5WaN5JxuH27VvDi/C\r\nHQeLLECKBReDwpPl60V3EO65GFlRa3mjcYkvXURj1Qx1V6icAU+kWUFr68p1\r\nI5IOt6m9lzax+Suub1ezZWbGUPiM3SDMB4I=\r\n=63LK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"98de61151738b5091fc2b0e261c18efce05e87b8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.55093ee1e.0_1680115508667_0.1898578505049653","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c53abc81.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0c53abc81.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0c53abc81.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc159dd05bdd31c7c912df183108179fc29f73c5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0c53abc81.0.tgz","fileCount":8,"integrity":"sha512-bUNhwmTCoGD4mQakIsJ+OjH9yCR25S/kv/Y7tlHSvAJm2KR+LHcqga1fLRPoy9r/X9QDxa8AW6x3e1d1O9eGlg==","signatures":[{"sig":"MEQCICfMbkwwK26+gSZMfT8tCNJCs62ectxREfDws3EwjOz3AiAd/3LNVmXpJhibX4cgJJwEL3Cck+sJU/mrIPRJT9SIUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL3R0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbHA//aRxA0v6B+6foRxlVRzTVOE4G2FqYumVUJC2S35YUwBBNZKpG\r\nE28fDMluUSxXtV+CxMxKWXwSD+/yZUzZK9hg1Bt8GZ73HD2yxbngstS6bII8\r\nWlIac2OPAWUcfpC1hb8LUnakZICNyb0hxKhfztLMyirJeV5TheMfkptWOiUW\r\n1kyhPAhM5kPNo4ec4ZoOf9It4X2+E4ikb9cQ8B2V7mGF5j5/DvbSyYOSmUp4\r\nfj7/BO8dLAajySqFNJrtAPO9yllkyX2cBUyHyDp0dAfP5njH8cebaJ93wqBq\r\n537TfbNADG0Q4myYExHvmSjv2Dl8LQAt2tuQEv1mc3hCB6tzGHC/nI9bHxxE\r\nHOy+DyOk24/mfZUJHRpl+wK2RSqw+d0n1cvyhaWVgPx6KQIz9XjJSIRvMHWN\r\njBKMn/UBG90rdkrSTsWdOJOvlOeCvW4u1ioJ4qbACi5hIiYBTjZ4jw+MBkCX\r\nCSdSLxkMMzElCGWUW7N2q6DSiCpv+WPiBdPrQcX4RThbA7Jehjnc4m/TDVzG\r\nnspo/PgX9SPPIyJuKi5HrWjxkETzSOCZkUEc6PyGPqkCGdVcVF6ci8uyNVPA\r\n/3EdPT3E9517lhO4gNy/RU9zkDfb5jJ+ms6nJUod821Z7qk+4DPLFQl++U4C\r\nXXPX14ZRaUaKl4hd/qbDARmKQu/sZYcf3TA=\r\n=wu2S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f7be5b2317c28dc06c5b0bf4a8cd44df591750d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0c53abc81.0_1680831604016_0.35668500584447616","host":"s3://npm-registry-packages"}},"15.0.0-canary.51311e69e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.51311e69e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.51311e69e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01a32bcda987f8a65f64cf6a27cc5aa7c71c1523","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.51311e69e.0.tgz","fileCount":8,"integrity":"sha512-KyV+AbPJMmoohEsH+3psyZ7Z2iA6pjrhIwmxAYy0IDs5W0dEQ9KdArv/ydCZqftoQWpxPnfU1hmGWcwhNoySxw==","signatures":[{"sig":"MEUCIAt0uSs062DbAdt6MH0Ug1VOVtBmkyt9pwhnOyQMlXQVAiEA6AIjCj9UMUMZNyPWPNHuAjz9Lq4MAfPdwm1oUpFufNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMFuyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqS5hAAmLHWivrJVEjNqPgf8+CgnQ3cgOdaV9HxLeqvhiXWaZ1q0zQ0\r\nhfL8RHcYub8IiY+YZptpYLF2ZJ4LqP8f3ddmdgc7E9NENtRmv28L+XKiSCV4\r\ntAlemIaHBhcfNkvLqo1VfmQ1g37TzVWN8ADEiugoxDYNMpdPKESLuKz18wXR\r\nRKbQLusSayHKxuc2V+l9vbRy4rmbLeszb+gHTYxzd4hE5VTF9S6ivLTtYHxf\r\n1XwOr+aZRIqJY+/jG8YAkqYFe0xU5LN4nlHaXSCPY6zf3ZZIDWZ9ZGH6QtRt\r\nmS476bsEYuF73Xr8hOvM3KDtNPYFjC7cBPB47d5vIgMKQdsm0W5KLOuZ/CjH\r\nYpRA9YFkJCwdYrDpRzstJHsucDSmQXgB6nCX0r0SYxOvgJINRYYrFpxImuU9\r\nvoQbpCOSnrWRHNiZ5KB8jgGKaTvvBAQ7NU+3oJKCW4TZkWppTn7cD3hcw/fG\r\nz+sgPh1ZsVhaXgOuCqkyo/H2vTEiQHvKIONnmAYnXLT30WABL3xNMQktleTf\r\nDen8zdN3Va1RQIoSFaavlwAH5Bvij2mIAb9w+zjL2K6ZS+qVnPzQysj6jS2V\r\nElrAA0YX6GUNwStVlw8JGFw2xf7/hCoQVcvTaMUubYEordpHdsIlDZX5PBcr\r\nImK0TxX2s6cWd30h2UI4xBqoCqDfMqFsW8c=\r\n=Jprk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"20cdc4f9c3bc9046fb111c8b65ba3e9609585dce","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.51311e69e.0_1680890802105_0.7656683481473217","host":"s3://npm-registry-packages"}},"15.0.0-canary.113b1a38e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.113b1a38e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.113b1a38e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f720d72c1b0c8909279dea57f93d46fe91ffb436","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.113b1a38e.0.tgz","fileCount":8,"integrity":"sha512-j0dsrUktNJSqX8pvM1aZ9P1OvKVIcR+WidLMkvNzymmSfqEEgK4ys5dYHaxf36FPmRi08rbVENTi5p37URatag==","signatures":[{"sig":"MEUCIHlUHrg215VIL3WVsY2wMOXhUbAX47wzz0EoG/TWtO1tAiEA4gPRac1rJ7VOK64SKzg+3hqmwp4XLpI7UPgTeYs7UJ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNIUmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4uw/+P6R5i6Cs67S/yBV+jUq+xg4W3EDPghJNh4kl3TjQzeHdPh30\r\n8992api5hvXiouPrymCmk5i0V5FcrgRuks44JvjdF0r+fl8bFDiIvnsUCGwI\r\ncE+ccVeTWTxAKioUXlsJFehOzWNBVxSuaWJKpWG0Lr2jYo+S6/lY11uNYxBl\r\nVEF/DuVfF+YeuY8I6I6gW2LTd6ryp5olrQc12pv5rXvd2SLbBzhFvXpF4PMk\r\nz/czIa4fNFJaPnFUwS04+KyNv+UzegcZxJc0SbTN4NM6k81SsS6czLl8dao2\r\n2CMH7EtlPVZck+4Q7/0BtKwtpp6/9JHrZrSqQ0wfgiczESAt24wyQgE/LBJK\r\ntvLc7F8M/vIsNeMZq2OO0kP7J2Nwu8Cm0jsrigs0M+grdQjuxrmzNuf8QIAP\r\noOTVrj381PztrCdgo/bYK11MAKW8+QNp5IYpkq2926yFzvyhidZKPmpJUmy6\r\nfTnVso+rT0ULklYZUVEM1EBdhpC5TG7ctUS7DsrR8AIpiApOpKDpLA1OQVu+\r\nfXT2V6NywHv5NlDv3INR+AP5Bj68UCuaxfNSo/IYQ6zQ0gNeCVzyS48gAEiW\r\nCpGMD4RLPo5ECRwmZ9pcBIJV88RGZZrP+a1AIfqZrdRBS41pmwhjDMr9e72h\r\nFR00KVLQVQPT2UiJuS6wuq71lOFeZiqRQdw=\r\n=/Qf9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3613349b6481f716239e1a73c710c0d5fe44df72","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.113b1a38e.0_1681163558215_0.30287770991864305","host":"s3://npm-registry-packages"}},"15.0.0-canary.ea2191426.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ea2191426.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ea2191426.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4b6cdf0bd8b3b767056ffc85e27e85ea84649d5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ea2191426.0.tgz","fileCount":8,"integrity":"sha512-uZ+MZiSXFq4DRweGkCi80mjR2FT+DjG0eTePBIBLYGg7GUO8vuJEbXQApiRQy7UJX0WIHevdPgV/47zJV+9zeg==","signatures":[{"sig":"MEQCIHGKvGFVcggz1PUTRepl3sguZkMwD2YYpSOmLk2hY0udAiBKUOCUNMnhQtYN9cuUZO+WTrZGVoZ5RW6SkeFowrJmLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNdcXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogGw//ZC2tkQn3IX2MLd6cbL41H7ohIa4BHOsR8fJv5kWY/ApZoE8C\r\nkxs+901enK+cRtIaT38cVpbfgwkp9/WzH/j+ieOFpQRzhhALH5PMiGlWLe6f\r\nUJQ3h/DfMg60g4jOHJDwSuIKkou3ehczmkoplg563Yu8I9Y4H+MofpRkZA+n\r\n3ukPLuWym4LdrLS63d90PZkGcwwXVWcRWDeim0qlb4DUPcQptvMMiTEUQftx\r\n/s5Qr/JMJYtUriqx4WRsml0S43NV5z/fep0dJYF3NgVs0ua5NzARX4Jypr3J\r\ne/vKTXVYDg6xUOHNYMvtzulAyMpgStCcHVFqB4+vxaTB44fp77YawY2u5osC\r\npZCxKsVVl17VoltUzLTX8QDmAxjq089h2niQVHuukXIfr8s6PfPXwuhFYxIv\r\nWX9KiGAWi44MN71TZ1T2PcvmKNb+GHQSelq1bFLk249EnAHrSOqtZng/v22c\r\nLMXYYDJZ0lXCKmEyTzRld4iv51CCCyjcIMl6nhG2OJpurT/dki5rQyhtKX66\r\nGLzTtMF5a5SMDq9LD/tkiL1Pq/g2P/zvTP67uJNQZ/hoM7lJjDtMQdaobX7+\r\no6+We9Loqi6CZPkxLIf0aiUoWkU+Cl4uISVvN88kIb1fdvQzTA06J6pnA3mo\r\nKUEZtpDqXTNq91fKQmeixH5JPG5eTFKfEq8=\r\n=f40O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8723a8c5fa13530d57b1651464ec28e9ed1d4bb2","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ea2191426.0_1681250071260_0.06388751968368633","host":"s3://npm-registry-packages"}},"15.0.0-canary.5a5c38538.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5a5c38538.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5a5c38538.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"634f2edfec20a5810f31989eac548fd5ee659720","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5a5c38538.0.tgz","fileCount":8,"integrity":"sha512-D/GLKg/+DALcrRKFfT0NBNPtVOg1Q7nREkaKdwGLhrU6gPMdXF4RAV8ydB470SxuMeu9q/sD6syxyGBvA5rbmQ==","signatures":[{"sig":"MEYCIQC52HZdr8Q/clRCn8kiDeZ65wuClrYS5PQF/vU3tl9NTgIhAJMfN+hmnOx5bzfrQLSnYaIxPyr0N/dykyT32tjo4V+m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNd86ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSqBAAg7ykgCj+8KFJ2Leeg82qdNpLn1Mqi9Yu4Rh4kBgfYYJVq4A7\r\nWhiAGMDIWRrqIQd5A1ekKDomp7wkkO06s8J+gwMdmUu6+K6RNdstR3s9ikYT\r\n8YXUpoyAbD0tUyTjPG/e34WkOuUXPmLuP8YaduL5pdrwM6p+4mniB2UbfGtJ\r\nelWyV+oBcPEpiOAi6wN5miEIgxZsqhwV7GKfpe94VZKQS3PX4rlA4Z1Xzqqi\r\n1j3zsVtadFIOA+w7BAw+0z/8B8dPohVPwmMoqUyzwpyXU7weqxKB4sEYJMDP\r\np9OHqrkffQgKKJ7KD3OvMZjuI7WHRXe72/+L0Mm9IGzEZqJhxvIAYFdj1paL\r\nAg6G5xcNj4+ZqftrW8FY2kvN6kWBFyMPDPQnlmcyqT1kpqjYc48J/e86KY2f\r\nGU8wF1D/QJNnJO3IB3utvr/ftANRdYxWpeJCxKjdyOtO3lsWjWn69ciXeZmr\r\ndYHPBdo4XYM0OyCXowzqr+ElSEEOHfdkKF1TpmFcsNCfatEvlZPERt70lU+J\r\nY3/u1tNw31Ic8OP8hYDeslJfhYIEBBhYAPBXDezCV6yUT8qC7A0lScfW11zj\r\nRzeRQW42LnSt9+0MUWalPENfSXCr70DVrkY4WMuinZWMCsqMNZbhzdlTcMyy\r\nK6dxAL0FrI4N0OXNLsWG8hM1SlyAcn7GLDw=\r\n=5q5e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b05f00c0040fd0d1250297d4fa4236a5b6b00b9a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5a5c38538.0_1681252154703_0.710258262772957","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4b5ea7eb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e4b5ea7eb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e4b5ea7eb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f285cc130ed8893b7b9e291ab41eb514b04a8d54","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e4b5ea7eb.0.tgz","fileCount":8,"integrity":"sha512-1GXo8MFXZ1t3dh+AbZcWY9UjKzZT1oG7MS9Orwsueb2hm6hv1Q92l5if21ZJmYVvaBwj2EXQBzXBiAXVvTRZog==","signatures":[{"sig":"MEUCIQD2Da0on74iT1ypl8ynzRV8Ds57uDrHIzq1yiCgitzamQIgRH7a38jE1xTurjvvc55ArhMNJjAK3CyhzHDCDSO9v7Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNecgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmporA/+IYnrVFylVSIyojrvrPWuzpTYrWAliPATcn7sKeSWqFpbOaBy\r\n2CTRchb5PJLjb2T4n1Xc5xgvVnHvGEjJ1jmNAti/5o92MXYu4NS5K5Ec3v4w\r\ncFwTgScAoMq9c2yNxDQy5PuwgAdXINPt2D384MjTlquQ7YKFSpZ62lUB0Pjv\r\nNp079L2lpws9H3QgJoptae0lZ/19dCXToMlJ2aQ4OmtBVjG1FLNapEMLI2R0\r\nzDf5wdkhEUeyB4KQGsOAI9zRzIUOSveXJjitYPpMeJORBkAzyFM3st6EmDmQ\r\nPFVLv4bWIkUl2e+5uGfW9/A/19OoalSrpfPjd+tdEqQ/I1wR1ugoQyv0PDfU\r\nPWaJ3/lOtQWIeI9HbD99+7XdZuq0SHzrb0ZJkUmsamtxay2Vllu5jLSxcpYZ\r\nzl1NRdAloV500JNa260Y+QLVE6Kk/uavvHXDpG/1/YotK47LCF0c+iAJkYtp\r\n8Lcrd86qQeK6mWJhPzDJg2kk6jiBO8K6v9j1pTR/2W+EJCRZaQieqgOTnQnF\r\n/TwSSoEJ6ah4EGK0BVjxQzLsHFN/SzEWf7WntIMteOpB0A0PoeNxRX2X7TIQ\r\nv3GBEZDLDW1aPFKzS3sTVqh2fswKiIh2raEHn2X/XvOmecfdBmzR6kcioEDw\r\n75VvWdqP+6S4RTJsn5G/WO3Q6yDZzF24DyU=\r\n=EZ5Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cfe1a97277f39a7f96340673857504470245556e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e4b5ea7eb.0_1681254176186_0.03788132838407998","host":"s3://npm-registry-packages"}},"15.0.0-canary.a094dd9c1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a094dd9c1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a094dd9c1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0adb33a8954ffb03fd91490d0572dd9af1b964c5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a094dd9c1.0.tgz","fileCount":8,"integrity":"sha512-gKbazoDoTsUy5/M/IRVDhKCwhVpn0eD06ZOhfuZ2ogwXRhxXW8hFvTMcyXBq4fxYL1ceI8W3BBTS31nt7XafzQ==","signatures":[{"sig":"MEQCIFv7/BAF+ZZ38kw0fwAR42DAx1+dnOCp2YiwzfH63kK8AiAoTwnihDLM9oUptDNbIc3sH2l/aB8BClCci5EwjsaBTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOdaOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB5w/+L75jrTmMRawzIJVA+8zDAZn68apGSuua5nXo9eyBHokNxZ+G\r\nRaQ+q9j73kVynUk5d7Ay/6ot9C0ALm2nGM7i5IC2f3kQswDEYumWiSY0Vrh+\r\nfGe5zkOnvsTEWsLIlY5uvArwNjItR0CHxra1SdTnQxH0DDE4VgH50hXjEqeM\r\nPzLUfWsx/RRLsudVXu84x7kw+19ZR9MQgW0Lamqn2gv/Z390Vi5MQpc9H+50\r\nE5fnO5vGlDlRO/yad15Rd/W74ggn9q/OoTM3315DEybiYIeL+gjEMyOECqzs\r\nrF7+qE1Q0Fs0TjNMpkSBS7ak84vIqtEVlLJf4qL4rc2GQSjnMiFU4t9sjv2u\r\nnhEnl5fMgs+ShGOqIpsaq6KaknZucMwcE2bv0DbYSq6IxENavxWZECX8Rx0k\r\nvYgh5wvMMbjpaT2Fcu42ACt8MRcQ/zJK3k7Xn2R63kIqMlbNo6m6duWhbtxy\r\nTKlQXoVz95CXo5qUQSi+LyUUNoxtjNhQi2IkIi9wSC+TIPlprb6EtrZePYrz\r\nYv3xdNWdckk6SHrUkFFeaPpwr6LIQrqcEhbLh/f5p4/++QJQOygBBd9yOMQ/\r\nNc02tOmcoq1AJGbTCG6ubGWmTdhT2CGH0+eFv2MajLpXgAG6QtrfLreC1z3r\r\nHM/flp2kUu4oEdCU6NxeC7jE0RDLfm4wVOw=\r\n=Qr9g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"aa5164e66f4afe6547ceeadc8a793bb4f489ff5f","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a094dd9c1.0_1681512078256_0.473744822571476","host":"s3://npm-registry-packages"}},"15.0.0-canary.f771b091c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f771b091c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f771b091c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a0167ddb062b308dc5be77760cbec102fba2494c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f771b091c.0.tgz","fileCount":8,"integrity":"sha512-jIqFDAQTxkSYEWGb+yqVcqIT2ppqUhUILYxdZ6AkbljtcqTAvQXZigh5fM4lWS7BrjbgDvkDW2iw9RCziM1RBg==","signatures":[{"sig":"MEUCIH9RXvxOenh1RXHkkx237grTLEDAQdjI0ygK4Str0V9ZAiEA6jKiMdd3zO34NG5hjb5k81Y+U6Ux37NxlA7npola12s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPWePACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPmw//Qi7N2gHs85GG2m5jlo1BilXIuus4/lCWzmrLETivzL7mHk20\r\n7p0ub+P3bw1EBSFSgbSzwFkZjAcm9H+3twxOBt4up9mJHTFopZcWcJgUC17C\r\n1OzhK8vALG3d6FVEDQ3aIVzpXc8QrTsAvZSvtI8vQ4U2DzS0l1RbptdRWLoD\r\nTzG4cFn8skBSYFxHIHYQZvnE0qwvlyk4MVLtedTtw8CiresSrzbOfq+EI30k\r\n1jP6rgTXY/aZ1z3U+SkC/9UxZJjBkXRlQ3WRL9XVpRdsILIGaq5ASQyMWMlq\r\nieoJlCuRwyRMUDyVETe4MS+X2unx0YMzJvmOzMr5j2aM/a134z5fwCzFXxT7\r\nHX9PFHfLWMOPWWwUg8eAsZIpnUSKGLzHdrBxXRmUCii04npfwIqwOgb04HaC\r\nU4xtOd6OLPiHSk+SQFOinV3QxRIpu97SqWD8zguttC/G78PfXHfh5PC8xLO8\r\nCPkwi1fLSB3IPYz6tlF6f2PbjZr9cPJpv6KJ1166sE7D/SJlLgRATZTgdSbk\r\nrDoeZwruvXC5wOZFbiPiADAIHCnwCd3SVp/nnymfvwhjNR69oGxNscryPV7p\r\nM9iyPP2B+U19P7HgErq5fivW4EGKYiQqZIV9+G4fo5nkUMfAuwRJ/GXWeJvJ\r\nreppjIuq3nRUrM1Lr1slk2K1C+g1NTTH0Xc=\r\n=Hx1t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"de0e292c8ebcab887041fc4a59b3c0172f4d4310","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f771b091c.0_1681745806809_0.9234928041826032","host":"s3://npm-registry-packages"}},"15.0.0-canary.79b1b612b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.79b1b612b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.79b1b612b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17b878f85409becf6a7ba62a76011b5fbcf74ffa","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.79b1b612b.0.tgz","fileCount":8,"integrity":"sha512-3Ebq2aWNqaEkxvI244hrCMxn3YVymIlKL0LTmHWJiisquSdYsSxi0qEodLecUQbZYX2IYzDeGvcB1hYFtjH1QA==","signatures":[{"sig":"MEQCIDuhaqoqa0Ku4FlyF8bWhyB4xkkSw1Hzau7X7fVxVI2lAiB4BWCNyangfI8NZPmNNDOUmZX+WdaI00t8f7EOGqCJ9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQHuKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBtQ/9GQObCq0u+wIAsrX6Td4+NbFCMjsqveC/KruhMxpMo68fVjNQ\r\nCiFkS6lIHxy8wZ2h3gSq3619KsLN4suT3TcL3V8VsWp3laDMqEp9ftb9VETm\r\nw9GEH7otmaF3zhtzFD/72jZFlrPBSYk8yG4j0RNZ7L65mRYraPJIMDEJOqxO\r\nTDauDy5IqbgfamwzLjkmLwO1Y+XFh9kGM6JcB8vYZkf0s3c9ZaA5ndh3cn25\r\nqRxnzdgaB+/+UfgHjVy+Q55XeUTBdMAlLgww8K5tqYeW+unc5llz9u7ygZFP\r\nE7VehEcPuLaz2qAhjrFc36acmuI+aQ2+6HUht7iiicvXVSGfXH4wJd0IBW3k\r\nfYPYS/2DeuGIMMBmFTOytKcTbApHnyObQNe8Di/aclYg5JsFDZqM1rYCTQ1k\r\nWtjVkDb8A5REj1q+zHFJbKEPQjfyVExL5z0+ta9YXihNtsqeCSgglI+7HWi+\r\n3+JWHQN1V2wMNqDmzH4xvsZPaWMaWABgK0Qj67lpfc1hNREm8qKYTi8XNw2H\r\nA6jE9p3h7TGobmBCxg+q4YknAffGx153nR09kHuCfOQi74AsiVcQHUe6OGe6\r\nQ8olSN6m5ytspi0nvn0SvOYqe7wHBxHZbuKiuVzlxiAqxGuKuvv++vyFkYxk\r\ntEEgeGMQMNcof/OZ8uIeQegHKADp5uA6qgM=\r\n=tX78\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c8248a1b49ee37b1782b19aaa49b5626c914916a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.79b1b612b.0_1681947530371_0.7487841491012073","host":"s3://npm-registry-packages"}},"15.0.0-canary.6f50071e5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6f50071e5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6f50071e5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3035349a49e7fe195586506b3c0e17bcd42bea77","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6f50071e5.0.tgz","fileCount":8,"integrity":"sha512-SPPEGWF0hWpPmPHSh9nEClqmPLjcPeZU0L01aEqlnuIdMwK4NWYkWSMJ/37dI/detMq0w0ysc+fh+NrqcUssGg==","signatures":[{"sig":"MEUCICpellrLcSQSTI/ZFsRD+7E+TevBp7r+SwcdJHqEqin4AiEA/tI+WmBLmFwIaez4cawx8CLfDmqPOiF+hIaf/mcbUT4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQX2QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkHxAAhUODZbhN6klSX3FSjbIFyg3JjPzKkwpUaVDMrCU45Ct7ldUG\r\n0CxxIVnKUiDJ859iWMVsJL6zr8/oG4r60dnnrev6uuKKpckiv8/bqis8I5MN\r\np+Tlvfe6yaftDr+DaFvzwtwhhMckUvqvDlZQns9FnIJOtK0x6PhN9og5dlvn\r\nFXu3Cvi3XxpiiG3MEhMWwXaGmxW3WLv1D23UZRegmQVaXHrC+IV9lpPdxS6R\r\n8FtEfyRknbp6gD9VCbyzwL5Gh11v0bWbKHY/SXlAwRMtd9/E20D5HiIBdTsR\r\n8Ns4hxTfhKzq5x9nB8i8xl20L4LMzAqi0NSpxwNC+AGdaH5uBey7k7e1EnT3\r\nL/kVeCrLsAgAoSuYbNOfPCHexD/dPfH8R1sV44mFGKB/fXaTb58p5OprGnJQ\r\nEeZGXtCksyaawJWsqzwFHV2gg7kwsjwDfendMhdR/wKt5lflglJp3N03IKfN\r\nuUWiQ32v6jMNzUW4QY08hpMVxmnI8FucG87mu4wSY/N86s6kre5Vu3VipC+q\r\nfoaSBDhhOZHDvmXjzhFGg4b1ImitjFRh/2/CwyYFFiRNpgjWA3XPFBfdMFs0\r\nn0wE/6sNyrZTS3+Oj3LZBzFbdvScE48JE5R9rryruIMYB8n1Q71B6Dkp0qQF\r\nPImfYlnZbkJhQVcMYKUw9KD3WCJ1trzVvjE=\r\n=DTCB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a5eb7e7a96b7f207546983c0f79d6fdf23f5228","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6f50071e5.0_1682013583939_0.24982474631705331","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef754381c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ef754381c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ef754381c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58ece13d07396022715c3f82ba12547385e2af56","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ef754381c.0.tgz","fileCount":8,"integrity":"sha512-EtXy6DB7wElXKqeTpzQTY7eaYHhYn4BuAGFkjc7uwKo4jX0h3KxqMw4g1pKyNaO97s68HpvgedjOm8bkZuXZtA==","signatures":[{"sig":"MEUCICEefNXhvm/CB6z1SZIvjbawHI7oKeYGAPiAPBGpWR0+AiEAlqyMUO1qcH9nyBQNYRUiclsUe7mqFAXgmYNGWbn2hbI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRutsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNKw/9EliQ/PDVYabtZziq16Auynde0AtTkaymqNc4cCj+uxKI+Gpc\r\nm1hCGUEasgBnR+ivBZCZ9PMo9sclpRW7h8Don8ITm/X0UJjUmmYdhqCKmWCK\r\n89z6534y70ShEXeREkBMt5GPBMeEDJ49/Xg52q4wm/tVy/6MigFz3yTka3Ib\r\na9pCcFYv4zabt7Jd2l633gCy2sEX+sxgTJGEDnaSy+6t7TgfsTpsPE+z0ARt\r\nKNDhyLCDZh0mm2lfOaYBphr5mqEzr/YlrhZ2/3+TI+76/0yIjPk88KOCgc0D\r\nSQczntnbqEZYwQxQsQSPW4H4sv3W6oMCISasrOvW6b+BxeuowV4WuBkVWF9K\r\nUsnJLsz3Q9URzD7WCBBUyKtKbWwXtSRIIlJ7wSIU2bq8EQ5brxksVuDpBdXH\r\n/u982vYHaYrSTnbLqVgBhbcDybCwxQmMX3AN8tEEeqsZNQpvQrokPL8F5vNm\r\nih7LeMaZp9ejwkjmJLNckX3GM9EOdqXByI2xmuMeQN9579ZRLRNshx2dX4pi\r\nX5hCN1utdK9XM39DuJpOxpBwp4s/mir/KNkG0cb/HzmYiKGTMPqZIg0dOQVz\r\nCC0zrCLNNxFDX4kLU18HYtbu1AXpzNbf6owoFngkADCFVNKmIFiLebn2AC69\r\nKvItLAp8rjN/PJlfvdqNtmsn4FCvKb+wvCo=\r\n=+5oO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"998bb9432e40056ce6ec836100d9a46f72ace249","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ef754381c.0_1682369388352_0.36949220354160994","host":"s3://npm-registry-packages"}},"15.0.0-canary.69ebf61ea.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.69ebf61ea.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.69ebf61ea.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b48f4ecc3d5f0c4f645ed3c331e36bf91d29270c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.69ebf61ea.0.tgz","fileCount":8,"integrity":"sha512-EGqBrpUkJI+9yxbCatw/iX6P2bOKf4Gu9nbKlvUBQA+4hlhCVDhzS814AV6l1MxxLJZ8qolyWygrjAT0wy5isQ==","signatures":[{"sig":"MEUCIGKAjmF+Rocp3NyMPdxf+2D0RmEfVY3rLOK6zMI8txdDAiEAv9MX68kjTvMA6NSQXrVZ4QktRwHZI0aHn5V4c6KutUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSq67ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqx0A/+MoxLTGIDruluOrbomPuFzV+RXT7Do612dNmBN6U3SuVe9bAi\r\n5KbCkwtHA6rMhWRb9qB0gM4XV3ZGQ8E5QwAvFgrAG3f/llajvEW+IihjXke1\r\ndtMFyok5N7qKCg9yAnmSwfchyrGzU7pHXS2u2ixTXDxW6kNkIMrgzywNZqpT\r\neXzhpjcX9/s0CfAhuTOk0nZe5KRsGEiBJPRcPJ59CLicY9GtdmcXmFGuVQLO\r\nG8Hz+inw+Rn0bCC9V+CqmFZgudXW5Ud7IC2ivnRJ4EcYIE34ziUV37tAtYD9\r\n8PuQoMPYYawk2DpTPY+K2Lam8ElxoxMuSp2pljImpSmYYVGW6zLDWrFNeOwx\r\nFUfAIid5vLle3zGPITAo7zU/MQ01SAylEolzTt7BuazEKDv6/LUifrpiz10q\r\nAgE8XWxZOvgzRTXoeUFVHjp+NZ6lP35KnzCX/9rfIIeeHoayMtdw6FM88xn0\r\nQ07TbQ+4B+5dsKqvlPBUMnpvAHbtItUK//xFUtC+1FjqHjgiKIget2CgyO78\r\nBXKknislcLPxF2vYo7BL6QIBhxzB9BK+zBcnxl1QSrJLSbr62tKAH88BJIfc\r\n+7GFPd/uTGa3Jvgab2A2fKBlGYMqqexKVT+uIoBX2Y9e7wziTuApownE8czT\r\n7KLrqaeoqW+9YdNWUQf+QHQa3pcdNf9zaOA=\r\n=cTe0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e68ad025642429a51f137e9f3fc853364faf0622","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.69ebf61ea.0_1682615995257_0.8510706181464964","host":"s3://npm-registry-packages"}},"15.0.0-canary.b90be86de.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b90be86de.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b90be86de.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b17b17353b30d751810178375401269154ccd22","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b90be86de.0.tgz","fileCount":8,"integrity":"sha512-bwdZD3RZSVCLe75SM68tFcV/RSfw10PTITyecimDNbVeymhYzJphT/lct4k+Avvqb8QGXx7E8O/AS8q/81lJ+g==","signatures":[{"sig":"MEUCIDPWn7+flgPxpVAttItm0iPZOcFNHREwfpsGBrzJFOUjAiEA+6OmC8Ht288BdkzLLR2YHzKwuyf3624iMMJo7X3aGOM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGLLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkHQ//WU+iBCmPWNdEquWnlx8Un0XVbMA0IRIo+3R7Sf2/pTaFpADX\r\ndADZJ1jFDJheiLhFXahxmk3M0ScQByvwdDQQiNAe+zSTvI1W4j4vwmhBciKY\r\nvjyY8UaJ8A5WpMlwH622wxQ1gAmHBUcvyTMTVaMjw50atGvJE9QiCSYu6AuB\r\nI6C/JDFiZ2L2tSKpNvufveDjcyPdYgrzAIPfq7vNo3NW70wI6mf0DNKCz/4N\r\nF6XUrvIeBDxHq4RTRhDh1WzHpFX8WG98UirqfJpThTFudYSMsfbLSZfXLiKD\r\nXIi6LgTVSFC5et059fIrju9dFeq1zEfy+uqHr5XqMKEkLeafv0R0D3LNGGZU\r\nxy98qr+LkKAxQwlUyyyDcqXQb5JQj6tVniGPKrFY66aSR3JolLLsRn7+iydm\r\nf5zk7rvJiwfEtYnnKxcv0YHlUZZsq42fHy1S094rB3onjRawp6gLDbgT8x2y\r\nzllVrDKOxCUGWKcPfib5KoRDPfW/zq+zZTLdRTqUnkCBFqXmXbMjzqePvhPO\r\nsqAu1s5C5Wt6hGMWTPFj/4YhTeiF8HZrOem6Vs4Rmfrqak9jTIUQIu7h+it0\r\nw5PCAZZq0CWHJA6W/5JyjoQhb8U4zHvLJWJLMpyrnVMyZJtZUslg89SFUywN\r\n0JPJQa7Ka8I4C5EwHaEpSxliJxjoNG5Fogo=\r\n=t+Dz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"903a4c00d6c4501b4eae8ac0007164ef4a97ce0e","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b90be86de.0_1682727627049_0.5700093109962476","host":"s3://npm-registry-packages"}},"15.0.0-canary.51f9c0c28.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.51f9c0c28.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.51f9c0c28.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1e11043e8763e1eb5eed032985c9a5e8716645a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.51f9c0c28.0.tgz","fileCount":8,"integrity":"sha512-ebWpsBhpOU3uwu46OsT4Gv7OUjPP9eQV17b5Ze5y8yYn3FcdKyZI3nBQH7gjlOpH0xhz6DNq/Dx1z7DVL5/3NQ==","signatures":[{"sig":"MEYCIQDPm4fYfVDtDRuUX8AeivU4YfSgReAyziTcStKYppodJAIhAPl2VlsSpV9zi/H6mAE7TjYvkAE+RZQq+LIHk6cuN6eu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGUVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOWg/5AaPcGHXu/qKuUlwVoel8VacSJhApSO4mv9q7XBGNH4YuCSIL\r\nzbXgLxlw/J2EQ3hjpEuI7sCrYXZyyX6hYcOsovyhymNC4p5Ss5G61tHVPUWm\r\nvVPfME4esedby7ruOnEfAt4dOnF2Zw1Ni61/bE9y6lFIqGIM7vFCvBtdu+y2\r\nhT6M9DgQvXEA99nowlAUJY1Wnq3+HGGikjbjcQRb2wsdyTfC5XdwQgy1idnN\r\nLWBfwPwZL9sED+2Q6XhgPMYmKcSl6a7m42DPwkTJJi+Mol9iYTowHKPl11ZI\r\nnqTKBnVnWyyFMMKo2ksyNEPfhjaCVq1UuDftRgs5g+Gc9p0VCiUm/jL2EBIu\r\ngUfBz8MxJhai5jLUpPH4l3ycVMr1La/QOcuXdtBkHumqkpXDWVVF+U0PChgL\r\n76tzIOGd4ItvIuk9b1yF6DGqW1MlX0RXjDCUBNVwJeCIzIO596FoMUaQ0+JA\r\nXC08B1UEJlWY0sFsUxOkd9aJXnQdgs/9itiFtQf+6NTFwELx+QuA1YwPDbZY\r\nSf3zmvxHavvENKTh4w/s1d8rUVAHwSMx/lv2iHZWV2b8dbIJCvH5aK7vWSqN\r\n5kho9nel9IHv8yNeGT5k/n7i+i80IDYS5g1PMkDsBkVUikgO7HrnFTe0hLlS\r\nbEcO6B7CueCGjsX5qkWnVpB1WJuGA52eC10=\r\n=1qc5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"87662f1719363ac8e600f73ed8a7795c25d8add6","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.51f9c0c28.0_1682728213569_0.9314831178193514","host":"s3://npm-registry-packages"}},"15.0.0-canary.4e840d685.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4e840d685.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4e840d685.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4832885ed0df24468b5d6e22e47691a0e19ca518","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4e840d685.0.tgz","fileCount":8,"integrity":"sha512-GT78hLZvSl42BXDq4487tSdBjt8E3Wr3fx1uGhipKXdX1bFFOovqsCoeyLrV/9DAA0Hf7HJyxkJKCIF7r+t8Ig==","signatures":[{"sig":"MEUCIQCB3nOFSuYranAL3dMMXb4M58sTGHaKVVQfuP24lbJ9fQIgQRjTb23ofXZ62RalTxfcv3X/AtbTedRJ/jCvCeoCmP8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"feb1f9f53257b520aff6dfe5dd1a15e319e73a40","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4e840d685.0_1683041531005_0.38595033143914415","host":"s3://npm-registry-packages"}},"15.0.0-canary.10b8563e4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.10b8563e4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.10b8563e4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4111f9cf9f2566759d266497afe20657e61da592","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.10b8563e4.0.tgz","fileCount":8,"integrity":"sha512-BvwrtQ7N1prpNNIbN1d3t9fJRihEqCs7CZ5lSQIXuCRj6HFtIJrfQqJYWc/Lt+CbvJ+LsS+XGAzQjhJREfdFuw==","signatures":[{"sig":"MEQCIEZZino16u9ZkHRR7VaASUqk0Ktop2M0fvajYtWN3jU0AiAYhpBe/0z+AoM4ODWBvI8QZVl4v51n4JgZhhA+EvLs7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUZ99ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUNA//S/czxLgsceWZO3hoJ+PLz1lUCHYt7QTDkCUDu26ujYoSQ7hW\r\nrmX88RryDbYD0Xkfy1rvsIskszsWnu7jpYXl+Qm19wmDhsi2uJS0FdtwLjwN\r\n7lt+ypfZb6SM3OVcERRVI4PoF0qavZFmDnxgk7YKS90Z0ogqh1i5GUx4JJ6w\r\nWpvL8lAqvmkENk2JJe8+CgmQM9gYWEvjNm6ua9AE9U/k2racSZgx4011Q27V\r\ns8b08hxFDYwLrCdNTThS8KTDAmdJPwdL/361PBLlmFaWWtsyT5kqSrpBxSCj\r\n4RxJ1QBP845JPD/iFqTgEraqTfJnwXplbCJ+XlyWrd792LQ3Ts7ccwI2QMPw\r\nYQHDcMqfgvIpOjrc25+2CMihwuvMHq54gPduuXchKD6pR4n7TyOSLVLrJKn3\r\n0ZpqW5PoDh/U+FkI+uv4MKy/ER1xRl99jikNGt4bGCAE9j3Ag2nb+2h/Ggod\r\nyDtZlnvnr5I6sHPIJ0SkyWknLPB1DPxXu3sCFIe7NQTyT2NrAD+UKA3Cv7dU\r\ntAW5xFZnl30yxkCDEpNQuyp0xND1Y9oT+q5WAIgBFyHw2pjLVDVl09rOcRiR\r\nav89PuPz1bo2UfJvLIR8B5L22N+hEEf11HA1I65TI++IbzeVOEu5NGJSiIo5\r\nvuPIKMeFeqXmAgjdWA1HY5GVgvXD//yDxak=\r\n=Nohj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5f71dcbe45f5245c72c0fabae0162af558c5c395","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.10b8563e4.0_1683070845467_0.8137113709150157","host":"s3://npm-registry-packages"}},"15.0.0-canary.736b7fda4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.736b7fda4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.736b7fda4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01d17982875ec08ead82221f4db3fbcd3bf7cccf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.736b7fda4.0.tgz","fileCount":8,"integrity":"sha512-wpK470PhJeUB8REXMBRSMaXi113j7fAa4aY0hH+wbxA/fXFiAsuE4ULvZsN/CuHDE3/jyhiFn4k/BHkWNWS9RA==","signatures":[{"sig":"MEQCIH7KiCUfvMAPsxZONaBEQw9AERbuu3z+uJilwkcslYkgAiAtYgbHla2z5bPmT29P0zB3cqADApllHRRfiOzTXGQnmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUnjZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoevw/9Gsur5NJ17F6L6+cXqso/OlZSqwRF6EjNVZiPJyFrlrUMbuBl\r\nLttDOoP/kbJKL2F17ANVPoqRETVMV7U/8CHxbs6E0oLaMILwvNwQ7BgLnR5z\r\n7A/tbZHdzP7fvp2g/pA73u1q08bu+Jz2K0Rs/6s8pCkqGvjEwLRsn1651LNz\r\nkHmka1R/IgGCkRAC8XjIR2HZX74P3IFhWPlTduODkbN62GfokWH9svfGJ9FD\r\nhNIA+eP/cqrLe0XD+K0qIpKi1kqAXxJj5tI7sEdQnjBx0dn8/jfbK6zR4kry\r\nU46fWd5pjIjIEF68gFCyJ4gWq2eTWQ50p+LjK1jbw8tJVYCwzKmwPCe/mDQb\r\n4AO5KSZ1UCnAx8duvtrrqa1QJOn5Yu27GZ48kEAYedkZBCbmOUyRitXO2TFn\r\nCAboCx/9Og2+rpX5ZdTNViAqoCmnJJm2tBaT0bbtROGtuKivLj913L6cytaq\r\ngYIw5a3MIPgTqBBq/jQsqhoBLYcu/Da39Kt4zRHhAjtbD2xZ8ZhXACE7GeAG\r\nzThGtOLvFw0cvF5vo3F3aWskzxf1cNog3WLTqA5exQaNVlvkp+ymoxogOk5S\r\nMegylTTzerb68jvffoD+MFGsQzBLUKvsdSSZktPEYtp9jmhtg+QhH5iD7Y2z\r\nsrQKIL99/7NMmhRQrOsussNdR3WF8Mlpjyw=\r\n=5q8f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"b9ef54594aa8f93612aed085460f035d0aba61bd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.736b7fda4.0_1683126489722_0.6042087030462449","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e533c5a1.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0e533c5a1.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0e533c5a1.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ecf8c402cd907943cbc907514b20eadafde7e269","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0e533c5a1.0.tgz","fileCount":8,"integrity":"sha512-TlpNwrGnu/F9PuuZlRptHkHMByCbdS8XBD57wMwTIqMw2Uwn5SkH/SoHZF35DvcDs23fJfn5QhHcM7zttGrMbQ==","signatures":[{"sig":"MEUCIAt5sOPbS65dNEY4bHZOcKv+Vp6OMa0Oa2GRnFv8F0b3AiEAst+WLOKFNd+JDmZ0+e83N+h6DBKwK0j6+ThJsLrLdpY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6b9b4497cc6457c9e92ab3abdaad626c73e610a4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0e533c5a1.0_1683305703323_0.8102128913044717","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f01c15a2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5f01c15a2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5f01c15a2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8cb0dad8258f49c40304ae838db0dd750823f0e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5f01c15a2.0.tgz","fileCount":8,"integrity":"sha512-AVKZxTG602d45Qfph/J9q4Cb8gqWaCXqaGKrAu6JKHN1Heo3gXXQV0+pOg7Iq2EBZCRariBjgfVco6E2u6/fZQ==","signatures":[{"sig":"MEUCIQC00TIAkxAY03Oqb84ZfbmUSJbHrnG1G9cRVzle+3N1sAIgQdv7o1tdANk9OkCrjvndio8BW1w2+ZG25eW+4Btn2ls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7bb1c5dfc575b36654ae046d1f4ab3b27e8c8f9d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5f01c15a2.0_1683307507808_0.4999731282108495","host":"s3://npm-registry-packages"}},"15.0.0-canary.3b5b55e31.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3b5b55e31.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3b5b55e31.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8d6225ba8cab92d777d90f7800712b609194112","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3b5b55e31.0.tgz","fileCount":8,"integrity":"sha512-ZOlpc4s/myUYb+3qP1t+XFFZP5oPYe7R4kXU8N0roG3XXk0RkxiTI8nje2a8Z1HbLIcHHbCtwiPj+STHIYt8tA==","signatures":[{"sig":"MEYCIQDOtmA63C55QGAp4dyd3kEuaxoYaWHYLEbOh97aDqWxZwIhAOvoKVtzKcsLoI8qVDDjU3ZybWSkVxXjq/ThaNWYnx/Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"c262d9ee39655e869886d1584551a096ae56dabc","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3b5b55e31.0_1683311858008_0.015719210739688627","host":"s3://npm-registry-packages"}},"15.0.0-canary.d0788120f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d0788120f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d0788120f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6da06011492710d6c93c32fadde45f6ddf5a719","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d0788120f.0.tgz","fileCount":8,"integrity":"sha512-9Sd4O0hQwDvkHFzJQBlaZS6Jrqzbn3lozcECDMMnjUjoG4l/5JWuF1iTch5olhOwHLs2UiiGFI4iCnCq4Z3zdg==","signatures":[{"sig":"MEUCIQCxYjOOL92Zhq+yRtSGc/kLe5ARS/zOsp7IFm5nG0891QIgHZKE9AUjTuNcSLfIViWqM72hTZhA/lj7FtfWnahECk4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7eccbee262206623b89c40dadb4e11abe30d5e45","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d0788120f.0_1683620512863_0.9108757855764962","host":"s3://npm-registry-packages"}},"15.0.0-canary.f52358dd0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f52358dd0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f52358dd0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"368715c96366a84d0767fc6dac9f7685f8ed700c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f52358dd0.0.tgz","fileCount":8,"integrity":"sha512-FQxmZqZB7f2XZqEdLQegNN7anbTb3xFU+7o4xI6yLMHoDIN1M8LrGWjS2rhNMUg89ipu+66+1N/pvy7IhMtqZQ==","signatures":[{"sig":"MEYCIQDRn5xlOyggS+0Ctxq3PhFsZmQ6Iw7NBqnNNR+2OaAMoQIhAKARE8EVApJTINIdIwkJ4KjJQy4KypapzfaNkNsRKFNO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a4baf07a9736a6e1fa40001f7198ae1865d67392","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f52358dd0.0_1683901749333_0.17827704472940797","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3c3fbaa3.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d3c3fbaa3.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d3c3fbaa3.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e25e0537429a5a12270f5e45cee87ab7d1b4ea8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d3c3fbaa3.0.tgz","fileCount":8,"integrity":"sha512-dXcg2PcGPaRWvyH8iElcB/WUpU4XchJ2uHtC9iujTwD5aEO6alN5iwJT3JS86syLGd4TmE8azngCl3QyGUR45w==","signatures":[{"sig":"MEUCIATz50nxup1czdFtEK2j5ek5zhWd0lzaO3SH6n5TuUPnAiEA1rW166oWudVLc1kS00xvHdzWMSKmlkfH+JrLPnDcsuw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3b7f31c254605439f8fef56301c46f7bcbf3a9fe","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d3c3fbaa3.0_1683914354731_0.40305826372470777","host":"s3://npm-registry-packages"}},"15.0.0-canary.576d3d2c8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.576d3d2c8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.576d3d2c8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58a7734a6d6e1d193c35ed7af353271a17dfe068","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.576d3d2c8.0.tgz","fileCount":8,"integrity":"sha512-i93vd9JZj5mDCzSrIAJjnuwySo/zkf3S+TmCcOb5vp/8R6Tkj5djTZt067PIUX+HN17Ukit7NSpSVTbJjAsaBQ==","signatures":[{"sig":"MEUCIHCpoybrtiiP8arOxD/6e8adkQwzS942MP2yeUzmR/s6AiEA0+ezL2Ep/uKFHTSGWldO2UBRasLpnC+y/HlEox1Gch4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6ace19a21b6654f14cad48fc007198859874c910","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.576d3d2c8.0_1684202331058_0.7754149880113512","host":"s3://npm-registry-packages"}},"15.0.0-canary.19bb36a46.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.19bb36a46.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.19bb36a46.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a83e210ee41941e45d71b800484e4948c679a00","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.19bb36a46.0.tgz","fileCount":8,"integrity":"sha512-9qZXbJJZ1d+c/dHZ2cqratIU2vc6AwemVew0u29j/8+Z4M22+SuCKJWKvPON96I2R/4volYGjNH/NvHbCfujDQ==","signatures":[{"sig":"MEYCIQDb9J9sUc1lBh10gugBCS+IUWTQeiJ6GFtP1jedGT6hiwIhAO7cFSmtrEsjyYeaSbd2K83mBUf+rRwlGD5MNcL7U8iP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"75157be315eeaa02f70ed69f97e44a7d40d53e42","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.19bb36a46.0_1684266770616_0.671761814207791","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa5ac7fe5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.aa5ac7fe5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.aa5ac7fe5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2951b0640d58d75dda22bdc0075f0ec571c2de6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.aa5ac7fe5.0.tgz","fileCount":8,"integrity":"sha512-7MT1DVhzN1ozbriclLfor0aDkPCP7m1Ceap0uPGMb4M/UKV7MX4PlXBB4OsImWJiCIPFgl01hXbA/u18LgSFzA==","signatures":[{"sig":"MEUCIHeEbHIBY3rtQogoRoRendXplsfvdTMP8LLSaZowu7VRAiEAoZz2Fa+YppJqy4CQZs9HU5THtgXh3QrIfVDPjuef+n4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"83e86542dd6facc8ffe487d31111412ee18b5bde","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.aa5ac7fe5.0_1684776249443_0.8369261343918399","host":"s3://npm-registry-packages"}},"15.0.0-canary.90291f2e2.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.90291f2e2.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.90291f2e2.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09648a950b057f2942c7b4798d0baadb20150629","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.90291f2e2.0.tgz","fileCount":8,"integrity":"sha512-mjUemPnMLXPooDcPHxxc2uhVUzm7X3NDsE0x0QJnsHDwuejakaRLghVcRDX3x1VmL/p52Eu5HrgW2FryFEiVhQ==","signatures":[{"sig":"MEUCIQDN7gVCWg8t2j33SkB2Ks4VFvGaumqacJKihAqoJdNK0AIgQHcqGePXeE0D2YpADjvVbf46bQZxkRLsPuF9ZI94/IE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a1c306471717b15ae8f0b481703ed1b46162df25","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.90291f2e2.0_1684863688627_0.3825623980276982","host":"s3://npm-registry-packages"}},"15.0.0-canary.446734f27.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.446734f27.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.446734f27.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b7c54e20c2acb0520d4709574ff3442d8025237","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.446734f27.0.tgz","fileCount":8,"integrity":"sha512-StovKoH/hXSdnBCMfeoCSkOQ14dpVKSiFU7UEdxBaccgomGFBLepX+jQdkQpAbN9PbcAHeOLsbRooXuYsOqdEA==","signatures":[{"sig":"MEYCIQC1MMCSwgKHPQomIz8wrHN8GsBPJF3boGvi4SUrKpdLcwIhANNGLS1++jgkC/CU5eND1P6N/B57WLhUOlaXCl9iaa40","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a2536a849aada5f06aa85deaa7be06f44f620023","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.446734f27.0_1685483216086_0.9155232991127447","host":"s3://npm-registry-packages"}},"15.0.0-canary.19de312d8.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.19de312d8.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.19de312d8.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7a2330813415317db7e5bded0e7886ffc980c2e6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.19de312d8.0.tgz","fileCount":8,"integrity":"sha512-EbwJ+puczLIytJrsIrGskhkgxVgMWi5Ok7GEtOyEW/BcF82pBTpjgl/v4eTkv1HW8RZm1BH6rsPpE+amqv51mQ==","signatures":[{"sig":"MEQCIFC7NnqRHevnU4XVB8Eq02WZDYd3KMVAVOSCFp6eDeUsAiAVLXkO4KdcSG4Zip0U+iWOsx6w+lqIvDYX4kRdO3TEfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"dc3811573a34ccafa5c09bcf14574bfb95373958","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.19de312d8.0_1686071806230_0.2078549352261665","host":"s3://npm-registry-packages"}},"15.0.0-canary.6081d829b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6081d829b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6081d829b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"faca596f7f0a43f7a64acfd139fdf7f491784c35","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6081d829b.0.tgz","fileCount":8,"integrity":"sha512-wANaWfRNCzSTKEPHJlcdNfp4xtMgE9InZJDHGis2Jpxv6BpuHSO1qp8NpQ3EPoxZkAAoxFHQtLPDatQh9ce07w==","signatures":[{"sig":"MEUCIAz6s6fCfjYfreIixluZQTKoBNszyLM49aPQMz+ARSM2AiEA/6VLLh+Ebml+kbxb5D0pwLkdytv6/ZlA7jurPW1vGHE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"033569cc4deafe32dad2bf8cbd1de8789bc85668","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6081d829b.0_1686100371337_0.384867404785205","host":"s3://npm-registry-packages"}},"15.0.0-canary.b26c34a68.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b26c34a68.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b26c34a68.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a86283ef7cdd3521e61352fead7827fd8a04adb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b26c34a68.0.tgz","fileCount":8,"integrity":"sha512-wfRl56y0pDIGqg4pnDHYDrSxkN1kUxa/TyN2B/Wo6MzR1+BeGEdLb1PefnQsM88TOSbscHR+1Vwfygf+P4ChTA==","signatures":[{"sig":"MEUCIG5pUZHwtis5qwXBxjk/U663sL8WYusDbLAiXxW5r9HcAiEA0Sp2BP5mI9OWu6G+k8gRhKm/10Id9puvMtyhUzNd3m4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"28919516866e588c52e4e6358c3c4d2523993b74","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b26c34a68.0_1686168908915_0.7816102804863494","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe911371.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4fe911371.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4fe911371.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71b277b8f1cd27a71495b69ec07b8c2abf1f619e","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4fe911371.0.tgz","fileCount":8,"integrity":"sha512-sLTjAQ03SHZj0J5pzirSHbCswz0Cq0ZgzJqm72osLhltcC5dJefafCPbPQfnOEDuAV4rxFjADPmjsRpJD989bw==","signatures":[{"sig":"MEUCIAJ4CzG6a18m6Bjtf4ZKBYb8wK8CaOpQOMvsJ2RiflZiAiEA7QmLDLYBDa+FGEPK5XSa1jJ0hm1zCQ4KCJ3hc28EdfM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"a9de53a24d5e0f79f94310f061cdf2ab718df7f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4fe911371.0_1686179076329_0.003457521650127582","host":"s3://npm-registry-packages"}},"15.0.0-canary.a9ff9866f.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a9ff9866f.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a9ff9866f.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36bf4b0a73e3a656a0f50f96c8ea46a1f93eaf04","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a9ff9866f.0.tgz","fileCount":8,"integrity":"sha512-vo3M3i+LftsEEYmWjwhfv5F5NtsxJ99apMMgpo807M/0XbODO+88qhDqUcLSwzOnoHIdQ5SJWplahpmivQ5izw==","signatures":[{"sig":"MEUCIG7pjbkB3a1ZKwIJ5nA0PZ0jnpeJ5zT6YpkMWrT1sIejAiEAow1IaNz7GgubqQIgXl62oj6rVU8ew06BcBuu/D23tOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5bed0ec6cdad0c38b52e8ac98994b2809d9c8f50","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a9ff9866f.0_1686656223855_0.7445560012347996","host":"s3://npm-registry-packages"}},"15.0.0-canary.b994146f6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b994146f6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b994146f6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53e41308fc489908fa39ab5a6780aeaf6ffe93bf","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b994146f6.0.tgz","fileCount":8,"integrity":"sha512-HR/FjSQmza98B1DF80MRjODyfOI9r7wXkPSts/cLQsYkpwZ5uJmxhvQKjDCeYVpMV0lQuvuvVOQo7uD44TdWEg==","signatures":[{"sig":"MEYCIQDbtCdg+fsdSdI+t8oHKt/Aw9qcJHq0dkVdMYlWiQ5TFwIhAKaZOgaRzG/X7n4YtX5ktGbrFyTsIxOGqSWz+MvFr/65","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e537228a5d88e4fb9c651aa15b1d56bd81bc63bd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b994146f6.0_1686776538680_0.7854953549894035","host":"s3://npm-registry-packages"}},"15.0.0-canary.1fb4b1a06.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1fb4b1a06.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1fb4b1a06.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"450e327ba2ba4cf02c3386293f22f19c88c5d7e6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1fb4b1a06.0.tgz","fileCount":8,"integrity":"sha512-76bpVkORErBPpqVjYTy7/fI622uMehjduf8ty9/IPVzaSTqQYuMYdC8SjR/x6C2lcE7kVVShrbcLTPalYx5qMg==","signatures":[{"sig":"MEUCIQDyeZOkh6SGt7tmY7Bu54MeGhvleRtXuULwT0EKkTfgLAIgPiWP8EF1bIYF8pcUtdDicl+0NcZdTiZhBaD7ZTvfBaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1d1b86822f3fc9f22a5fdfc1c381d5a4ae983829","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1fb4b1a06.0_1687892134883_0.3090499005964338","host":"s3://npm-registry-packages"}},"15.0.0-canary.c64a2776e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c64a2776e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c64a2776e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7d4bf668d765a4bc832c5a7e82e372c7bc453e7","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c64a2776e.0.tgz","fileCount":8,"integrity":"sha512-zQN3QyIZgjsEumdKf6A87Rh3j1vuldfHvO1a2mJVhFX6cSO9ZjblzMvbJzvo9N1+PRSXfRINBObWRsi+NFeSdw==","signatures":[{"sig":"MEYCIQDUjaT/fkaRD/kx2+s3yMHjO3OsnT2sg5Lfu12ctSLdPgIhAM9HdexLZ+UzGnOFaYch3FNsoeN39C6MmLa65v4Z1crf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"271b0c446646af573f67960820b6b2a86a9bda88","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c64a2776e.0_1687896912395_0.6928783271599654","host":"s3://npm-registry-packages"}},"15.0.0-canary.b05d9eb7c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.b05d9eb7c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.b05d9eb7c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47d0d30907294727bea01e20ea9d79c34d39d0f2","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.b05d9eb7c.0.tgz","fileCount":8,"integrity":"sha512-cICOFz37KvYfL8NHtYPG3R7FTYgAv4Sn6T+b/1Jgywts7wUZ8KR3H5EBZIBx1l2gNbqjOHMdTAfTfV4LfpIOuA==","signatures":[{"sig":"MEYCIQCAuouYmwd452JrhtUMlvB7EvmFEqSLQhRd+GlPnps/oAIhAL4D7DyKdsxaxyGNJ5WerPlv9tRiWfBvQWTxbBFHUQtr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"854245f23fe0f7b3dd1163ecefd940b26718c134","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.b05d9eb7c.0_1688055748031_0.08557966622228674","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a9697dc5.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2a9697dc5.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2a9697dc5.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f0724f922ef025dc37fb5dd069d6ea43706ea71","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2a9697dc5.0.tgz","fileCount":8,"integrity":"sha512-Nxt96QNzKi8dkYMRyfgp1EVmWzBnb0tIW1ysfcYDd/hvNUPw8S9Ss0uNw/W7ravO9jR5yi2MJ4KRPuv+kaHfpA==","signatures":[{"sig":"MEQCIC+dJLopuzHymsbDN+57/80I/UJi59cI91wY+8fqxHbpAiBkA7ia1TqxXlE1Ew6USs1j/as+Q0UYZaXociXjT6sruw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"fad1e5223c83a5b7a83a6ef81f7ebdc83a85672a","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2a9697dc5.0_1688163163797_0.478157345739161","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c52adeab.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0c52adeab.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0c52adeab.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61ef6a7068622477ad2571bfe83ff75cd58d704c","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0c52adeab.0.tgz","fileCount":8,"integrity":"sha512-LSuqTclxmtnvjWM4FwtJ1dKGmQ4ZnmSWrpRuWF4LIfJeJHUoYdakQ6TCt8ixwnSLyqyAOWEwsqyOTZv6mkItCA==","signatures":[{"sig":"MEQCIDVlOIMZ5ujHdGU9ORD8DhPRiMmU40R0c5it4wuHBZsIAiBUsZNI2ujIiGBI+mN5Qb5hwGkUzgfQ8ZhU6u01CLTjLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"972024dd57885ff944ec073de0cd956353bfa7e3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0c52adeab.0_1688574264339_0.20091978458120008","host":"s3://npm-registry-packages"}},"15.0.0-canary.83355c322.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.83355c322.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.83355c322.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2b73a3b6f1f0efae45880a134042523a7c93b42","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.83355c322.0.tgz","fileCount":8,"integrity":"sha512-zNUdpFhcgJ/O3m/mhlfSgEAZpIvm9Q85IaEXaOQfb000wbqpAL9x/D6eQun9Uo5kMLE8sKbuRnDFVfVJFzWw3g==","signatures":[{"sig":"MEUCIB0cxDU9rRoXkJ/7DhUU/wgtT3gth0a02to3i5cMGSU3AiEA1Ju70kmsklRWycBOmFCU/WxGlGY6IM/R1Fx8mFGDjr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"173401c2dd65fb3babae5b8e998c0a0032ff819d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.83355c322.0_1689001427896_0.9089203680203597","host":"s3://npm-registry-packages"}},"15.0.0-canary.bc9ae6c9c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.bc9ae6c9c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.bc9ae6c9c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5fd69774664f20f176b3825072d7f2e48de7621","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.bc9ae6c9c.0.tgz","fileCount":8,"integrity":"sha512-wkDjVcoVEYYaJvun28IXdln/foLgPD7n9ZC9TY76GErGCwTq+HWpU6wBAAk+ePmpRFDayw4vI4wBlaWGxLtysQ==","signatures":[{"sig":"MEQCIFHTWeOHOXUV4R7G5kJOc9BoXVfoFKV+Sv2s4qnVNUTqAiA7I+jq0aKgMBdXHR4ntktEkc+bUMnAPsVw/45SLR0tgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"9f0b9b80c267d99daa258e635481fecc4cbf0acd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.bc9ae6c9c.0_1691097448602_0.1645660091375194","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c44cd956.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.3c44cd956.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.3c44cd956.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ca47802ebfb8be970760d0c55fa4731b3bec557","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.3c44cd956.0.tgz","fileCount":8,"integrity":"sha512-j/Azhz0kRIACXXhHMUofTJzgwearXbiZnNpaxc+/0rYAM4fTE22QMJ4QpivAtriksXaO0z2jS96LZ/pvoLGKWQ==","signatures":[{"sig":"MEUCIBnb3Db4eWoT23p84dzxnVAuYPgu8j2lfnhiGKlJmziHAiEArzZn3gR0Qh7JM4h6l8C7EktiMCYqLvcTQfdgI4XWyRE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6e39da189328fcabc7040a629e312efe5f7cea80","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.3c44cd956.0_1691430344352_0.9152314474625416","host":"s3://npm-registry-packages"}},"15.0.0-canary.02702296e.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.02702296e.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.02702296e.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63ca1136dde3c25c04238341325a37bca355b109","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.02702296e.0.tgz","fileCount":8,"integrity":"sha512-uWsElOH3cupxiMneNn+54/o4locQyCWkGhitAGAuMvjWeNUI6kxL3nkmO260pXBsEB8doVPWV3XqAhvnHbmWeg==","signatures":[{"sig":"MEQCIEXmTg63fRDoY1QWs1z72JZaUVehA6KhjFJpE7zvcGgQAiAS/l0OFci44n3y50lx+pB6AYviysqnvcb+GPWuUSVSQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"22335673bc742932498b2538321ed9dcfd692879","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.02702296e.0_1692965010856_0.5166456272283286","host":"s3://npm-registry-packages"}},"15.0.0-canary.872b65832.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.872b65832.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.872b65832.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0895e0240e726df77eb90c25426b7c8700e3cf15","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.872b65832.0.tgz","fileCount":8,"integrity":"sha512-V898eOh+Jcf9nGbSQVY3CmZN354UKxvai9F3KYmbXZcE8NsbbWArzPLwJb3AVrOdrPPZQshu58M2TxRDdRxOCw==","signatures":[{"sig":"MEUCIBKzR605WQ0MwaFSI1cJ700+clGd7cnK/tTEP//CafuwAiEAk1n10hiBBpQck3trlnFnGHO7c9CFsr4mrxWoqcRbWwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"be0901c091f812355b2d192c49bd051d8daf7a98","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.872b65832.0_1693397489228_0.015743737549196224","host":"s3://npm-registry-packages"}},"15.0.0-canary.89b2e4122.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.89b2e4122.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.89b2e4122.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c23f067e99368c506ab85ac6b84f972ad332085","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.89b2e4122.0.tgz","fileCount":8,"integrity":"sha512-vVFOGG1DL1sJ48Bo+jTv1WP8oSNa1+QiTmtqp16oADtvBjZuTdbhCvJd3bSV4N/LiLQO7Vj93nOseuhGJ85GTA==","signatures":[{"sig":"MEQCIGTC+OQPlwdCASynYepgik/ZpqNgCiYd/6Vmg8MqnEDsAiBz4TcPlru9jL9xBXOJa4/QhYxu6g6TIASXX8UaRkb8RQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"68bd55db9489546e515443239f477836e16db19b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.89b2e4122.0_1693497915931_0.23073549871714505","host":"s3://npm-registry-packages"}},"15.0.0-canary.7a3942e7a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7a3942e7a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7a3942e7a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"faea7114d17291d1c1c09a9ddf96421633324ea3","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7a3942e7a.0.tgz","fileCount":8,"integrity":"sha512-smEdqttZmnRX7R/X7AZkAHYdnqhbxkUXWir6iqHwxtphslGdYTlr/2X3QLzw93P0Ouvr0I71zRZ4q0JLf3poMQ==","signatures":[{"sig":"MEQCIArqxsCTPb3mJH89viEObutMHfmw7nborUEwKnK4mK9HAiBE8j1an9+nXNAkH0qu4TQzb4ikYNfMWNyqfGdF1uTQkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e61dc0a16a5b376c778548e5a6cecb56f5c5704d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7a3942e7a.0_1693507084189_0.6192372634819754","host":"s3://npm-registry-packages"}},"15.0.0-canary.54feb3020.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.54feb3020.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.54feb3020.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9b08004c157d1fb99b54bb65c964d76da99cadd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.54feb3020.0.tgz","fileCount":8,"integrity":"sha512-7nJM5FktmXieHSfLvfUihPvJ1jqODECOOTv8j7aezLeISoRc/og0t8FLVRRV+YfymK20KZdE5BlEExoUsJyvig==","signatures":[{"sig":"MEQCIBD7iaIzpLzIHbVnYEV9A3YehZ/yiHo2MhjAydHk/RelAiADI9KkPBTKTrFwidoMpxVFqdzKpiBSpRH0Mquudasfrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"5dc5cb94463af21f898ddd58cc4d9e4fbf803222","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.54feb3020.0_1694466214910_0.5258730756594001","host":"s3://npm-registry-packages"}},"15.0.0-canary.6cda3ce8d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.6cda3ce8d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.6cda3ce8d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2824c86ebdb378fc4ecd2f69f71ea7acc4fade26","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.6cda3ce8d.0.tgz","fileCount":8,"integrity":"sha512-PJB1S+fOEIg+7a4NgLetsWSLbKC9rO7TfL888XB8HQA29kCqf5HI5v0Pa6gUNZ8ZCd7agh/ii8LLZMQM8T3M1Q==","signatures":[{"sig":"MEQCIHe9FbIdP5EXdjjhwNZL9y01Ucb8OuNCx2/FdLJ9vs2SAiA/3DDY0PqIrvS4YzdDOe4iHKnENSQQKybgDVOfcNN3bw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"adb36c6339e7bf37fe1e8ca96526a9673ca602e7","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.6cda3ce8d.0_1694483016828_0.29464298956917867","host":"s3://npm-registry-packages"}},"15.0.0-canary.205b20b36.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.205b20b36.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.205b20b36.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9294a5526aaf674fe36ce935887f9979621751f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.205b20b36.0.tgz","fileCount":8,"integrity":"sha512-iNkryjk8PsWja9SERTZiQmWYhycK2Yyq8PuSDLG+nJWwbUQ6O3pxMkIJSYby28TfuPLxsdDHRXDXaD4C03B46g==","signatures":[{"sig":"MEYCIQDBJ4a4d2/aqdNinlpYLxEJCJiv2MYqVnGSeEu8lpE6hAIhAN5XADKVcshbod7NM/Pcnt3S0y0pV4yVvHCHXuF3Z97q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"00fdcf619c34c502844acb0f2485e99595aa138d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.205b20b36.0_1694625283501_0.7372090915798548","host":"s3://npm-registry-packages"}},"15.0.0-canary.22bf82024.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.22bf82024.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.22bf82024.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3940f3581f108e3de0002e8ec6c16cb0c238f45","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.22bf82024.0.tgz","fileCount":8,"integrity":"sha512-D3XP8BFDWzuXxwd3ULdJKfpHsZBiKrZ/s9nkrw1OHBYTHPo1CqH8E3kIKe1w1x41bflvQVFw+E2lF+aNRJriow==","signatures":[{"sig":"MEYCIQC6d0MJRTLwAKvsG4B5Zm/X5x32UjmAiNDeGTXJIB1htQIhAJAV8WVMlvzgKF6kn677jWykZWdvsJNUGR/Q2ihQmX8U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"eda4fad2a8a727b69db60b828bd92df7a8956143","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.22bf82024.0_1695028232930_0.03148070844449191","host":"s3://npm-registry-packages"}},"15.0.0-canary.a246a4439.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a246a4439.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a246a4439.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea6410861bc847f8315b163333147d7d7c82782b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a246a4439.0.tgz","fileCount":8,"integrity":"sha512-/SU9X5y8CRp6RS9qnjnM/N5qfsJ8bYILpR841eZmN6DLqMupaM9Yy7Mx8+v/QvpBLLhk+jmu79nFzwkwW54d6Q==","signatures":[{"sig":"MEUCIQCaVZRVbFNXZ6C3UwVs2S+ok7B23BRmmIErIzcsqPZukwIgEIkLTUCIrDgcu+ktP1wBWrVuvx37hzr7RAYwgb3FNaw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"40201df8b7e53b61aead4acdfa34b48fb1d155b8","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a246a4439.0_1695059049024_0.9787433744177751","host":"s3://npm-registry-packages"}},"15.0.0-canary.d153db62b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d153db62b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d153db62b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a669f358d9b3db8934c484ae0655432a0fddf78","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d153db62b.0.tgz","fileCount":8,"integrity":"sha512-PgLa1uFA3aIit5fHO1AvWPKO7ZSlyco3N+/OuTg+8xBKH/nFP9mI9HbOtmyGPs3nTKeLq1x0NPt6reqKbZ7ZRw==","signatures":[{"sig":"MEQCIEXbh4ZMRfWxAFdcjPXRuzIw7AMqCQH8lC3PjTNMdL6BAiAkOW3gNJySFQN+rYFUO6Q/ysbAYW25YRajNpt6Wt08Ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4ca05c144c691cd06cd5926fe0bc54818e462202","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d153db62b.0_1695150761816_0.8963362080819866","host":"s3://npm-registry-packages"}},"15.0.0-canary.2528c1c3b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2528c1c3b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2528c1c3b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfd949e06095212686fa0041ef9eb86c74ee73de","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2528c1c3b.0.tgz","fileCount":8,"integrity":"sha512-asEpamAHFSpYVCc6HeZAyIq/QmE2n69idYTYqMk61whEzB/lbtLK8xYPwn54GgETHx8RQt2mv/jXqAKPAu3vag==","signatures":[{"sig":"MEUCIQD7XsC9MGO2srQsxbFRrpkMgmzy0f2NCZQuoj9IZbEUlgIgDBosyvwu55XobXNQXFk51ogyQ7pI2QLJYBtyiyttlM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"98b5b57bd5356f48610a254e8c4acff388d5fb7b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2528c1c3b.0_1695233094724_0.5558170582938085","host":"s3://npm-registry-packages"}},"15.0.0-canary.1728a6dcf.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.1728a6dcf.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.1728a6dcf.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35f326af5ac65409330ad00a242f996d411f39ef","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.1728a6dcf.0.tgz","fileCount":8,"integrity":"sha512-52OIV8UsnaBLPgDEA8Tgcs2bgjChQ8FD+2YzPMTtPwd4Ww3vXRuUDBoW+UwtKk9ypvRAZtQ7ZgojIwOFwiYJcg==","signatures":[{"sig":"MEYCIQDDM2peUzJAMPiZHvvR+tghdCrXzHYcW8LyFcX/8E7f6wIhAIWnWYzqo9NiGIXaI0w05Ipoya55y2n/FlJuVRJFyg7U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"3828aedf4f344a948780a69956ca4f069cef3daa","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.1728a6dcf.0_1695691298358_0.05814706221100541","host":"s3://npm-registry-packages"}},"15.0.0-canary.ebb636f3d.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.ebb636f3d.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.ebb636f3d.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a1e7f079ed7fe945055f32c9cc1e4d46e427a5f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.ebb636f3d.0.tgz","fileCount":8,"integrity":"sha512-LF7mn+MJljUAjLr3Oc4gkw6iKy0bVrhg96tIgS/Pvp85gojfOTZRF4mCcrStRAvKIDc3Iej5ZRlAT4iXk9R4ZA==","signatures":[{"sig":"MEQCIB/j5gH6KM6dFzy85/XPTkppO/RyyKv580EDHwQSSuIZAiBihgJoNun8DJyX8yiSTZCoM3cJEf+5hP+hy/6x1gEQvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"6f62607a00dd885ebbe422b247dc4acc1ded22cb","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.ebb636f3d.0_1696016590869_0.2982533082032288","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0d21ecc9.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c0d21ecc9.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c0d21ecc9.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b4bb26ffca2a3678c9cead1d05577bd0d0627a6","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c0d21ecc9.0.tgz","fileCount":8,"integrity":"sha512-WtQsKafhqsEQa00nPPAeaSJh2T2SWVO+Qq6DvncSPi0tRuR/jV31B2Kq95OjD4l4pLcbnqkru4QNLPlfVnN75w==","signatures":[{"sig":"MEUCIQDNP4OPuIp41fIYB9wBsRf9gzXA5XrUWmvEf8Y6PWe8pAIgXQwTstjEatXmPa5b6bL0NIQuf8y0hISeU7/jisADlwE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0a932ea790a12d359ce4ec7c5c4c7aec7edf565d","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c0d21ecc9.0_1696880129780_0.8358501810442078","host":"s3://npm-registry-packages"}},"15.0.0-canary.127a44b28.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.127a44b28.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.127a44b28.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10c4e7f61b7844143e3aec5025f60eb85ef5debd","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.127a44b28.0.tgz","fileCount":8,"integrity":"sha512-KZlQ17XiCdiVl6lIzwPzhG4viANGnnu3rkO8m4IgHia5SimYpzFHRyBtMe7hPiS8nLtj3iwzaThftK7lu2cdgQ==","signatures":[{"sig":"MEUCIFmVBGUGFU4+yW2qzuCOtwjyHj2VVaOyqDhPOTHxeG/OAiEA7cuqD+8Fd/6qo7VbaaCDosj5WbpWeroF91LLbIMiZyY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"88d1fc2c5354e751ea3ab567d26bb1886ee152d3","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.127a44b28.0_1697140704179_0.5655574103399854","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ad128337.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.0ad128337.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.0ad128337.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68143c990b7d0074eb1fe0df1c47ee51f023ecba","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.0ad128337.0.tgz","fileCount":8,"integrity":"sha512-t1b5Y0OsGLZgzoq3Ja0PlpgGSoCxWLPAF80wcvlcviIt5epnMN6O4IDTZyNVzh3MYjTYyDjeyJABWMjSFzAEOw==","signatures":[{"sig":"MEUCIQDBMiyNQupjV2zlq03M5SuOc6BLUaD9W2fTVnVBioEydAIgB0WtDTtw7lGTjE5uAE4pEVlNc2nI0UXQWqa7r8Qp67E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"bb76f531b61a52aae34c7a1efa45824fd32e49f4","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.0ad128337.0_1697741417686_0.4161170951327142","host":"s3://npm-registry-packages"}},"15.0.0-canary.9cec94097.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.9cec94097.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.9cec94097.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34fc14ba14cfd113c5c3452502e2dbdcff3ed798","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.9cec94097.0.tgz","fileCount":8,"integrity":"sha512-mgQBmMEiC7hj4pM43un4EFzQ7PvA4gjzt7wrDie+rPM05GRftLPBqZMwLlCXzqtgnH86cqe9WPCPqxpsyw0pGg==","signatures":[{"sig":"MEUCIQDrA+iIpMIXPqTz3QNdq2VxB6/Fqoz7Cue+KB62Sum9awIgKN4gMf1lYwdm2Spt7ioRW6flxlb8Z/ptDcUhH06dU3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1a8019402daf97efb72456551503dfb3fa31466b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.9cec94097.0_1697756884909_0.7034773148273694","host":"s3://npm-registry-packages"}},"15.0.0-canary.c51a0bbcc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c51a0bbcc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c51a0bbcc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5e15ea0e71ab5c09b8bc9c042640eebc0f90edb","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c51a0bbcc.0.tgz","fileCount":8,"integrity":"sha512-oLhbkhTx37Abscx7LjlyeBIPqv16CfljG27x1VKmm1LIYmCQ61hiKaLzS0awe8uTxQL4SYE/8lCfxLZQYJ8XTQ==","signatures":[{"sig":"MEUCIQC2U7EgezVCX72zkKljR0SEWu6fWinLrmiTRhof4FUCBgIgSxGlgC4SAFaqotSht6E/U0vQ75vg/Td7GEdduerK4kQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e65c7fe6dcc6d6069f00d4d2f8c55e61710d046b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c51a0bbcc.0_1700081871839_0.7443597040610546","host":"s3://npm-registry-packages"}},"15.0.0-canary.d76666ad4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.d76666ad4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.d76666ad4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e9ed4619825c6fb412ab0f47f9bea997a9faef7f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.d76666ad4.0.tgz","fileCount":8,"integrity":"sha512-jnZu8xjAG/2n7tKBJbL7odNlDLaA94d0MKxy12v49JxkVIBinJDlEOA1S8NOzY9oa9yHYg2lqf/oN0h03+pUaQ==","signatures":[{"sig":"MEYCIQDeveI1ldYGFDkWut47eGjGlqttnfpLgEJEy/vEDG/uIgIhAPh1RdvsbRplFHZwKkZTDPtSURnMXvpdZkAiKCAogDaO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13474},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"8fc3640e389fda0098b42091a9a1ab8653fc6470","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.d76666ad4.0_1701123136472_0.13721193263569997","host":"s3://npm-registry-packages"}},"15.0.0-canary.8656bf0e0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.8656bf0e0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.8656bf0e0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7b4a048e38e0946c107cf8569b6da75eebca3fe","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.8656bf0e0.0.tgz","fileCount":8,"integrity":"sha512-FpxGO6vrZRCeaN46m0xDX5TuEzW22WIxzIn9Ftb02ZzfjXKE6Owu8cbQl5OjKEUvCtzzaKWUyKKJ0uv8Sx7uEQ==","signatures":[{"sig":"MEYCIQDSx4XzmlNi9pdh2x0qrUJE25iyx1E/pvbuWlOUHxmbfQIhAL2YANQccbTSB1QqYjM8TKsaNqLF+ROrYpSm+kvOw9p9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"36cab37e468233da3044a10c1df388f634163cc1","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.8656bf0e0.0_1702415865180_0.5517004958198712","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f224ddd4.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.7f224ddd4.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.7f224ddd4.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb1a326dad1cfd113459d7cb0096c0ab7ce0c951","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7f224ddd4.0.tgz","fileCount":8,"integrity":"sha512-SAjtxYh6YlKZriU83diDEQ7jNSP2MnxKsER0TvFeyG1vX/DWsUyYDOIJTOEa9K1N+fgJEBkNK8hY55QhQaspew==","signatures":[{"sig":"MEYCIQC2SN654rMOATS8w5sgCnZNuZZl1PQxvo4PqgUCC8Te+wIhAMpXVtbegs4pAm7eOpYV7ZBdmdSqoFAbA42bQ1rVgfwv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff8ff3ce455054f1532d1ae0983f40634a524886","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.7f224ddd4.0_1703743695144_0.9478280215956161","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0b8a90c0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.a0b8a90c0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.a0b8a90c0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0293bb17e78aba619b3ab2a1f79d8157a099e72f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.a0b8a90c0.0.tgz","fileCount":8,"integrity":"sha512-gYnN9flbx/iJzLsGQk68PUjbNcGHXoo+JgIn4scEbMUJP5Jo9i4OjXzSiK5Nu2I+0g55HwcTbOfh++J9ixjruw==","signatures":[{"sig":"MEUCIQDjQsnlvy2eGC3f7f7KLndPcaIZHSQH+9aETZmgEmKFeAIgeCgQ8cNFvIMRnyE/sv6+HMv+Rb9bToP8IKb8aJjMQYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"85d5965379b080c9f852ecbbd95031e363636dfd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.a0b8a90c0.0_1707333515377_0.35881856230996356","host":"s3://npm-registry-packages"}},"15.0.0-canary.e50b478eb.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.e50b478eb.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.e50b478eb.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f120a0ba3aa0572dc4d4e209cc719c9598e9c679","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.e50b478eb.0.tgz","fileCount":8,"integrity":"sha512-iznlzSOk1imp+QEFchxMYBeKjwpW6MmCgb5dOYkI+jb7XX0mHODb34bE/Z8MIh58DuTKY6g0MUAL8CjBQZBcfg==","signatures":[{"sig":"MEUCIB/Zh0yqeSCz0STfIYf4XGUT+kKljUvZDypvu1T8arfzAiEA2P1ses2nnN4n1pzSORRlsGsPnr4t7tb60ogY9w9k7aA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"4691455eaee76f99b18be70913c9fefb7cf3c2ae","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.e50b478eb.0_1707415620031_0.23970908973958593","host":"s3://npm-registry-packages"}},"15.0.0-canary.c43b3438b.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.c43b3438b.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.c43b3438b.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05a3a42bcc121a62c77fb9160a6bb32fd21e6092","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.c43b3438b.0.tgz","fileCount":8,"integrity":"sha512-FotfOP6cQ0iicEU/3EHKQ/X0sjcY0sYMCDH8H9Pze9rJ40XveAr28oNTxKb8gUM2iwjiZZEb4Ackhdd3pIukFw==","signatures":[{"sig":"MEUCIClenb2uWJuUMfzGKRiENSY7hroNb+8WMK+YGfkjAGA2AiEAyMkUjb7v76K8GamzjDuaq1d9kWsqp/pfwgyYHjTDxtc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"e69adcf897de97b302f026f07bbc2571b1a488ca","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.c43b3438b.0_1708719395312_0.8520469432033566","host":"s3://npm-registry-packages"}},"15.0.0-canary.819498d8c.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.819498d8c.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.819498d8c.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2901dab0591e76376e8b5bfd0d2dccdc266de923","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.819498d8c.0.tgz","fileCount":8,"integrity":"sha512-QNn5qKmLKmlr9fwVUTylSO0uBUbVQ1Y3bbN8TjWV0VRssuJH4Jh8ZERjRHAIdeBZLyoPfDZogt5M1/56fanYRg==","signatures":[{"sig":"MEUCIBo2IaFmGOhSS1OD27vi5qboHlfImMIBXUSGZWAhhnsZAiEAvAoM8dOeHnzK1OmfAaQH/8kB88zl4ixlaow8EjiA5q4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"886876a8252aacefe1942b13ba9251af9204bcdd","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.819498d8c.0_1710515621757_0.8403552687331375","host":"s3://npm-registry-packages"}},"15.0.0-canary.453a6248a.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.453a6248a.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.453a6248a.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01b5e982c0965afc85634cf24be45156963ecc4f","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.453a6248a.0.tgz","fileCount":8,"integrity":"sha512-Ghe8lVx/cdJxX0F1I00QrRzJK+nsnGkHiaMuqqRQYxrV5CR03yBt+34fKrrUBB7gw4L47LtmGTyWER5QumBn1g==","signatures":[{"sig":"MEUCIHrR+v5G7JOzgvHfdze2Xgh2GcP6m0MeYrf3h/1VGoUrAiEAmkWvhhb3Ll0BKfGUqaVLe08PI3Yok3MRS1byub771PY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1eea6443d63f2bc64fe8f6f86664b54266c41244","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.453a6248a.0_1711386757578_0.6794642107502677","host":"s3://npm-registry-packages"}},"15.0.0-canary.68edc03c6.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.68edc03c6.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.68edc03c6.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d203ca8fedf22ca6d97aeb59dcde2fd6ca5f0472","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.68edc03c6.0.tgz","fileCount":8,"integrity":"sha512-O/onPXuij5uUlPK1j1Y0BZVC1q6HQZU7TlU6m/2NrImgAgUvTpD1E3kx0ZV/QVQ+YJ4cSdGhnD3z7HdbP/V8yg==","signatures":[{"sig":"MEUCIQDm70P4fw7hifWN59dtznfxTYxd/P/QB/VOYzwek8leugIgAV1m8gALTabaQN2ozwr4+ZTdHK9ZsyyQZzfC6z2/7wA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"04046ad51f4d581f93e797ec929d219422dd0235","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.68edc03c6.0_1712603074762_0.385320108672883","host":"s3://npm-registry-packages"}},"15.0.0-canary.5bebc0064.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.5bebc0064.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.5bebc0064.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2772b49372bf2fc12a74723cf14f46cc0a01ab5","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.5bebc0064.0.tgz","fileCount":8,"integrity":"sha512-1C7kdBtgBv8Fmr7jhmgk6KZZpD8jiRs33zEqMIS2NxqJiB1osT7rTL9b/H2IRgpZ83rUx8iuHj8uIzyGa5Uylg==","signatures":[{"sig":"MEYCIQCAQniUB+7yFZXp4iNN/nEHJRqUMFpx20OuF50lSMYZgwIhANwzvq5Q8UxeJNEQIsfAylQ6JCDZLHVkRo2+4VZrUjDp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"ff39e65972de013a29dd14429e111139bc616366","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.5bebc0064.0_1712871524842_0.7608872575070287","host":"s3://npm-registry-packages"}},"15.0.0-canary.311f29a60.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.311f29a60.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.311f29a60.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d119cb41c42a543f1b64baa901b083afb63942b","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.311f29a60.0.tgz","fileCount":8,"integrity":"sha512-NkBJ3LtVrbuW/ZXTxbm6LnRI0qVzWbnRxLOWULS3hoFtbED304r4SzCEnnxDhAnWRtEUJvOioyd93bAvsJKSjg==","signatures":[{"sig":"MEUCIQD4DDWGQpgwkY1+vCEH4YtmLFmmijtEhhNR1PR6kcGxBAIgTY5X13pmIk78fxMGyYtUzs+cpUWcIl6tKcHB9cKl62w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"7bc0264e163e842f0f96c1dbf7a468c022db1497","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.311f29a60.0_1713895107663_0.3383043133493808","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c10a622.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.65c10a622.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.65c10a622.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46e7c590bbf31c34c71dad6b34b3759e7ad7bd08","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.65c10a622.0.tgz","fileCount":8,"integrity":"sha512-AaPQ8fNb4gtfu/2wrNavueHN31vE9vMMIMzd49H4IXgtcLxV1zV+RCzxY2zCzUC42bHpKjDHltHrYZeSvSqPkA==","signatures":[{"sig":"MEQCIG+myLoJ/8KY3GQO9bS3Dxa8/O93wF+eqlaFzRiag2icAiAX1IP8z+FNakzF3dCPg3wcVnAOozG5Khd3nmBxXPk6DQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"1f3126503c812250084b65b6edbb26f25ef4a174","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.65c10a622.0_1714070851936_0.9285231465642196","host":"s3://npm-registry-packages"}},"15.0.0-canary.4b35cb7d0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.4b35cb7d0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.4b35cb7d0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1d1412123807860bb4751418554c37597fc93ec","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.4b35cb7d0.0.tgz","fileCount":8,"integrity":"sha512-MfihsayUNfBQRDLFCK1UwclFpQ89RWwUMiDD9ZcfFpPw9CtwUy70tVBbT6nOJWoFWloqE/eVKCzlfBrGRzlmMQ==","signatures":[{"sig":"MEUCIQCjxK10ZNVco0qmt8v4ymiLRsHu9D4AVY8CjRSG+sKnVQIgAa9jB+tS8hKw873VprcHN6Jk9ZK/zHryDHUed26oq5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"cba29aaa21c1bc2b1f1a02e5ddfa4a5110d9ef63","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.4b35cb7d0.0_1714651293778_0.2565270643562252","host":"s3://npm-registry-packages"}},"15.0.0-canary.f80ac92b0.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.f80ac92b0.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.f80ac92b0.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69cf7ea6166fe0d73149a3b9c04927faf286805a","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.f80ac92b0.0.tgz","fileCount":8,"integrity":"sha512-wxm2NtnVhsCQXDd/VXKxvYIIlfGjauz/Zh/VMl/jDTrEWiVSqghqfFPxoyu6uwaBWymsWkl86MjQOhUD3/Y7Uw==","signatures":[{"sig":"MEUCIBTerjFbG6rl2YNZ2Fj+izvjaxs4RkqANX74Qnp1sbArAiEA/9J/OVHuNOlCLifTw3IYiqKNazO5npDeMlS3z+lFcx4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"514a3afe9efc5bcebf1ace1e335357184ee1a9e0","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.f80ac92b0.0_1714651923602_0.5812424983977293","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f5b899bc.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.2f5b899bc.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.2f5b899bc.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbfe1b7327a0a9e6c58bc386bfc75dda7e5faac8","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.2f5b899bc.0.tgz","fileCount":8,"integrity":"sha512-vIG/fSi194zOl06Po/nymlwab9EhGrtdo8uESnzc6XfGbudq3tq+cLNxPVWQFNwYQXtzBPvpthpHPtN6QW2cpA==","signatures":[{"sig":"MEUCIQC67Y0HIphq2Fv57wloE0PrtknG1m21raz/sbAqub3BFQIgJYEtuybEHrCwKBPkoKricnrJwaG73vUb6v7D9wkd/g4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"751553ca74ad43074c963487257a8862de87844b","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.2f5b899bc.0_1716213209584_0.9807576914214045","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfec83c74.0":{"name":"@material/feature-targeting","version":"15.0.0-canary.cfec83c74.0","keywords":["material components","material design","feature targeting"],"license":"MIT","_id":"@material/feature-targeting@15.0.0-canary.cfec83c74.0","maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7edae665ebdb3807ac25faedd6f319eef2a978e0","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.cfec83c74.0.tgz","fileCount":8,"integrity":"sha512-blZwXLQ0rmDY441rUKFDWuyQEIS5NJouHM+Y3+wrhmHULhKJFo6joV89olaXvh0GmRCPnUO7Csm9ERE7tFGnhw==","signatures":[{"sig":"MEYCIQCP/+jgnYvKiL3iUo3UXDBKjcVKIyvetSkPfgKwrigTKQIhALraC6nlqPkKcIU7BRff2NWCGDrs13vKPHiSqby+wRbp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13473},"readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\n","gitHead":"0ec8b129344ebbe45f00b6ad892b682b054ea892","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web Feature Targeting Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/feature-targeting_15.0.0-canary.cfec83c74.0_1716231347147_0.4814304160801832","host":"s3://npm-registry-packages"}},"15.0.0-canary.423edc3dc.0":{"name":"@material/feature-targeting","description":"Material Components for the web Feature Targeting Scss helpers","version":"15.0.0-canary.423edc3dc.0","license":"MIT","keywords":["material components","material design","feature targeting"],"sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git","directory":"packages/mdc-feature-targeting"},"dependencies":{"tslib":"^2.1.0"},"publishConfig":{"access":"public"},"gitHead":"19b2c5a95782b4928b3aecb29a1075c42aee53e5","readme":"<!--docs:\ntitle: \"Feature Targeting\"\nlayout: detail\nsection: components\nexcerpt: \"Provides infrastructure to allow CSS styles to be included or excluded categorically.\"\npath: /catalog/feature-targeting/\n-->\n\n# Feature Targeting\n\nMDC Feature Targeting provides infrastructure to allow CSS styles to be included or excluded categorically.\n\nMost of the time, you shouldn't need to depend on `mdc-feature-targeting` directly. However, understanding it can be useful if you're interested in having more control over when certain types of MDC styles are emitted.\n\n## Installation\n\n```\nnpm install @material/feature-targeting\n```\n\n## Basic Usage\n\n### Styles\n\nAuthoring component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n\n@mixin my-component-core-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    // ...\n  }\n}\n```\n\nConsuming component styles:\n\n```scss\n@use \"@material/feature-targeting\";\n@use \"my-component-mixins\";\n\n// To include all styles (using the default of mdc-feature-all() defined above):\n@include my-component-core-styles;\n\n// Or, to include a specific subset of styles:\n@include my-component-core-styles(structure);\n@include my-component-core-styles(feature-targeting.any(color, typography));\n// The above two @includes and the following @include would produce equivalent results:\n@include my-component-core-styles(feature-targeting.without(animation));\n```\n\n## Sass Mixins and Functions\n\nMixin | Description\n--- | ---\n`targets($feature-targets...)` | Conditionalizes content to only be emitted if the given feature target(s) is/are queried.\n\nFunction | Description\n--- | ---\n`create-target($feature-query, $targeted-feature)` | Returns a variable to be passed to `targets` in order to filter emitted styles.\n`all($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _all_ of the specified features. Passing no arguments results in all blocks being emitted, which is the most common use case.\n`any($feature-queries...)` | Returns a query object which will result in emitting `targets` blocks that match _any_ of the specified features. Passing no arguments results in no blocks being emitted.\n`without($feature-query)` | Returns a query object which will result in emitting `targets` blocks that do _not_ match the specified feature.\n\n`$feature-query` and `$feature-queries` refer to one or more of the values listed below under Supported Features.\n\n### Supported Features\n\nMDC Web's styles are currently split according to the following features:\n\n* `structure` - All baseline styles that don't fit into any other category\n* `animation` - Styles responsible for causing animations and transitions to occur\n* `color` - Color-specific styles which rely on `mdc-theme` variables\n* `typography` - Typography-specific styles which rely on `mdc-typography`\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/feature-targeting@15.0.0-canary.423edc3dc.0","_nodeVersion":"14.21.3","_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","dist":{"integrity":"sha512-a2uT+5zOzk153HZJnMp301zPsE2jFgAnbTMtitToWjGXGexbQxnOSgvM8jqAPJKrK+zWcxrgIsTeWs8eDEaYYA==","shasum":"4fe0a4f9d939881ba20d4a990949aac7d27fc366","tarball":"https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.423edc3dc.0.tgz","fileCount":8,"unpackedSize":13473,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHigXO0JEk33lS+BQhPYmpB4Rl7L7xpGJ8/5dUZ9TdrwAiEAgXJhf/HnbLZmqoTXP8hVhyxF4SYjF7/rEHxHmgolL74="}]},"_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/feature-targeting_15.0.0-canary.423edc3dc.0_1719425489005_0.30362330591933273"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-04T18:23:24.988Z","modified":"2024-06-26T18:11:29.649Z","0.44.0":"2019-02-04T18:23:25.197Z","0.44.1":"2019-02-19T23:02:36.854Z","3.0.0":"2019-06-25T22:27:41.609Z","3.1.0":"2019-07-22T22:02:16.391Z","4.0.0-alpha.0":"2019-08-07T21:08:53.543Z","4.0.0-canary.0":"2019-09-05T04:37:35.124Z","4.0.0-canary.1":"2019-09-09T20:20:25.083Z","4.0.0-canary.79d881baf.0":"2019-09-13T02:21:17.314Z","4.0.0-canary.e851d4f40.0":"2019-09-13T04:06:57.856Z","4.0.0-canary.905884690.0":"2019-09-16T23:47:50.524Z","4.0.0-canary.199534d61.0":"2019-09-27T18:57:29.266Z","4.0.0-canary.22d7ad2fb.0":"2019-10-15T18:56:58.180Z","4.0.0-canary.735147131.0":"2019-10-16T01:23:15.437Z","4.0.0-canary.062ade5c0.0":"2019-10-17T01:01:19.568Z","4.0.0-canary.774ad4f8.0":"2019-10-17T04:03:59.572Z","4.0.0-canary.5916d18c.0":"2019-10-18T20:08:11.105Z","4.0.0-canary.d4141c95.0":"2019-10-24T01:37:53.959Z","4.0.0-canary.2b878b3e.0":"2019-10-25T02:10:18.920Z","4.0.0-canary.b06c0efe.0":"2019-10-26T01:34:47.605Z","4.0.0-canary.01628efa.0":"2019-10-29T00:02:37.591Z","4.0.0-canary.b5c6d66b.0":"2019-10-29T17:56:15.875Z","4.0.0-canary.cdf858ea.0":"2019-11-01T17:58:29.800Z","4.0.0-canary.719b57e1.0":"2019-11-01T20:01:08.495Z","4.0.0-canary.97cbbdc2.0":"2019-11-01T20:28:42.530Z","4.0.0-canary.8e36b3b7.0":"2019-11-01T21:00:42.552Z","4.0.0-canary.62d3a09b.0":"2019-11-01T21:10:20.064Z","4.0.0":"2019-11-02T18:11:28.266Z","5.0.0-canary.b5eb51e94.0":"2019-11-07T18:33:15.665Z","5.0.0-canary.58500806e.0":"2019-11-08T15:35:14.867Z","5.0.0-canary.66299b646.0":"2019-11-08T20:33:21.326Z","5.0.0-canary.821871e04.0":"2019-11-08T21:27:49.363Z","5.0.0-canary.491fddc31.0":"2019-11-08T22:06:49.598Z","5.0.0-canary.b0cecf145.0":"2019-11-09T18:42:03.082Z","5.0.0-canary.afe0dd1bc.0":"2019-11-11T15:37:18.125Z","5.0.0-canary.b4cfdc40b.0":"2019-11-14T15:58:04.204Z","5.0.0-canary.525989b5d.0":"2019-11-14T23:30:26.985Z","5.0.0-canary.7084b403a.0":"2019-11-15T01:05:31.570Z","5.0.0-canary.3cbee6dac.0":"2019-11-15T22:32:25.630Z","5.0.0-canary.591a6ad44.0":"2019-11-18T23:48:08.253Z","5.0.0-canary.5729943ba.0":"2019-11-20T05:18:58.696Z","5.0.0-canary.e89750dc7.0":"2019-11-27T02:09:23.331Z","5.0.0-canary.3e560b33a.0":"2019-11-27T02:10:05.157Z","5.0.0-canary.7fd17ce5e.0":"2019-11-27T02:10:18.876Z","5.0.0-canary.ec729683b.0":"2019-11-27T15:54:25.799Z","5.0.0-canary.b8bc4a26e.0":"2019-11-27T19:16:23.024Z","5.0.0-canary.f978109c3.0":"2019-12-02T17:06:57.296Z","5.0.0-canary.ad9dfe706.0":"2019-12-03T23:17:35.754Z","5.0.0-canary.5e45d77f3.0":"2019-12-03T23:18:44.204Z","5.0.0-canary.d10e8cdf3.0":"2019-12-03T23:19:24.556Z","5.0.0-canary.a5dbd8a2a.0":"2019-12-03T23:54:35.230Z","5.0.0-canary.ba879b68b.0":"2019-12-04T20:22:16.439Z","5.0.0-canary.aa0eba489.0":"2019-12-06T01:58:45.309Z","5.0.0-canary.cb7b71a86.0":"2019-12-06T23:55:31.249Z","5.0.0-canary.50f110a6c.0":"2019-12-10T16:59:06.970Z","5.0.0-canary.878a08b7c.0":"2019-12-11T20:15:54.707Z","5.0.0-canary.397905b4e.0":"2019-12-12T02:46:51.124Z","5.0.0-canary.1fbf5bd1d.0":"2019-12-12T18:58:53.131Z","5.0.0-canary.b723dfa78.0":"2019-12-12T20:09:15.726Z","5.0.0-canary.1c494e567.0":"2019-12-12T23:36:17.311Z","5.0.0-canary.c9e98a125.0":"2019-12-17T18:09:16.670Z","5.0.0-canary.5ffe8f7e3.0":"2019-12-17T22:32:54.864Z","5.0.0-canary.47949b08e.0":"2019-12-18T17:40:09.845Z","5.0.0-canary.b240bcc1b.0":"2019-12-18T19:16:16.856Z","5.0.0-canary.391674a26.0":"2019-12-18T19:16:26.399Z","5.0.0-canary.c4837746c.0":"2019-12-18T19:34:26.349Z","5.0.0-canary.e41a70425.0":"2019-12-18T23:19:38.251Z","5.0.0-canary.bac43eb43.0":"2019-12-18T23:23:23.620Z","5.0.0-canary.2e491de55.0":"2019-12-19T10:49:15.123Z","5.0.0-canary.ae101c144.0":"2019-12-19T16:24:18.144Z","5.0.0-canary.a51c31f26.0":"2019-12-19T17:13:52.468Z","5.0.0-canary.21fc4e13b.0":"2019-12-19T21:26:42.404Z","5.0.0-canary.d2ae6e17d.0":"2019-12-19T22:23:41.136Z","5.0.0-canary.ba30399ad.0":"2019-12-20T01:09:17.098Z","5.0.0-canary.a08ccec35.0":"2019-12-20T23:26:19.014Z","5.0.0-canary.a2f75105e.0":"2019-12-23T19:47:05.831Z","5.0.0-canary.c054a24c7.0":"2019-12-23T21:49:33.351Z","5.0.0-canary.c6808c51c.0":"2019-12-23T21:54:15.645Z","5.0.0-canary.7bce9cf77.0":"2019-12-26T18:45:05.203Z","5.0.0-canary.c92f038c3.0":"2019-12-30T22:02:33.780Z","5.0.0-canary.1f1ac7558.0":"2020-01-02T20:53:36.282Z","5.0.0-canary.ec26e799c.0":"2020-01-02T21:41:58.826Z","5.0.0-canary.0a40ced40.0":"2020-01-03T17:08:55.490Z","5.0.0-canary.3adf84899.0":"2020-01-03T18:21:55.737Z","5.0.0-canary.0d42ee650.0":"2020-01-03T21:36:31.235Z","5.0.0-canary.7be9e4a04.0":"2020-01-06T17:03:53.345Z","5.0.0-canary.847dd1ada.0":"2020-01-06T19:25:48.178Z","5.0.0-canary.39df7e5df.0":"2020-01-07T00:55:02.252Z","5.0.0-canary.f1a2581ab.0":"2020-01-07T14:59:04.782Z","5.0.0-canary.7c7ddf347.0":"2020-01-07T15:14:54.881Z","5.0.0-canary.a1c84d4b5.0":"2020-01-07T18:09:31.366Z","5.0.0-canary.ec9f16578.0":"2020-01-07T19:39:03.503Z","5.0.0-canary.b602226ce.0":"2020-01-07T20:14:45.959Z","5.0.0-canary.b2d2dc08c.0":"2020-01-07T21:25:31.773Z","5.0.0-canary.61f2d7580.0":"2020-01-07T21:39:10.487Z","5.0.0-canary.d1be53a2e.0":"2020-01-07T22:16:23.000Z","5.0.0-canary.9b0d06e32.0":"2020-01-07T22:18:51.663Z","5.0.0-canary.730c807a0.0":"2020-01-07T22:20:28.187Z","5.0.0-canary.2213152cd.0":"2020-01-08T17:21:42.562Z","5.0.0-canary.5750f7169.0":"2020-01-08T17:56:17.067Z","5.0.0-canary.f7abc7a43.0":"2020-01-08T18:27:14.553Z","5.0.0-canary.bf7b4a061.0":"2020-01-08T18:41:01.608Z","5.0.0-canary.784fa7903.0":"2020-01-08T19:09:49.506Z","5.0.0-canary.823c050ba.0":"2020-01-08T20:10:15.823Z","5.0.0-canary.70c708dee.0":"2020-01-08T20:21:29.624Z","5.0.0-canary.5ed9d13d0.0":"2020-01-08T21:42:07.131Z","5.0.0-canary.4819cc7e5.0":"2020-01-08T21:57:30.727Z","5.0.0-canary.fe3ffd2c3.0":"2020-01-08T22:15:43.390Z","5.0.0-canary.c0e850090.0":"2020-01-08T22:22:44.730Z","5.0.0-canary.615f86f38.0":"2020-01-08T22:39:29.137Z","5.0.0-canary.1eb032637.0":"2020-01-08T22:59:29.477Z","5.0.0-canary.5bc5ebfea.0":"2020-01-08T23:00:18.108Z","5.0.0-canary.1112b8def.0":"2020-01-09T22:09:34.044Z","5.0.0-canary.aab102017.0":"2020-01-10T00:11:49.062Z","5.0.0-canary.426913342.0":"2020-01-10T01:43:41.250Z","5.0.0-canary.d4ea9a706.0":"2020-01-10T17:24:46.973Z","5.0.0-canary.7d4ee2996.0":"2020-01-10T17:56:15.401Z","5.0.0-canary.981ec9b6f.0":"2020-01-10T19:26:08.556Z","5.0.0-canary.737da83fc.0":"2020-01-10T21:18:16.877Z","5.0.0-canary.aca8e6c18.0":"2020-01-13T19:31:01.795Z","5.0.0-canary.c38d84e21.0":"2020-01-13T22:12:50.758Z","5.0.0-canary.a4db5fbad.0":"2020-01-14T02:14:54.325Z","5.0.0-canary.faa9af310.0":"2020-01-14T16:52:06.813Z","5.0.0-canary.60354c577.0":"2020-01-14T22:45:26.061Z","5.0.0-canary.d07c78daa.0":"2020-01-14T23:38:03.481Z","5.0.0-canary.8ddd5c6dc.0":"2020-01-15T01:42:33.056Z","5.0.0-canary.a9511d870.0":"2020-01-15T19:09:42.373Z","5.0.0-canary.7c8583c4c.0":"2020-01-15T22:46:56.676Z","5.0.0-canary.5d4b82bac.0":"2020-01-15T22:47:07.263Z","5.0.0-canary.57d0186e4.0":"2020-01-16T18:16:51.840Z","5.0.0-canary.071a6ab70.0":"2020-01-16T18:23:22.981Z","5.0.0-canary.22e0cb618.0":"2020-01-16T18:46:30.694Z","5.0.0-canary.f16f15b8f.0":"2020-01-17T00:06:21.641Z","5.0.0-canary.aa8e43e9a.0":"2020-01-17T00:36:13.956Z","5.0.0-canary.fe1f3ca07.0":"2020-01-17T00:59:38.890Z","5.0.0-canary.d405af26b.0":"2020-01-17T18:16:30.544Z","5.0.0-canary.6e857aae2.0":"2020-01-17T18:20:17.544Z","5.0.0-canary.e2e764f7c.0":"2020-01-17T18:35:28.675Z","5.0.0-canary.7ef986a87.0":"2020-01-17T19:30:15.697Z","5.0.0-canary.29402e2d4.0":"2020-01-17T20:39:05.769Z","5.0.0-canary.2b3ec563c.0":"2020-01-17T23:10:56.785Z","5.0.0-canary.e8a993677.0":"2020-01-21T16:49:06.364Z","5.0.0-canary.cd4903304.0":"2020-01-21T21:36:52.699Z","5.0.0-canary.7e4b04b25.0":"2020-01-21T22:45:15.022Z","5.0.0-canary.ebc296937.0":"2020-01-21T23:44:19.866Z","5.0.0-canary.cf33f113d.0":"2020-01-22T01:21:41.590Z","5.0.0-canary.e1d5f1be5.0":"2020-01-22T16:54:38.687Z","5.0.0-canary.6b6a4ff92.0":"2020-01-22T17:56:59.810Z","5.0.0-canary.6092f71ee.0":"2020-01-22T21:16:22.231Z","5.0.0-canary.d8d95020f.0":"2020-01-22T23:08:59.697Z","5.0.0-canary.b7facc628.0":"2020-01-23T18:11:54.518Z","5.0.0-canary.63f357dbf.0":"2020-01-23T21:54:45.476Z","5.0.0-canary.f2426d26e.0":"2020-01-23T23:54:45.372Z","5.0.0-canary.7f5e0c23f.0":"2020-01-24T16:47:04.077Z","5.0.0-canary.3fc3ab520.0":"2020-01-24T17:20:14.631Z","5.0.0-canary.80a4d326f.0":"2020-01-24T20:45:14.658Z","5.0.0-canary.ef7de4def.0":"2020-01-24T21:31:25.140Z","5.0.0-canary.93e2288b6.0":"2020-01-28T16:54:34.397Z","5.0.0-canary.34ef15f67.0":"2020-01-28T17:23:28.646Z","5.0.0-canary.d3d176ba5.0":"2020-01-28T17:28:50.574Z","5.0.0-canary.32c1df133.0":"2020-01-28T19:42:46.791Z","5.0.0-canary.f3adce86f.0":"2020-01-28T21:48:19.013Z","5.0.0-canary.a4423f890.0":"2020-01-29T21:08:57.239Z","5.0.0-canary.9351f167d.0":"2020-01-29T21:54:55.721Z","5.0.0-canary.29b89dbc1.0":"2020-01-29T22:16:21.644Z","5.0.0-canary.45985457b.0":"2020-01-29T23:32:12.952Z","5.0.0-canary.a1a0deb3e.0":"2020-01-30T17:36:35.839Z","5.0.0-canary.181486643.0":"2020-01-30T20:55:22.048Z","5.0.0-canary.3a85313ac.0":"2020-01-31T16:22:31.983Z","5.0.0-canary.b6c7f624b.0":"2020-01-31T17:02:24.535Z","5.0.0-canary.b3f70ebde.0":"2020-01-31T20:09:29.932Z","5.0.0-canary.3e782d8f8.0":"2020-02-02T01:12:11.368Z","5.0.0-canary.535398572.0":"2020-02-03T18:10:39.273Z","5.0.0-canary.5ff33802c.0":"2020-02-04T18:03:10.628Z","5.0.0-canary.1eb29491c.0":"2020-02-04T20:59:46.663Z","5.0.0-canary.4c7154b26.0":"2020-02-05T16:02:02.108Z","5.0.0-canary.ab5f49a2c.0":"2020-02-05T23:32:29.759Z","5.0.0-canary.c541ebe15.0":"2020-02-06T22:29:13.098Z","5.0.0-canary.98f7faa05.0":"2020-02-07T19:20:37.183Z","5.0.0-canary.b4727e43a.0":"2020-02-07T19:54:50.535Z","5.0.0-canary.91d9d5a65.0":"2020-02-07T22:58:22.388Z","5.0.0-canary.d5c006ed1.0":"2020-02-10T16:47:46.813Z","5.0.0-canary.559f1a570.0":"2020-02-10T17:24:01.486Z","5.0.0-canary.ad3bbf782.0":"2020-02-10T19:10:47.768Z","5.0.0-canary.570d8e49c.0":"2020-02-10T20:42:52.959Z","5.0.0-canary.48b06b89a.0":"2020-02-11T18:42:30.349Z","5.0.0-canary.612443dfb.0":"2020-02-11T19:48:08.350Z","5.0.0-canary.8c11ea2a3.0":"2020-02-12T08:50:45.337Z","5.0.0-canary.b2f3d311e.0":"2020-02-13T21:42:55.680Z","5.0.0-canary.4f488d0ee.0":"2020-02-13T23:05:29.292Z","6.0.0-canary.fe79de07d.0":"2020-02-13T23:22:41.850Z","5.0.0":"2020-02-14T00:08:16.146Z","6.0.0-canary.5e313b1f2.0":"2020-02-14T23:47:21.548Z","6.0.0-canary.6a56f387c.0":"2020-02-18T19:42:47.765Z","6.0.0-canary.bdfd52632.0":"2020-02-19T20:21:53.491Z","6.0.0-canary.ad2e4376a.0":"2020-02-20T23:15:20.350Z","6.0.0-canary.765caef18.0":"2020-02-21T17:32:07.503Z","6.0.0-canary.949562303.0":"2020-02-21T20:36:45.803Z","6.0.0-canary.7ec96974e.0":"2020-02-24T18:57:23.087Z","6.0.0-canary.265ecbad5.0":"2020-02-25T21:00:13.371Z","5.1.0":"2020-02-25T21:37:11.144Z","6.0.0-canary.2cf87456f.0":"2020-02-25T21:37:54.641Z","6.0.0-canary.781434a92.0":"2020-02-25T23:27:20.914Z","6.0.0-canary.d6f60c98b.0":"2020-02-28T22:02:49.242Z","6.0.0-canary.69edc6e28.0":"2020-02-28T22:11:21.460Z","6.0.0-canary.9372e4939.0":"2020-03-03T19:08:54.265Z","6.0.0-canary.9cf5e9842.0":"2020-03-03T23:24:54.886Z","6.0.0-canary.3657f8863.0":"2020-03-04T17:43:22.965Z","6.0.0-canary.98b843417.0":"2020-03-05T18:30:15.812Z","6.0.0-canary.17b9699c4.0":"2020-03-05T19:21:35.193Z","6.0.0-canary.6ee035572.0":"2020-03-09T16:45:46.862Z","6.0.0-canary.bd33cb56b.0":"2020-03-09T17:21:13.877Z","6.0.0-canary.9ebee4ceb.0":"2020-03-09T21:12:54.995Z","6.0.0-canary.26c049afa.0":"2020-03-10T17:01:42.541Z","6.0.0-canary.a731fd0a4.0":"2020-03-10T20:31:12.190Z","6.0.0-canary.1db5c9fc8.0":"2020-03-10T20:35:36.211Z","6.0.0-canary.4971637f4.0":"2020-03-10T22:57:09.922Z","6.0.0-canary.1ae8130ce.0":"2020-03-10T23:04:46.246Z","6.0.0-canary.8639c2690.0":"2020-03-11T06:32:34.169Z","6.0.0-canary.d5808057f.0":"2020-03-11T16:24:49.667Z","6.0.0-canary.b3f58203d.0":"2020-03-11T19:37:19.075Z","6.0.0-canary.bec065920.0":"2020-03-12T20:19:27.738Z","6.0.0-canary.776291ef0.0":"2020-03-17T19:19:59.054Z","6.0.0-canary.ece19f3dd.0":"2020-03-17T22:00:37.631Z","6.0.0-canary.4dc45af6c.0":"2020-03-18T01:47:12.460Z","6.0.0-canary.6b48781bf.0":"2020-03-18T15:33:50.973Z","6.0.0-canary.a88c8e4dc.0":"2020-03-19T17:35:14.450Z","6.0.0-canary.cafe18860.0":"2020-03-20T14:52:51.872Z","6.0.0-canary.35a32aaea.0":"2020-03-20T19:58:26.019Z","6.0.0-canary.e75deb854.0":"2020-03-20T22:14:21.249Z","6.0.0-canary.2cc6966f6.0":"2020-03-24T18:42:42.792Z","6.0.0-canary.8707953b6.0":"2020-03-24T18:46:17.289Z","6.0.0-canary.10af6cf39.0":"2020-03-25T18:17:38.309Z","6.0.0-canary.7d8f9c8d7.0":"2020-03-27T18:04:06.489Z","6.0.0-canary.d6315efe2.0":"2020-03-27T19:55:34.582Z","6.0.0-canary.a3016368d.0":"2020-03-27T21:18:54.895Z","6.0.0-canary.4b45b6620.0":"2020-03-31T15:55:35.670Z","6.0.0-canary.e84b9c8.0":"2020-04-01T16:55:13.629Z","6.0.0-canary.e33c49e.0":"2020-04-02T00:08:50.026Z","6.0.0-canary.f1f8e60.0":"2020-04-02T19:13:05.320Z","6.0.0-canary.1e17c49b3.0":"2020-04-03T18:03:17.886Z","6.0.0-canary.6a40ef217.0":"2020-04-03T19:23:57.815Z","6.0.0-canary.5f24faacb.0":"2020-04-08T15:35:25.118Z","6.0.0-canary.82fa986b9.0":"2020-04-08T15:40:58.965Z","6.0.0-canary.9930d9cc5.0":"2020-04-08T19:31:40.773Z","6.0.0-canary.6601d24af.0":"2020-04-09T00:29:19.416Z","6.0.0-canary.05f5e1583.0":"2020-04-09T00:46:31.250Z","6.0.0-canary.bce00e186.0":"2020-04-09T15:21:55.962Z","6.0.0-canary.927fa902c.0":"2020-04-09T18:45:51.714Z","6.0.0-canary.eb28b6ecc.0":"2020-04-10T19:30:25.040Z","6.0.0-canary.816a43b42.0":"2020-04-10T20:52:04.753Z","6.0.0-canary.008c4d319.0":"2020-04-13T16:33:17.731Z","6.0.0-canary.cbb3f28ca.0":"2020-04-14T05:05:23.887Z","6.0.0-canary.f172b0f90.0":"2020-04-14T23:09:49.316Z","6.0.0-canary.c02642273.0":"2020-04-15T16:16:40.549Z","6.0.0-canary.8a299b568.0":"2020-04-15T22:42:45.671Z","6.0.0-canary.490fbdc09.0":"2020-04-16T05:59:11.279Z","6.0.0-canary.f838c6e55.0":"2020-04-16T14:25:51.082Z","6.0.0-canary.ce6cb7024.0":"2020-04-16T17:18:30.317Z","6.0.0-canary.0ab62a65b.0":"2020-04-16T18:53:42.867Z","6.0.0-canary.ca61b656f.0":"2020-04-16T19:59:26.950Z","6.0.0-canary.45a6615e3.0":"2020-04-16T20:32:19.625Z","6.0.0-canary.4b04cdb0f.0":"2020-04-17T17:40:25.446Z","6.0.0-canary.b273afa93.0":"2020-04-17T23:02:22.443Z","6.0.0-canary.b70bc601e.0":"2020-04-17T23:20:58.469Z","6.0.0-canary.c4b4bba96.0":"2020-04-18T00:17:12.612Z","6.0.0-canary.6c1ebc721.0":"2020-04-20T19:57:44.173Z","6.0.0-canary.9cff4318f.0":"2020-04-20T20:55:14.628Z","6.0.0-canary.7b4482402.0":"2020-04-20T22:19:39.056Z","6.0.0-canary.deda86d8c.0":"2020-04-21T01:14:11.738Z","6.0.0-canary.d10412cb2.0":"2020-04-21T18:17:44.222Z","6.0.0-canary.c141801d5.0":"2020-04-21T19:41:19.447Z","6.0.0-canary.28d10a96e.0":"2020-04-22T22:06:33.168Z","7.0.0-canary.8540808be.0":"2020-04-23T17:25:10.050Z","6.0.0":"2020-04-23T17:25:37.902Z","7.0.0-canary.2673adb74.0":"2020-04-23T22:44:53.968Z","7.0.0-canary.b10d0d7f1.0":"2020-04-24T00:20:27.823Z","7.0.0-canary.3bd8c1bac.0":"2020-04-24T21:05:25.941Z","7.0.0-canary.b83c8dc22.0":"2020-04-24T21:18:11.718Z","7.0.0-canary.1b3dd846d.0":"2020-04-25T00:43:19.002Z","7.0.0-canary.29debfea7.0":"2020-04-27T12:31:25.508Z","7.0.0-canary.28d32f8e0.0":"2020-04-27T14:05:55.636Z","7.0.0-canary.af71cfdd6.0":"2020-04-28T23:16:49.912Z","7.0.0-canary.99d2fc961.0":"2020-04-29T10:43:03.538Z","7.0.0-canary.0e052b24f.0":"2020-04-30T01:28:47.300Z","7.0.0-canary.ff4bc632a.0":"2020-04-30T08:27:00.791Z","7.0.0-canary.b0f83d2fd.0":"2020-04-30T14:31:58.460Z","7.0.0-canary.e59906a57.0":"2020-05-01T15:41:39.552Z","7.0.0-canary.c02712b59.0":"2020-05-01T18:25:06.119Z","7.0.0-canary.15d65448e.0":"2020-05-01T19:21:49.318Z","7.0.0-canary.142b1549e.0":"2020-05-01T22:35:10.943Z","7.0.0-canary.524b7b812.0":"2020-05-03T20:46:56.975Z","7.0.0-canary.bd8ca9678.0":"2020-05-04T17:18:19.536Z","7.0.0-canary.2553e86fe.0":"2020-05-04T17:30:16.573Z","7.0.0-canary.03dec929e.0":"2020-05-04T23:32:49.563Z","7.0.0-canary.d92d8c93e.0":"2020-05-05T16:58:08.731Z","7.0.0-canary.09f591967.0":"2020-05-05T21:03:29.901Z","7.0.0-canary.3846ce311.0":"2020-05-06T14:08:43.926Z","7.0.0-canary.ed7f32463.0":"2020-05-06T16:06:11.242Z","7.0.0-canary.8135cc085.0":"2020-05-06T19:54:26.733Z","7.0.0-canary.deb212de4.0":"2020-05-06T22:17:59.844Z","7.0.0-canary.f83e00898.0":"2020-05-07T16:48:46.443Z","7.0.0-canary.047e6b337.0":"2020-05-08T18:37:42.938Z","7.0.0-canary.119e21426.0":"2020-05-08T20:21:39.684Z","7.0.0-canary.2f052d824.0":"2020-05-08T21:06:23.528Z","7.0.0-canary.e84444387.0":"2020-05-08T21:30:51.510Z","7.0.0-canary.893eb1876.0":"2020-05-11T14:12:16.218Z","7.0.0-canary.a5aeb3001.0":"2020-05-11T14:27:58.011Z","7.0.0-canary.610c68d97.0":"2020-05-11T19:31:42.075Z","7.0.0-canary.ed52af767.0":"2020-05-11T20:26:26.758Z","7.0.0-canary.058cfd23c.0":"2020-05-11T21:24:26.457Z","7.0.0-canary.0a371b4fe.0":"2020-05-12T23:17:23.851Z","7.0.0-canary.2139200b3.0":"2020-05-13T14:46:29.418Z","7.0.0-canary.744d751a0.0":"2020-05-14T04:42:02.787Z","7.0.0-canary.ad0c0c103.0":"2020-05-14T14:50:42.899Z","7.0.0-canary.fd8f8f2b7.0":"2020-05-18T17:52:56.837Z","7.0.0-canary.730920fbb.0":"2020-05-18T19:43:15.679Z","7.0.0-canary.bcdad99bb.0":"2020-05-19T03:17:20.110Z","7.0.0-canary.4497b86ed.0":"2020-05-19T03:50:06.516Z","7.0.0-canary.2e60575da.0":"2020-05-19T16:08:27.521Z","7.0.0-canary.e3eacefcc.0":"2020-05-19T17:37:19.923Z","7.0.0-canary.b065a4d2b.0":"2020-05-20T14:35:42.049Z","7.0.0-canary.4ebce8d78.0":"2020-05-20T20:49:37.434Z","7.0.0-canary.b0fdca492.0":"2020-05-20T23:02:02.760Z","7.0.0-canary.c67667e8e.0":"2020-05-21T14:11:45.691Z","7.0.0-canary.62b5f37db.0":"2020-05-21T16:40:29.283Z","7.0.0-canary.2e218dbf8.0":"2020-05-21T17:01:22.618Z","7.0.0-canary.7fd792bb9.0":"2020-05-21T17:13:55.957Z","7.0.0-canary.a66493cd8.0":"2020-05-21T17:17:21.458Z","7.0.0-canary.da05f66e1.0":"2020-05-21T17:19:10.432Z","7.0.0-canary.740860e78.0":"2020-05-21T17:25:56.309Z","7.0.0-canary.5cea2610f.0":"2020-05-21T17:27:57.831Z","7.0.0-canary.cf7747ef7.0":"2020-05-21T17:28:18.395Z","7.0.0-canary.862d0d7bc.0":"2020-05-21T17:30:57.861Z","7.0.0-canary.0008c8a91.0":"2020-05-21T19:32:25.249Z","7.0.0-canary.541638fa2.0":"2020-05-21T19:47:22.494Z","7.0.0-canary.6167cd075.0":"2020-05-21T20:20:17.587Z","7.0.0-canary.863ac1b0f.0":"2020-05-21T20:58:55.748Z","7.0.0-canary.d30a214ac.0":"2020-05-21T21:03:10.664Z","7.0.0-canary.62abbc8d7.0":"2020-05-21T21:27:56.826Z","7.0.0-canary.49bf31d5c.0":"2020-05-21T21:31:13.617Z","7.0.0-canary.8e17857d0.0":"2020-05-21T21:32:06.263Z","7.0.0-canary.c113fc942.0":"2020-05-21T22:45:40.038Z","7.0.0-canary.912d9021d.0":"2020-05-26T18:44:28.132Z","7.0.0-canary.68a2af131.0":"2020-05-26T19:06:32.716Z","7.0.0-canary.01de07011.0":"2020-05-26T19:51:56.792Z","7.0.0-canary.51d4535fe.0":"2020-05-26T21:33:57.874Z","7.0.0-canary.b86d826b7.0":"2020-05-26T22:12:54.683Z","7.0.0-canary.d91794c7e.0":"2020-05-26T23:54:15.057Z","7.0.0-canary.8c6d7e076.0":"2020-05-27T18:58:32.638Z","7.0.0-canary.5b5f62f93.0":"2020-05-27T19:15:36.083Z","7.0.0-canary.d9972abb1.0":"2020-05-27T20:20:05.344Z","7.0.0-canary.6556eda2b.0":"2020-05-27T20:29:16.620Z","7.0.0-canary.32aa23641.0":"2020-05-27T21:37:28.607Z","7.0.0-canary.654934dfa.0":"2020-05-28T00:36:09.642Z","7.0.0-canary.41910b8b8.0":"2020-05-28T00:50:35.272Z","7.0.0-canary.d66d22bf9.0":"2020-05-28T19:54:27.994Z","7.0.0-canary.8904f3cbe.0":"2020-05-29T16:49:37.039Z","7.0.0-canary.51512a4ac.0":"2020-05-29T19:14:21.782Z","7.0.0-canary.0743288fb.0":"2020-05-29T20:04:17.944Z","7.0.0-canary.06ef147b5.0":"2020-05-29T20:39:58.013Z","7.0.0-canary.8073a20a9.0":"2020-05-29T23:24:48.191Z","7.0.0-canary.72ff42330.0":"2020-06-01T16:43:06.358Z","7.0.0-canary.9ea52070f.0":"2020-06-01T16:48:19.999Z","7.0.0-canary.d86ad3b60.0":"2020-06-01T17:48:08.263Z","7.0.0-canary.b9776b1d0.0":"2020-06-01T18:25:18.771Z","7.0.0-canary.ba6f7c294.0":"2020-06-02T17:01:57.884Z","7.0.0-canary.cf3b664ab.0":"2020-06-02T18:22:43.399Z","7.0.0-canary.4ba3c9a31.0":"2020-06-02T23:51:31.257Z","7.0.0-canary.388b042c7.0":"2020-06-03T13:45:47.103Z","7.0.0-canary.cca1ca84d.0":"2020-06-03T16:01:56.600Z","7.0.0-canary.9b0b5f2e0.0":"2020-06-03T18:56:47.306Z","7.0.0-canary.0a7895f4d.0":"2020-06-03T21:08:15.903Z","7.0.0-canary.7461aad68.0":"2020-06-03T22:11:27.953Z","7.0.0-canary.a0dc2b5c4.0":"2020-06-04T21:13:00.789Z","7.0.0-canary.2b420c5b3.0":"2020-06-08T16:13:29.877Z","7.0.0-canary.8fa22aacc.0":"2020-06-08T18:03:49.498Z","7.0.0-canary.21c4e4ed8.0":"2020-06-08T18:43:27.238Z","7.0.0-canary.dfde46516.0":"2020-06-08T19:41:01.163Z","7.0.0-canary.05cc5c206.0":"2020-06-08T20:55:57.583Z","7.0.0-canary.3ee488f1c.0":"2020-06-09T14:53:11.147Z","7.0.0-canary.b83d720ee.0":"2020-06-09T17:25:32.032Z","7.0.0-canary.afb1c11a9.0":"2020-06-09T20:15:42.845Z","7.0.0-canary.39e6f71e2.0":"2020-06-09T23:38:54.542Z","7.0.0-canary.d4c66dc7d.0":"2020-06-11T17:45:09.029Z","7.0.0-canary.be4a19f9f.0":"2020-06-12T06:07:24.211Z","7.0.0-canary.a6ac8f629.0":"2020-06-15T21:29:58.934Z","7.0.0-canary.9833dc287.0":"2020-06-16T19:48:34.697Z","7.0.0-canary.3aa33998e.0":"2020-06-16T20:20:14.491Z","7.0.0-canary.d2b54d183.0":"2020-06-18T01:14:58.613Z","7.0.0-canary.f2a488e95.0":"2020-06-18T15:03:17.022Z","7.0.0-canary.bd8d1aafa.0":"2020-06-18T15:15:34.076Z","7.0.0-canary.1321eb968.0":"2020-06-19T19:20:36.161Z","7.0.0-canary.db5cc0382.0":"2020-06-19T19:27:00.931Z","7.0.0-canary.6ac9bf031.0":"2020-06-19T19:47:23.894Z","7.0.0-canary.c21b5c367.0":"2020-06-19T20:09:43.299Z","7.0.0-canary.bfdd7fd39.0":"2020-06-19T20:19:14.113Z","7.0.0-canary.10b505785.0":"2020-06-19T20:20:38.617Z","7.0.0-canary.6483d3f44.0":"2020-06-19T20:36:48.429Z","7.0.0-canary.30a74e921.0":"2020-06-19T20:39:05.245Z","7.0.0-canary.c20727498.0":"2020-06-19T20:41:58.380Z","7.0.0-canary.4e360ae94.0":"2020-06-19T20:58:46.723Z","7.0.0-canary.8550fa53b.0":"2020-06-19T21:00:58.054Z","7.0.0-canary.93ade142e.0":"2020-06-19T21:02:04.910Z","7.0.0-canary.a0032f5bb.0":"2020-06-19T21:27:07.165Z","7.0.0-canary.3f342e721.0":"2020-06-19T21:29:08.079Z","7.0.0-canary.ff89457cc.0":"2020-06-19T21:30:32.146Z","7.0.0-canary.4a1855cf8.0":"2020-06-19T21:33:16.577Z","7.0.0-canary.8602f1b4d.0":"2020-06-22T17:22:50.871Z","7.0.0-canary.69f9f0982.0":"2020-06-22T21:13:38.986Z","7.0.0-canary.369a293f0.0":"2020-06-22T21:15:48.525Z","7.0.0-canary.f1432b5c6.0":"2020-06-22T21:24:32.625Z","7.0.0-canary.4757a16b4.0":"2020-06-22T21:52:23.337Z","7.0.0-canary.f8f472762.0":"2020-06-22T21:56:37.589Z","7.0.0-canary.7e4d55c34.0":"2020-06-22T22:28:33.910Z","7.0.0-canary.bd1dbc91f.0":"2020-06-23T14:27:11.200Z","7.0.0-canary.31523bc62.0":"2020-06-23T14:32:34.363Z","7.0.0-canary.a96b6d4d6.0":"2020-06-23T14:39:10.094Z","7.0.0-canary.ef3a09533.0":"2020-06-23T14:47:13.991Z","7.0.0-canary.080965f39.0":"2020-06-23T15:16:44.730Z","7.0.0-canary.1bd67b65d.0":"2020-06-23T15:59:05.555Z","7.0.0-canary.18ca31248.0":"2020-06-23T18:23:56.631Z","7.0.0-canary.39cf00836.0":"2020-06-23T18:47:08.640Z","7.0.0-canary.1bfda9e05.0":"2020-06-23T18:59:35.170Z","7.0.0-canary.08731bd95.0":"2020-06-23T19:02:13.516Z","7.0.0":"2020-06-23T19:09:56.490Z","8.0.0-canary.a3212b209.0":"2020-06-23T19:10:48.458Z","8.0.0-canary.15e81fe98.0":"2020-06-23T19:39:39.560Z","8.0.0-canary.004c9d392.0":"2020-06-23T22:55:10.176Z","8.0.0-canary.03bde00f5.0":"2020-06-24T00:30:48.126Z","8.0.0-canary.599b8c319.0":"2020-06-24T14:55:25.682Z","8.0.0-canary.87e3be418.0":"2020-06-24T17:52:27.289Z","8.0.0-canary.035cf2a6f.0":"2020-06-24T18:37:43.307Z","8.0.0-canary.2fed2c12f.0":"2020-06-25T19:59:43.957Z","8.0.0-canary.38197b443.0":"2020-06-25T21:21:46.180Z","8.0.0-canary.69a35e80c.0":"2020-06-26T17:37:55.671Z","8.0.0-canary.df7154fb3.0":"2020-06-26T18:15:56.039Z","8.0.0-canary.d5618602a.0":"2020-06-26T21:47:26.193Z","8.0.0-canary.e590b376b.0":"2020-06-26T23:22:46.541Z","8.0.0-canary.0c9d6bd2d.0":"2020-06-29T17:14:31.459Z","8.0.0-canary.c1fec4246.0":"2020-06-29T17:29:38.795Z","8.0.0-canary.c678a9d34.0":"2020-06-29T17:50:51.766Z","8.0.0-canary.521afaf6e.0":"2020-06-30T15:04:33.521Z","8.0.0-canary.a2ad48839.0":"2020-06-30T19:13:30.415Z","8.0.0-canary.ec2385881.0":"2020-06-30T21:46:05.479Z","8.0.0-canary.610c26c4a.0":"2020-07-01T14:55:13.326Z","8.0.0-canary.e2ea4a99e.0":"2020-07-01T19:26:17.864Z","8.0.0-canary.a78ceb112.0":"2020-07-01T19:38:07.388Z","8.0.0-canary.b0c456d33.0":"2020-07-06T22:40:17.083Z","8.0.0-canary.2e5711e04.0":"2020-07-08T16:47:06.478Z","8.0.0-canary.811fc5d24.0":"2020-07-08T17:14:58.105Z","8.0.0-canary.6ed717ddd.0":"2020-07-08T19:43:13.533Z","8.0.0-canary.d850de590.0":"2020-07-09T18:04:36.118Z","8.0.0-canary.e07a70841.0":"2020-07-09T18:34:29.551Z","8.0.0-canary.37947ed6c.0":"2020-07-09T20:35:03.659Z","8.0.0-canary.5d443afec.0":"2020-07-09T20:51:00.312Z","8.0.0-canary.9ac1ed914.0":"2020-07-09T21:19:50.371Z","8.0.0-canary.1e7cb6198.0":"2020-07-09T22:11:24.098Z","8.0.0-canary.843f636c0.0":"2020-07-10T17:41:47.689Z","8.0.0-canary.b2edaeead.0":"2020-07-10T18:06:19.837Z","8.0.0-canary.5dac1f624.0":"2020-07-13T16:33:29.367Z","8.0.0-canary.4497acef8.0":"2020-07-14T14:19:06.154Z","8.0.0-canary.e6e23019d.0":"2020-07-14T20:09:37.639Z","8.0.0-canary.d548d7a92.0":"2020-07-14T21:12:16.857Z","8.0.0-canary.58ce529cc.0":"2020-07-14T21:14:11.828Z","8.0.0-canary.a0f1202dc.0":"2020-07-14T21:33:17.488Z","8.0.0-canary.ad4df58c1.0":"2020-07-15T00:08:33.051Z","8.0.0-canary.01db89053.0":"2020-07-16T16:38:12.107Z","8.0.0-canary.fb5a4cdeb.0":"2020-07-20T19:19:10.051Z","8.0.0-canary.8df0f517c.0":"2020-07-20T23:54:49.026Z","8.0.0-canary.abcdbcfeb.0":"2020-07-21T00:49:20.778Z","8.0.0-canary.7bd5075de.0":"2020-07-21T18:46:17.032Z","8.0.0-canary.405a29a20.0":"2020-07-22T22:22:25.148Z","8.0.0-canary.f3693ac4c.0":"2020-07-22T22:32:45.604Z","8.0.0-canary.12a109680.0":"2020-07-22T23:02:40.728Z","8.0.0-canary.bbd06696e.0":"2020-07-22T23:52:04.544Z","8.0.0-canary.4951e7651.0":"2020-07-23T01:48:42.020Z","8.0.0-canary.75deebbef.0":"2020-07-23T17:45:00.318Z","8.0.0-canary.95aff33ee.0":"2020-07-23T18:46:33.431Z","8.0.0-canary.9d9f47473.0":"2020-07-23T19:57:49.283Z","8.0.0-canary.00dfbf6be.0":"2020-07-23T20:58:41.179Z","8.0.0-canary.b87e522d2.0":"2020-07-23T21:22:53.401Z","8.0.0-canary.5b3e150e5.0":"2020-07-24T01:23:05.053Z","8.0.0-canary.f0ae11786.0":"2020-07-24T01:42:51.567Z","8.0.0-canary.fb4ee66c0.0":"2020-07-24T02:09:58.651Z","8.0.0-canary.5511e0aeb.0":"2020-07-24T16:56:06.270Z","8.0.0-canary.8388a9bf6.0":"2020-07-24T20:12:10.764Z","8.0.0-canary.ac405eae1.0":"2020-07-27T15:05:30.931Z","8.0.0-canary.75553837c.0":"2020-07-27T15:11:32.158Z","8.0.0-canary.b96fbfc7a.0":"2020-07-27T15:37:04.926Z","8.0.0-canary.61f1a8d85.0":"2020-07-27T15:46:08.500Z","8.0.0-canary.81dc33377.0":"2020-07-27T15:58:14.302Z","8.0.0-canary.ffd9ede58.0":"2020-07-27T16:31:25.714Z","8.0.0-canary.52dc55acf.0":"2020-07-27T17:07:39.641Z","8.0.0-canary.d4274ff05.0":"2020-07-27T19:49:55.935Z","8.0.0-canary.b82d0696d.0":"2020-07-27T19:57:10.383Z","8.0.0-canary.c2852000d.0":"2020-07-27T20:57:26.011Z","8.0.0-canary.f86f83f54.0":"2020-07-27T21:53:16.010Z","8.0.0-canary.41eb1684c.0":"2020-07-28T17:49:25.091Z","8.0.0-canary.9e2f6c450.0":"2020-07-28T22:38:19.241Z","8.0.0-canary.e6950b55a.0":"2020-07-28T22:51:17.992Z","8.0.0-canary.5e51ee38e.0":"2020-07-28T23:15:05.237Z","8.0.0-canary.a3898ffcf.0":"2020-07-29T00:35:30.009Z","8.0.0-canary.bc5cc6c96.0":"2020-07-29T00:48:21.874Z","8.0.0-canary.9bdeaf928.0":"2020-07-29T01:19:41.895Z","8.0.0-canary.fde2c1f9d.0":"2020-07-29T01:34:11.033Z","8.0.0-canary.6b3876d5d.0":"2020-07-29T01:37:55.247Z","8.0.0-canary.30ce17873.0":"2020-07-29T17:13:49.954Z","8.0.0-canary.f6bb43bf0.0":"2020-07-29T18:24:11.021Z","8.0.0-canary.6af75f6ab.0":"2020-07-30T00:00:27.249Z","8.0.0-canary.42d7a65aa.0":"2020-07-30T00:09:24.356Z","8.0.0-canary.85abdabb7.0":"2020-07-30T00:14:29.233Z","8.0.0-canary.49fb20ca3.0":"2020-07-30T01:26:46.140Z","8.0.0-canary.962d4abbb.0":"2020-07-30T16:09:23.254Z","8.0.0-canary.2fcee40cb.0":"2020-07-30T17:20:42.288Z","8.0.0-canary.bd5987f5a.0":"2020-07-30T17:45:21.388Z","8.0.0-canary.005e86a9b.0":"2020-07-30T17:58:55.193Z","8.0.0-canary.e309c7c68.0":"2020-07-30T18:07:42.895Z","8.0.0-canary.935a51cc0.0":"2020-07-30T18:19:30.274Z","8.0.0-canary.74839da7b.0":"2020-07-30T18:30:27.298Z","8.0.0-canary.f041a48c9.0":"2020-07-30T22:58:29.320Z","8.0.0-canary.fbb1381e1.0":"2020-07-31T15:49:30.314Z","8.0.0-canary.7f61d5785.0":"2020-07-31T17:22:12.359Z","8.0.0-canary.e1bc84d10.0":"2020-08-03T17:49:50.132Z","8.0.0-canary.096a7a066.0":"2020-08-03T17:52:37.182Z","8.0.0-canary.aa3a3e5a4.0":"2020-08-03T17:52:48.211Z","8.0.0-canary.5903d39af.0":"2020-08-03T17:53:11.028Z","8.0.0-canary.72258f898.0":"2020-08-04T01:16:24.472Z","8.0.0-canary.1b44b43c8.0":"2020-08-04T16:47:13.926Z","8.0.0-canary.e9d2e2f96.0":"2020-08-04T20:23:22.493Z","8.0.0-canary.b9dff0a19.0":"2020-08-05T03:47:50.289Z","8.0.0-canary.2bd09a706.0":"2020-08-05T03:52:55.875Z","8.0.0-canary.e0560522f.0":"2020-08-05T17:18:42.129Z","8.0.0-canary.08ca4d0ec.0":"2020-08-05T17:38:32.652Z","8.0.0-canary.08090126b.0":"2020-08-06T19:31:46.693Z","8.0.0-canary.e8bf5b2ac.0":"2020-08-06T21:49:04.368Z","8.0.0-canary.e3b746208.0":"2020-08-06T22:25:47.453Z","8.0.0-canary.96a640534.0":"2020-08-06T22:40:38.237Z","8.0.0-canary.9f9aac825.0":"2020-08-07T20:50:28.441Z","8.0.0-canary.fc65fd00b.0":"2020-08-10T15:19:27.014Z","8.0.0-canary.02e372c5f.0":"2020-08-10T15:47:30.414Z","8.0.0-canary.66669e3b6.0":"2020-08-10T15:51:41.629Z","8.0.0-canary.6d1ea9761.0":"2020-08-11T14:29:52.951Z","8.0.0-canary.79414bf9f.0":"2020-08-11T19:00:45.590Z","8.0.0-canary.85a5272df.0":"2020-08-11T20:07:10.108Z","8.0.0-canary.fda053eb8.0":"2020-08-12T20:03:12.647Z","8.0.0-canary.760873445.0":"2020-08-12T21:42:20.135Z","8.0.0-canary.2f4711a30.0":"2020-08-12T21:52:17.735Z","8.0.0-canary.2d72f3659.0":"2020-08-12T21:59:42.488Z","8.0.0-canary.1fee70a5e.0":"2020-08-12T23:27:45.928Z","8.0.0-canary.023f3fa34.0":"2020-08-13T01:11:21.598Z","8.0.0-canary.80f3a9e5d.0":"2020-08-13T01:28:00.214Z","8.0.0-canary.a1dcfe97c.0":"2020-08-13T08:48:32.430Z","8.0.0-canary.af332d5be.0":"2020-08-13T21:16:24.613Z","8.0.0-canary.7dd4567c4.0":"2020-08-14T00:49:54.011Z","8.0.0-canary.ff870005a.0":"2020-08-14T01:15:16.072Z","8.0.0-canary.150f427a0.0":"2020-08-14T13:28:09.589Z","8.0.0-canary.bcc58290a.0":"2020-08-14T23:21:34.912Z","8.0.0-canary.4f55400bb.0":"2020-08-17T16:37:29.343Z","8.0.0-canary.000d64815.0":"2020-08-17T17:03:17.825Z","8.0.0-canary.defa599a8.0":"2020-08-17T20:30:52.435Z","8.0.0-canary.66b8ed7e6.0":"2020-08-18T18:35:48.059Z","8.0.0-canary.e2b1033df.0":"2020-08-19T18:40:58.455Z","8.0.0-canary.2e8c3dd2e.0":"2020-08-19T19:23:00.450Z","8.0.0-canary.b2e80a5d9.0":"2020-08-19T22:19:56.562Z","8.0.0-canary.ff88df637.0":"2020-08-19T22:31:54.218Z","8.0.0-canary.32fb314cd.0":"2020-08-20T10:36:28.323Z","8.0.0-canary.546277d32.0":"2020-08-20T16:42:01.553Z","8.0.0-canary.da72839f4.0":"2020-08-20T17:58:55.796Z","8.0.0-canary.346069ccb.0":"2020-08-20T18:17:21.326Z","8.0.0-canary.e27c5802f.0":"2020-08-20T19:14:11.778Z","8.0.0-canary.f4532b9c8.0":"2020-08-20T19:56:48.720Z","8.0.0-canary.fbf73c2a6.0":"2020-08-20T21:05:17.470Z","8.0.0-canary.cf800124f.0":"2020-08-20T21:51:41.280Z","8.0.0-canary.95e4eeea7.0":"2020-08-20T23:27:55.021Z","8.0.0-canary.91ab1c62a.0":"2020-08-21T15:10:44.561Z","8.0.0-canary.58eaa9f02.0":"2020-08-21T19:59:27.680Z","8.0.0-canary.238216fc4.0":"2020-08-24T15:39:45.507Z","8.0.0-canary.a1c65593d.0":"2020-08-25T03:02:57.411Z","8.0.0-canary.708cc09c4.0":"2020-08-25T15:55:25.347Z","8.0.0-canary.19bea2ad3.0":"2020-08-26T18:48:24.086Z","8.0.0-canary.911014711.0":"2020-08-27T16:07:01.447Z","8.0.0-canary.d3387f54c.0":"2020-09-03T20:53:18.812Z","8.0.0-canary.2ccf996cc.0":"2020-09-03T20:53:42.313Z","8.0.0-canary.744bfe5d8.0":"2020-09-03T20:54:35.248Z","8.0.0-canary.78da96eaf.0":"2020-09-08T19:11:50.482Z","8.0.0-canary.b0ed593cc.0":"2020-09-09T06:15:02.400Z","8.0.0-canary.85a1fa9ea.0":"2020-09-10T21:09:32.934Z","8.0.0-canary.0bc41a9c7.0":"2020-09-11T17:48:41.481Z","8.0.0-canary.fc0eb5013.0":"2020-09-11T19:54:30.519Z","8.0.0-canary.319bf66de.0":"2020-09-11T23:09:15.853Z","8.0.0-canary.5bfc305ec.0":"2020-09-13T22:59:15.996Z","8.0.0-canary.83d83f131.0":"2020-09-14T00:31:46.255Z","8.0.0-canary.40d8e4726.0":"2020-09-14T23:27:22.983Z","8.0.0-canary.c25d70a31.0":"2020-09-15T02:26:38.075Z","8.0.0-canary.2fe70126a.0":"2020-09-15T04:50:36.243Z","8.0.0-canary.d52b165b5.0":"2020-09-15T14:53:20.245Z","8.0.0-canary.a831d4799.0":"2020-09-15T17:50:53.964Z","8.0.0-canary.a306aa488.0":"2020-09-17T00:57:32.559Z","8.0.0-canary.fd608ff66.0":"2020-09-17T14:24:39.586Z","8.0.0-canary.3e435ba57.0":"2020-09-17T14:42:00.970Z","8.0.0-canary.c250ec52a.0":"2020-09-17T20:09:32.767Z","8.0.0-canary.e34e411b1.0":"2020-09-17T20:16:56.833Z","8.0.0-canary.4e9343929.0":"2020-09-17T20:42:06.509Z","8.0.0-canary.4e5c350c2.0":"2020-09-21T21:13:10.642Z","8.0.0-canary.16c563ef7.0":"2020-09-22T19:45:10.879Z","8.0.0-canary.fd8af3d43.0":"2020-09-23T19:31:15.402Z","8.0.0-canary.d4cd83a85.0":"2020-09-25T00:34:03.756Z","8.0.0-canary.199aecdfb.0":"2020-09-25T15:50:18.450Z","8.0.0-canary.38ef4501f.0":"2020-09-30T18:23:13.340Z","8.0.0-canary.774dcfc8e.0":"2020-10-01T09:53:03.594Z","8.0.0-canary.0f60323a8.0":"2020-10-08T21:09:02.672Z","8.0.0-canary.d71622574.0":"2020-10-09T16:30:31.093Z","8.0.0-canary.7a9afaf4b.0":"2020-10-09T22:52:45.581Z","8.0.0-canary.8a39352c8.0":"2020-10-12T17:45:26.376Z","8.0.0-canary.790ca85fd.0":"2020-10-12T21:55:44.805Z","8.0.0-canary.174c0becf.0":"2020-10-14T02:14:50.876Z","8.0.0-canary.c71ebfa02.0":"2020-10-14T04:16:28.410Z","8.0.0-canary.2ab716cbd.0":"2020-10-16T00:03:20.734Z","8.0.0-canary.43c1c5e2f.0":"2020-10-19T14:07:08.716Z","8.0.0-canary.ccc64eea3.0":"2020-10-26T22:50:33.061Z","8.0.0-canary.a79cdd019.0":"2020-10-27T16:30:14.240Z","8.0.0-canary.596e98424.0":"2020-10-28T16:02:30.551Z","8.0.0-canary.05d5facc2.0":"2020-10-28T16:10:56.284Z","8.0.0-canary.291b3553d.0":"2020-10-28T17:43:56.012Z","8.0.0-canary.dbc449b09.0":"2020-10-28T18:11:40.839Z","8.0.0-canary.4794b25da.0":"2020-10-28T18:40:18.228Z","8.0.0-canary.c61db90a5.0":"2020-10-28T18:58:34.362Z","8.0.0-canary.6d9648ab2.0":"2020-10-29T20:31:29.333Z","8.0.0-canary.5511c5254.0":"2020-10-30T17:59:15.695Z","8.0.0-canary.bd6e302a4.0":"2020-11-02T17:03:40.368Z","9.0.0-canary.d6b5cd418.0":"2020-11-02T22:58:02.301Z","8.0.0":"2020-11-02T22:58:24.071Z","9.0.0-canary.fdf9a2634.0":"2020-11-03T23:20:20.108Z","9.0.0-canary.4a86f30a0.0":"2020-11-03T23:26:42.178Z","9.0.0-canary.fc8b045f1.0":"2020-11-03T23:36:12.078Z","9.0.0-canary.a0b2db26b.0":"2020-11-04T00:07:49.021Z","9.0.0-canary.419e03572.0":"2020-11-04T01:32:09.438Z","9.0.0-canary.a432ad542.0":"2020-11-06T01:44:59.427Z","9.0.0-canary.e2e8aef1e.0":"2020-11-06T02:04:17.434Z","9.0.0-canary.ec6b68b34.0":"2020-11-06T18:55:34.240Z","9.0.0-canary.b39094d14.0":"2020-11-06T21:15:04.814Z","9.0.0-canary.8648b8258.0":"2020-11-12T10:43:43.166Z","9.0.0-canary.240c5f74f.0":"2020-11-12T20:19:37.674Z","9.0.0-canary.6cf6ba4f4.0":"2020-11-16T18:48:59.378Z","9.0.0-canary.07f3e01b7.0":"2020-11-16T21:44:36.077Z","9.0.0-canary.23491cf85.0":"2020-11-17T00:16:12.174Z","9.0.0-canary.b659d4fc3.0":"2020-11-17T00:24:01.780Z","9.0.0-canary.d8a3aed67.0":"2020-11-17T15:26:08.292Z","9.0.0-canary.482ff9091.0":"2020-11-17T17:56:56.232Z","9.0.0-canary.99cfb6bd5.0":"2020-11-18T18:42:39.920Z","9.0.0-canary.b98d15d90.0":"2020-11-18T22:33:59.421Z","9.0.0-canary.30c11bfc2.0":"2020-11-19T01:25:07.762Z","9.0.0-canary.1b731d51b.0":"2020-11-19T18:51:16.474Z","9.0.0-canary.4ae94ff78.0":"2020-11-19T18:54:12.019Z","9.0.0-canary.7ad038e1d.0":"2020-11-19T19:17:26.775Z","9.0.0-canary.a41527604.0":"2020-11-19T19:58:56.479Z","9.0.0-canary.7b0e2b377.0":"2020-11-20T22:54:33.640Z","9.0.0-canary.c927a5d05.0":"2020-11-23T19:46:09.079Z","9.0.0-canary.b349b5185.0":"2020-11-24T17:07:42.677Z","9.0.0-canary.9083b7d61.0":"2020-11-24T21:14:38.573Z","9.0.0-canary.eff7b46ac.0":"2020-11-24T23:29:58.910Z","9.0.0-canary.ae27b44b0.0":"2020-11-25T15:31:41.529Z","9.0.0-canary.2fbba2554.0":"2020-11-30T17:39:21.839Z","9.0.0-canary.6d8574fe1.0":"2020-11-30T17:50:29.455Z","9.0.0-canary.fd22355f7.0":"2020-11-30T22:58:35.514Z","9.0.0-canary.c4ab98722.0":"2020-12-02T00:55:33.010Z","9.0.0-canary.977585650.0":"2020-12-02T14:40:58.023Z","9.0.0-canary.c7edfc7b6.0":"2020-12-02T14:48:33.523Z","9.0.0-canary.4f3347306.0":"2020-12-02T15:06:31.651Z","9.0.0-canary.37fbae10d.0":"2020-12-02T18:15:22.617Z","9.0.0-canary.11da3c0db.0":"2020-12-02T20:21:21.915Z","9.0.0-canary.489d4c219.0":"2020-12-03T15:28:41.000Z","9.0.0-canary.6557a69d9.0":"2020-12-03T15:40:31.095Z","9.0.0-canary.4ea1b7c69.0":"2020-12-03T15:57:12.814Z","9.0.0-canary.eaeb78ce3.0":"2020-12-03T17:00:18.356Z","9.0.0-canary.1c156d69d.0":"2020-12-03T20:43:38.036Z","9.0.0-canary.832668d33.0":"2020-12-04T18:04:45.994Z","9.0.0-canary.4321323e4.0":"2020-12-07T11:27:58.388Z","9.0.0-canary.2d5f32d41.0":"2020-12-07T16:40:51.656Z","9.0.0-canary.8239afc64.0":"2020-12-07T19:48:24.879Z","9.0.0-canary.6871336f1.0":"2020-12-08T16:00:26.250Z","9.0.0-canary.9f718da94.0":"2020-12-08T16:12:06.998Z","9.0.0-canary.1fccb1418.0":"2020-12-08T16:27:18.449Z","9.0.0-canary.afb68894e.0":"2020-12-08T16:31:08.691Z","9.0.0-canary.fd88d40c2.0":"2020-12-08T16:44:03.141Z","9.0.0-canary.ba9e3109c.0":"2020-12-08T19:04:17.921Z","9.0.0-canary.1085c3b2d.0":"2020-12-09T19:09:57.614Z","9.0.0-canary.c5dda809d.0":"2020-12-09T20:48:38.621Z","9.0.0-canary.f5f1bd86a.0":"2020-12-09T21:06:49.101Z","9.0.0-canary.00f38200f.0":"2020-12-11T15:42:42.232Z","9.0.0-canary.ac41a5729.0":"2020-12-11T16:26:50.858Z","9.0.0-canary.7fe0e4f05.0":"2020-12-11T17:04:19.572Z","9.0.0-canary.9244508bd.0":"2020-12-11T19:05:54.527Z","9.0.0-canary.384a8eeb1.0":"2020-12-16T17:00:50.466Z","9.0.0-canary.eabf9d5c2.0":"2020-12-16T18:26:32.070Z","9.0.0-canary.30fdfd06e.0":"2020-12-16T19:06:23.344Z","9.0.0-canary.9590a8f90.0":"2020-12-22T17:40:57.714Z","9.0.0-canary.f89d8b8f2.0":"2020-12-22T23:03:54.678Z","9.0.0-canary.fb194dd35.0":"2020-12-28T20:44:39.172Z","9.0.0-canary.64f36e287.0":"2020-12-28T21:07:32.643Z","9.0.0-canary.b7bbe7022.0":"2020-12-29T18:46:52.172Z","9.0.0":"2020-12-29T19:44:57.512Z","10.0.0-canary.555aecce5.0":"2020-12-29T19:45:07.856Z","10.0.0-canary.776c18681.0":"2020-12-30T00:39:10.801Z","10.0.0-canary.671d72d95.0":"2020-12-30T20:10:45.877Z","10.0.0-canary.b4f5a1c9e.0":"2020-12-30T21:45:27.899Z","10.0.0-canary.a94bd8deb.0":"2020-12-30T22:03:18.615Z","10.0.0-canary.5d128511b.0":"2020-12-30T22:08:43.138Z","10.0.0-canary.365c69360.0":"2021-01-05T17:47:12.379Z","10.0.0-canary.700a8261a.0":"2021-01-05T20:59:23.582Z","10.0.0-canary.766981c15.0":"2021-01-05T22:39:07.208Z","10.0.0-canary.b28c576d9.0":"2021-01-05T22:49:00.995Z","10.0.0-canary.968735356.0":"2021-01-06T15:49:36.501Z","10.0.0-canary.c5e18b020.0":"2021-01-06T19:43:05.967Z","10.0.0-canary.bcff8a66a.0":"2021-01-06T20:24:52.531Z","10.0.0-canary.79328c9ff.0":"2021-01-07T02:33:08.819Z","10.0.0-canary.121e1f303.0":"2021-01-07T23:18:43.022Z","10.0.0-canary.abdd10065.0":"2021-01-08T17:50:27.722Z","10.0.0-canary.089de519c.0":"2021-01-08T22:19:36.728Z","10.0.0-canary.163119837.0":"2021-01-08T23:44:04.681Z","10.0.0-canary.b8a1a58e4.0":"2021-01-11T16:23:02.458Z","10.0.0-canary.7584267ff.0":"2021-01-12T01:11:04.910Z","10.0.0-canary.251ac04c0.0":"2021-01-12T19:53:53.831Z","10.0.0-canary.772cc1068.0":"2021-01-14T00:05:41.559Z","10.0.0-canary.fe13dd130.0":"2021-01-14T01:09:10.064Z","10.0.0-canary.c7c5da28f.0":"2021-01-14T01:32:51.955Z","10.0.0-canary.b2faa116a.0":"2021-01-19T19:25:28.146Z","10.0.0-canary.0c95c9f7b.0":"2021-01-19T22:52:45.552Z","10.0.0-canary.5268222c4.0":"2021-01-20T19:18:03.528Z","10.0.0-canary.2ed2d829b.0":"2021-01-20T23:06:53.032Z","10.0.0-canary.df00c2b30.0":"2021-01-21T19:53:45.443Z","10.0.0-canary.fd61b0476.0":"2021-01-21T20:08:29.508Z","10.0.0-canary.3fb3a0265.0":"2021-01-22T00:03:40.077Z","10.0.0-canary.07deaec27.0":"2021-01-22T16:55:13.755Z","10.0.0-canary.d2959b16c.0":"2021-01-22T18:51:04.854Z","10.0.0-canary.75f3bfe7c.0":"2021-01-22T22:50:17.638Z","10.0.0-canary.b9adb7a0f.0":"2021-01-22T23:34:06.821Z","10.0.0-canary.d29ec2862.0":"2021-01-25T16:22:26.009Z","10.0.0-canary.96be07c68.0":"2021-01-26T00:08:41.864Z","10.0.0-canary.e383944e9.0":"2021-01-26T01:43:58.037Z","10.0.0-canary.623af861e.0":"2021-01-26T03:44:12.527Z","10.0.0-canary.6863fd43a.0":"2021-01-26T21:31:36.113Z","10.0.0-canary.ea55b87ca.0":"2021-01-26T23:44:39.923Z","10.0.0-canary.e902ff05f.0":"2021-01-27T00:02:50.688Z","10.0.0-canary.2c9fc538a.0":"2021-01-27T00:26:08.862Z","10.0.0-canary.6bf56aaa4.0":"2021-01-27T01:18:54.916Z","10.0.0-canary.994873795.0":"2021-01-27T14:49:52.051Z","10.0.0-canary.96878e1d0.0":"2021-01-27T18:00:58.354Z","10.0.0-canary.3c117cdcc.0":"2021-01-27T18:31:05.877Z","10.0.0-canary.b411e7033.0":"2021-01-27T22:02:21.652Z","10.0.0-canary.a9ac16b4a.0":"2021-01-27T23:02:17.999Z","10.0.0-canary.fec7b42ca.0":"2021-01-28T19:13:30.440Z","10.0.0-canary.8e66dbfee.0":"2021-02-01T23:19:15.388Z","10.0.0-canary.637d15da6.0":"2021-02-02T18:47:48.785Z","10.0.0-canary.fb793939e.0":"2021-02-02T23:41:17.942Z","10.0.0-canary.15a4d40dd.0":"2021-02-03T02:17:29.798Z","10.0.0-canary.7a003acf0.0":"2021-02-04T02:32:51.284Z","10.0.0-canary.05f249666.0":"2021-02-04T17:48:50.218Z","10.0.0-canary.1a3a39629.0":"2021-02-04T18:42:00.276Z","10.0.0-canary.8b1cdb1be.0":"2021-02-04T22:33:33.155Z","10.0.0-canary.8271f00f7.0":"2021-02-04T22:59:32.391Z","10.0.0-canary.533092a90.0":"2021-02-05T03:45:42.643Z","11.0.0-canary.633a9fc7a.0":"2021-02-05T16:16:09.278Z","10.0.0":"2021-02-05T16:17:20.496Z","11.0.0-canary.b5227247d.0":"2021-02-05T17:40:49.259Z","11.0.0-canary.95322b11e.0":"2021-02-05T23:30:35.042Z","11.0.0-canary.1f318ff0f.0":"2021-02-06T00:03:47.538Z","11.0.0-canary.ab12cf7a3.0":"2021-02-08T15:01:48.196Z","11.0.0-canary.98db2c5ec.0":"2021-02-08T15:32:51.356Z","11.0.0-canary.1f86b9f6d.0":"2021-02-08T17:15:59.510Z","11.0.0-canary.aac8f5d9a.0":"2021-02-08T17:59:03.640Z","11.0.0-canary.750e18fc7.0":"2021-02-08T21:40:11.799Z","11.0.0-canary.b62b1266d.0":"2021-02-09T21:51:15.466Z","11.0.0-canary.a6b3101fb.0":"2021-02-11T23:15:42.954Z","11.0.0-canary.ed88df700.0":"2021-02-12T00:05:27.096Z","11.0.0-canary.d30efe6b4.0":"2021-02-12T02:40:42.606Z","11.0.0-canary.0393bdc4b.0":"2021-02-12T04:29:37.990Z","11.0.0-canary.7cd26af4d.0":"2021-02-12T15:58:13.356Z","11.0.0-canary.71fe9a067.0":"2021-02-12T16:29:27.009Z","11.0.0-canary.0fd56a86b.0":"2021-02-13T00:10:34.357Z","11.0.0-canary.f19bbc4af.0":"2021-02-16T22:14:55.730Z","11.0.0-canary.f9cac96cc.0":"2021-02-17T16:08:23.816Z","11.0.0-canary.79ce0878b.0":"2021-02-17T19:23:37.413Z","11.0.0-canary.d6e507b5b.0":"2021-02-17T19:56:57.613Z","11.0.0-canary.f2658381b.0":"2021-02-17T22:43:23.747Z","11.0.0-canary.97c4d4035.0":"2021-02-18T02:33:53.089Z","11.0.0-canary.2482cecc6.0":"2021-02-18T15:07:49.584Z","11.0.0-canary.f5bb4648c.0":"2021-02-18T16:03:50.153Z","11.0.0-canary.302c7a960.0":"2021-02-18T18:36:24.343Z","11.0.0-canary.aa0aaf026.0":"2021-02-18T19:21:51.897Z","11.0.0-canary.07ff0c452.0":"2021-02-18T19:41:20.677Z","11.0.0-canary.bed7ecd3e.0":"2021-02-18T23:26:24.292Z","11.0.0-canary.06dead2d6.0":"2021-02-19T00:35:45.425Z","11.0.0-canary.cddb03553.0":"2021-02-19T03:11:58.301Z","11.0.0-canary.d6d8d0476.0":"2021-02-19T05:35:17.068Z","11.0.0-canary.0b4a4b2eb.0":"2021-02-19T15:44:24.586Z","11.0.0-canary.3201cae47.0":"2021-02-19T22:59:20.545Z","11.0.0-canary.f1b1fd5d3.0":"2021-02-22T19:48:09.731Z","11.0.0-canary.7899e0fe0.0":"2021-02-22T22:44:36.054Z","11.0.0-canary.f19c86d13.0":"2021-02-22T23:29:20.597Z","11.0.0-canary.60e892d79.0":"2021-02-23T01:12:08.345Z","11.0.0-canary.c96bfa495.0":"2021-02-23T19:31:33.914Z","11.0.0-canary.fa9b59f67.0":"2021-02-23T19:32:44.435Z","11.0.0-canary.869e3497c.0":"2021-02-23T19:33:22.505Z","11.0.0-canary.750980728.0":"2021-02-23T19:33:37.894Z","11.0.0-canary.8ecd7c9a9.0":"2021-02-23T19:49:20.133Z","11.0.0-canary.9c85d505b.0":"2021-02-23T22:14:17.321Z","11.0.0-canary.9f2e85fb8.0":"2021-02-24T01:46:23.346Z","11.0.0-canary.19c4f29ef.0":"2021-02-25T19:21:04.749Z","11.0.0-canary.63df6e9bf.0":"2021-02-25T19:35:40.029Z","11.0.0-canary.981ad970a.0":"2021-02-26T00:06:03.688Z","11.0.0-canary.f9c9e39d6.0":"2021-02-26T18:37:38.243Z","11.0.0-canary.c97d7d881.0":"2021-03-01T20:51:57.738Z","11.0.0-canary.bf670dad7.0":"2021-03-03T00:19:35.308Z","11.0.0-canary.c7d98fcde.0":"2021-03-03T20:30:24.426Z","11.0.0-canary.4fef8bc1e.0":"2021-03-03T23:22:57.954Z","11.0.0-canary.afae3a3ec.0":"2021-03-03T23:41:04.476Z","11.0.0-canary.0a0b10f22.0":"2021-03-03T23:59:18.759Z","11.0.0-canary.6f678a91a.0":"2021-03-04T18:38:46.939Z","11.0.0-canary.f5f1b613c.0":"2021-03-04T20:48:07.935Z","11.0.0-canary.606e767ef.0":"2021-03-04T21:43:58.756Z","11.0.0-canary.f77a4dd1a.0":"2021-03-06T04:38:33.768Z","11.0.0-canary.2d6ba2c23.0":"2021-03-08T22:42:57.825Z","11.0.0-canary.7522dcaca.0":"2021-03-09T00:26:12.185Z","11.0.0-canary.5c0ab7401.0":"2021-03-09T22:51:10.224Z","11.0.0-canary.59010b6dc.0":"2021-03-10T16:55:36.736Z","11.0.0-canary.9e52f5544.0":"2021-03-10T23:23:44.902Z","11.0.0-canary.a678806f5.0":"2021-03-11T01:48:36.847Z","11.0.0-canary.b2d22df5b.0":"2021-03-11T17:01:19.019Z","11.0.0-canary.81911b707.0":"2021-03-11T18:21:51.659Z","11.0.0-canary.9eeb35c38.0":"2021-03-11T19:35:25.635Z","11.0.0-canary.12be3e95a.0":"2021-03-11T20:00:08.021Z","11.0.0-canary.e683bdf4a.0":"2021-03-11T20:07:20.395Z","11.0.0-canary.a07b6d486.0":"2021-03-11T20:31:34.280Z","11.0.0-canary.1e0653477.0":"2021-03-11T20:39:03.893Z","11.0.0-canary.148e8cfcc.0":"2021-03-11T22:42:54.605Z","11.0.0-canary.73a227194.0":"2021-03-12T00:22:26.165Z","11.0.0-canary.f8579b7ea.0":"2021-03-13T02:01:09.074Z","11.0.0-canary.d2a39d300.0":"2021-03-16T00:33:30.929Z","11.0.0-canary.7cf67823e.0":"2021-03-16T18:18:42.842Z","11.0.0-canary.67d780c79.0":"2021-03-16T19:46:25.683Z","11.0.0-canary.0f358ddae.0":"2021-03-16T22:10:51.762Z","11.0.0-canary.67eb0df80.0":"2021-03-16T22:38:08.906Z","11.0.0-canary.941ca3b3c.0":"2021-03-16T22:39:56.616Z","11.0.0-canary.3344d12ad.0":"2021-03-17T10:00:21.081Z","11.0.0-canary.6072ed604.0":"2021-03-17T22:58:07.914Z","11.0.0-canary.d3a6862af.0":"2021-03-18T16:18:18.069Z","11.0.0-canary.40dd242d5.0":"2021-03-18T21:15:48.443Z","11.0.0-canary.ec8f8465f.0":"2021-03-18T21:42:39.938Z","11.0.0-canary.da38969ec.0":"2021-03-18T22:16:27.648Z","11.0.0-canary.f5246264d.0":"2021-03-19T00:36:21.108Z","11.0.0-canary.03d34bbad.0":"2021-03-19T00:49:26.082Z","11.0.0-canary.cbc57c600.0":"2021-03-19T00:58:22.824Z","11.0.0-canary.d6c5bcf37.0":"2021-03-19T01:10:23.898Z","11.0.0-canary.fefc668d7.0":"2021-03-19T01:32:23.677Z","11.0.0-canary.faa7d3226.0":"2021-03-19T17:42:25.174Z","11.0.0-canary.c60449bc8.0":"2021-03-19T18:03:42.878Z","11.0.0-canary.5f0fc444a.0":"2021-03-19T18:36:17.105Z","11.0.0-canary.4567a750d.0":"2021-03-20T02:06:12.210Z","11.0.0-canary.0cde52f5a.0":"2021-03-23T00:01:26.987Z","11.0.0-canary.48f4b67fb.0":"2021-03-23T19:52:03.340Z","11.0.0-canary.0b8cff734.0":"2021-03-23T20:03:14.456Z","11.0.0-canary.8943b991f.0":"2021-03-23T20:28:08.198Z","11.0.0-canary.3955d8d3d.0":"2021-03-24T19:14:51.154Z","11.0.0-canary.23ea2d85e.0":"2021-03-25T17:30:47.975Z","11.0.0-canary.e3ec22f45.0":"2021-03-25T17:54:10.234Z","11.0.0-canary.4ceb42220.0":"2021-03-26T07:55:57.298Z","11.0.0-canary.dc9c84023.0":"2021-03-30T17:47:10.287Z","11.0.0-canary.56fc26962.0":"2021-03-31T00:19:40.663Z","11.0.0-canary.bc318250e.0":"2021-03-31T01:32:22.943Z","11.0.0-canary.edaee19aa.0":"2021-03-31T02:10:26.766Z","11.0.0-canary.24609b822.0":"2021-03-31T20:55:54.308Z","11.0.0-canary.b6cddc2b7.0":"2021-04-01T15:03:45.158Z","11.0.0-canary.94937c78c.0":"2021-04-01T20:59:27.483Z","11.0.0-canary.e7202cb57.0":"2021-04-01T22:46:04.436Z","11.0.0-canary.1f636b205.0":"2021-04-02T22:22:47.382Z","11.0.0-canary.94f50b260.0":"2021-04-05T15:03:44.355Z","11.0.0-canary.a4009b80a.0":"2021-04-05T21:59:13.607Z","11.0.0-canary.15604bd0d.0":"2021-04-05T22:40:58.803Z","11.0.0-canary.76da7876c.0":"2021-04-07T01:43:14.746Z","11.0.0-canary.6bcb6cbd2.0":"2021-04-07T18:52:40.666Z","11.0.0-canary.c91e8d141.0":"2021-04-07T18:56:36.163Z","11.0.0-canary.f77c50860.0":"2021-04-08T15:34:30.043Z","11.0.0-canary.367d88bdb.0":"2021-04-08T16:37:24.437Z","11.0.0-canary.0ec437d3b.0":"2021-04-08T19:34:16.626Z","11.0.0-canary.b2fa996a1.0":"2021-04-09T15:09:46.231Z","11.0.0-canary.24255c408.0":"2021-04-09T20:10:59.134Z","11.0.0-canary.7d6a4bb72.0":"2021-04-09T22:52:30.332Z","11.0.0-canary.352b295c1.0":"2021-04-12T18:14:24.312Z","11.0.0-canary.ab99b8064.0":"2021-04-13T14:42:13.134Z","11.0.0-canary.8f0a11e32.0":"2021-04-14T20:01:52.919Z","11.0.0-canary.f5c6db8fc.0":"2021-04-15T18:02:51.293Z","11.0.0-canary.3793a3143.0":"2021-04-15T18:30:03.399Z","11.0.0-canary.bc104bae7.0":"2021-04-15T19:45:02.192Z","12.0.0-canary.3f342c3f4.0":"2021-04-15T22:53:07.823Z","11.0.0":"2021-04-15T22:57:10.440Z","12.0.0-canary.2ebfc5374.0":"2021-04-16T20:43:50.258Z","12.0.0-canary.5631828e1.0":"2021-04-17T07:45:47.198Z","12.0.0-canary.bd685395b.0":"2021-04-19T18:40:15.269Z","12.0.0-canary.b52196498.0":"2021-04-19T19:56:49.563Z","12.0.0-canary.8ba3e298c.0":"2021-04-21T14:07:26.125Z","12.0.0-canary.c629eab71.0":"2021-04-21T19:55:46.277Z","12.0.0-canary.8ace3b810.0":"2021-04-21T20:36:44.759Z","12.0.0-canary.70beaf42d.0":"2021-04-21T20:48:22.862Z","12.0.0-canary.cad489689.0":"2021-04-22T16:48:16.088Z","12.0.0-canary.d928692b5.0":"2021-04-23T17:33:19.624Z","12.0.0-canary.8f68de8f3.0":"2021-04-23T18:11:50.098Z","12.0.0-canary.05753cf77.0":"2021-04-23T23:42:05.281Z","12.0.0-canary.ef43e6d96.0":"2021-04-23T23:48:23.658Z","12.0.0-canary.197f64fa2.0":"2021-04-26T17:08:30.553Z","12.0.0-canary.55ad2d7d8.0":"2021-04-27T01:18:44.401Z","12.0.0-canary.ec4ac5234.0":"2021-04-27T07:57:33.095Z","12.0.0-canary.b0579acdb.0":"2021-04-27T08:35:01.125Z","12.0.0-canary.81e2d4ff3.0":"2021-04-27T20:56:23.646Z","12.0.0-canary.c8edee52c.0":"2021-04-27T21:44:53.536Z","12.0.0-canary.f5b6110d6.0":"2021-04-27T22:06:23.585Z","12.0.0-canary.cee9b9e22.0":"2021-04-28T00:11:42.557Z","12.0.0-canary.96e83fca7.0":"2021-04-28T02:46:50.049Z","12.0.0-canary.4c497bd19.0":"2021-04-28T17:52:25.474Z","12.0.0-canary.105b15b96.0":"2021-04-28T21:43:35.594Z","12.0.0-canary.6e20259e3.0":"2021-04-28T21:48:11.684Z","12.0.0-canary.0f79a5d74.0":"2021-04-28T22:41:52.680Z","12.0.0-canary.84f3db9ed.0":"2021-04-29T14:16:38.620Z","12.0.0-canary.8fc29273c.0":"2021-04-29T21:22:14.106Z","12.0.0-canary.c50d20bab.0":"2021-04-29T23:00:44.124Z","12.0.0-canary.474836ad0.0":"2021-05-01T03:36:36.508Z","12.0.0-canary.f5ad92287.0":"2021-05-03T18:21:15.109Z","12.0.0-canary.af453daf8.0":"2021-05-03T18:52:19.729Z","12.0.0-canary.1f1918c24.0":"2021-05-03T19:21:26.172Z","12.0.0-canary.33148231f.0":"2021-05-03T19:37:46.220Z","12.0.0-canary.06b76fa74.0":"2021-05-03T19:44:51.208Z","12.0.0-canary.7c5000473.0":"2021-05-03T22:40:35.816Z","12.0.0-canary.de997644b.0":"2021-05-04T17:27:11.278Z","12.0.0-canary.d4d7f1cc2.0":"2021-05-04T17:53:52.860Z","12.0.0-canary.be999eb08.0":"2021-05-04T17:59:04.779Z","12.0.0-canary.eda1705fc.0":"2021-05-04T19:09:14.891Z","12.0.0-canary.718c90178.0":"2021-05-04T19:26:30.992Z","12.0.0-canary.0e3917299.0":"2021-05-04T19:29:22.456Z","12.0.0-canary.836b3c7db.0":"2021-05-04T20:32:44.732Z","12.0.0-canary.53d4e6d59.0":"2021-05-04T20:48:26.851Z","12.0.0-canary.18d147e27.0":"2021-05-04T20:57:01.789Z","12.0.0-canary.b9984794e.0":"2021-05-04T23:01:56.601Z","12.0.0-canary.b76f5fc9d.0":"2021-05-04T23:05:29.062Z","12.0.0-canary.055d4f10a.0":"2021-05-04T23:20:36.348Z","12.0.0-canary.5b6a46016.0":"2021-05-05T16:15:09.487Z","12.0.0-canary.33c9a737a.0":"2021-05-05T17:26:06.820Z","12.0.0-canary.9bc0effaf.0":"2021-05-05T20:58:53.349Z","12.0.0-canary.a1e0f2af5.0":"2021-05-05T21:39:49.087Z","12.0.0-canary.06930c96b.0":"2021-05-05T23:38:08.902Z","12.0.0-canary.03f525f9f.0":"2021-05-06T00:28:52.971Z","12.0.0-canary.e82ba2a26.0":"2021-05-06T15:55:01.784Z","12.0.0-canary.fc7c4e5ce.0":"2021-05-06T17:28:12.164Z","12.0.0-canary.65c04514d.0":"2021-05-06T18:42:04.333Z","12.0.0-canary.c97779ca6.0":"2021-05-06T21:41:46.193Z","12.0.0-canary.869d890d4.0":"2021-05-07T15:17:31.886Z","12.0.0-canary.ec22e1da9.0":"2021-05-10T18:22:29.856Z","12.0.0-nightly.7427449f0.0":"2021-05-10T18:44:40.926Z","12.0.0-canary.957cc3bf5.0":"2021-05-10T21:55:42.800Z","12.0.0-canary.88a33cd70.0":"2021-05-11T00:07:54.714Z","12.0.0-canary.d20dc6dba.0":"2021-05-11T00:23:36.296Z","12.0.0-canary.0ce2fdb02.0":"2021-05-11T00:57:33.179Z","12.0.0-canary.cb162da37.0":"2021-05-11T01:57:12.800Z","12.0.0-canary.573dc7ffd.0":"2021-05-11T02:16:16.153Z","12.0.0-canary.d5f6ad3fe.0":"2021-05-11T23:21:33.111Z","12.0.0-canary.25751d2ed.0":"2021-05-12T16:18:37.931Z","12.0.0-canary.a23ecb682.0":"2021-05-12T18:22:08.270Z","12.0.0-canary.33a954852.0":"2021-05-13T15:06:30.016Z","12.0.0-canary.a4484849b.0":"2021-05-13T15:29:52.066Z","12.0.0-canary.b4c3f513e.0":"2021-05-13T16:06:45.738Z","12.0.0-canary.1a8d06483.0":"2021-05-13T16:12:40.154Z","12.0.0-canary.8e6081836.0":"2021-05-14T21:39:38.523Z","12.0.0-canary.a2b0f4cee.0":"2021-05-14T21:52:50.126Z","12.0.0-canary.e8e39ad19.0":"2021-05-18T20:12:08.186Z","12.0.0-canary.4bb5eea2b.0":"2021-05-19T15:27:17.063Z","12.0.0-canary.ccce99cd6.0":"2021-05-20T00:55:46.821Z","12.0.0-canary.14767a8db.0":"2021-05-20T20:49:55.310Z","12.0.0-canary.22c6dcff9.0":"2021-05-24T15:17:34.538Z","12.0.0-canary.fadab3372.0":"2021-05-24T16:04:38.343Z","12.0.0-canary.caa73aeee.0":"2021-05-25T14:13:18.281Z","12.0.0-canary.ec31ae1ed.0":"2021-05-25T20:34:21.814Z","12.0.0-canary.8530d3514.0":"2021-05-27T16:03:43.561Z","12.0.0-canary.00b5899dc.0":"2021-06-01T22:44:35.503Z","12.0.0-canary.f1525ea3e.0":"2021-06-03T13:53:16.628Z","12.0.0-canary.464a00286.0":"2021-06-03T14:44:40.962Z","12.0.0-canary.474de7878.0":"2021-06-03T15:13:12.594Z","12.0.0-canary.b87ebf74d.0":"2021-06-03T17:45:22.901Z","12.0.0-canary.2daa49b35.0":"2021-06-04T16:13:07.946Z","12.0.0-canary.08db3d737.0":"2021-06-04T19:40:43.024Z","12.0.0-canary.5823407a7.0":"2021-06-08T00:47:08.281Z","12.0.0-canary.23b0c5e22.0":"2021-06-08T16:21:12.281Z","12.0.0-canary.2952c6a76.0":"2021-06-08T17:39:43.809Z","12.0.0-canary.f12425f88.0":"2021-06-10T01:04:47.156Z","12.0.0-canary.e543628c3.0":"2021-06-10T01:05:50.512Z","12.0.0-canary.e0c346286.0":"2021-06-10T16:34:48.387Z","12.0.0-canary.f43af5633.0":"2021-06-10T20:34:43.873Z","12.0.0-canary.8415ae585.0":"2021-06-11T16:04:42.832Z","12.0.0-canary.598fcccc8.0":"2021-06-11T21:45:27.168Z","12.0.0-canary.5d0605188.0":"2021-06-14T17:38:06.434Z","12.0.0-canary.f147a2271.0":"2021-06-14T19:17:03.309Z","12.0.0-canary.33579e00b.0":"2021-06-15T00:20:52.568Z","12.0.0-canary.a6909c0e6.0":"2021-06-15T18:29:08.369Z","12.0.0-canary.c18b5925b.0":"2021-06-15T21:02:27.923Z","12.0.0-canary.7ea2e830d.0":"2021-06-15T22:49:44.270Z","12.0.0-canary.271fff902.0":"2021-06-15T22:50:06.052Z","12.0.0-canary.d96f0a1e0.0":"2021-06-16T21:05:04.407Z","12.0.0-canary.a6183801a.0":"2021-06-16T22:04:18.568Z","12.0.0-canary.940550232.0":"2021-06-17T19:39:00.669Z","12.0.0-canary.f705e8048.0":"2021-06-18T15:23:20.169Z","12.0.0-canary.08d791f37.0":"2021-06-18T21:10:38.340Z","12.0.0-canary.e38d7440f.0":"2021-06-21T17:39:17.674Z","12.0.0-canary.75900a5a9.0":"2021-06-21T18:35:36.193Z","12.0.0-canary.33e6f50e9.0":"2021-06-23T00:10:55.095Z","12.0.0-canary.8c685301d.0":"2021-06-23T18:23:30.540Z","12.0.0-canary.8c7d994ae.0":"2021-06-23T19:26:24.752Z","12.0.0-canary.4ccd39bdd.0":"2021-06-24T16:13:46.073Z","12.0.0-canary.17553e9f8.0":"2021-06-28T22:51:22.586Z","12.0.0-canary.4c80072fd.0":"2021-06-29T18:39:51.644Z","12.0.0-canary.796811db7.0":"2021-07-01T00:02:18.671Z","12.0.0-canary.70e1efdca.0":"2021-07-01T17:05:20.078Z","12.0.0-canary.435866d32.0":"2021-07-02T18:20:11.632Z","12.0.0-canary.d0f9f3f2e.0":"2021-07-02T23:58:57.997Z","12.0.0-canary.adeac0549.0":"2021-07-08T15:08:05.825Z","12.0.0-canary.068fd5028.0":"2021-07-08T19:02:31.201Z","12.0.0-canary.5dfec7a14.0":"2021-07-12T20:03:11.055Z","12.0.0-canary.07a73750c.0":"2021-07-12T20:24:21.021Z","12.0.0-canary.3e4c6dca1.0":"2021-07-13T01:50:04.980Z","12.0.0-canary.ea77795b1.0":"2021-07-13T15:48:01.040Z","12.0.0-canary.15a179fad.0":"2021-07-13T18:08:02.846Z","12.0.0-canary.c73142a1b.0":"2021-07-13T18:43:09.103Z","12.0.0-canary.d923db73a.0":"2021-07-13T20:52:53.750Z","12.0.0-canary.22d29cbb4.0":"2021-07-13T22:49:22.724Z","12.0.0-canary.2749604bc.0":"2021-07-14T16:21:09.330Z","12.0.0-canary.e1703bed9.0":"2021-07-14T21:46:56.977Z","12.0.0-canary.de48eff0d.0":"2021-07-15T17:07:01.393Z","12.0.0-canary.4f060adc5.0":"2021-07-15T19:20:52.444Z","12.0.0-canary.bd25779b2.0":"2021-07-15T20:41:15.532Z","12.0.0-canary.9f68a932e.0":"2021-07-15T22:06:00.538Z","12.0.0-canary.4eecdeaf0.0":"2021-07-16T14:56:49.586Z","12.0.0-canary.7239684d4.0":"2021-07-16T15:58:02.074Z","12.0.0-canary.d5f1f7c72.0":"2021-07-16T16:12:55.595Z","12.0.0-canary.4d95812f9.0":"2021-07-16T19:42:06.891Z","12.0.0-canary.38d1846cc.0":"2021-07-19T18:40:45.033Z","12.0.0-canary.3f691eccf.0":"2021-07-20T16:07:40.137Z","12.0.0-canary.ebb5c73bb.0":"2021-07-20T16:55:49.038Z","12.0.0-nightly.778a0e8a.0":"2021-07-20T21:04:29.594Z","12.0.0-canary.791311bba.0":"2021-07-20T22:06:30.620Z","12.0.0-canary.85e9a6ac3.0":"2021-07-21T15:34:57.807Z","12.0.0-canary.6b0442278.0":"2021-07-21T18:48:50.704Z","12.0.0-canary.5f00e454a.0":"2021-07-22T17:04:59.771Z","12.0.0-canary.90e08fc6b.0":"2021-07-22T23:37:21.086Z","12.0.0-canary.cf5b9eb86.0":"2021-07-23T18:11:14.651Z","12.0.0-canary.3f36ac75c.0":"2021-07-23T18:31:16.302Z","12.0.0-canary.ea1e1b850.0":"2021-07-24T20:54:48.347Z","12.0.0-canary.22f390c43.0":"2021-07-27T18:58:52.851Z","12.0.0":"2021-07-27T19:48:50.965Z","13.0.0-canary.ae85f7eba.0":"2021-07-27T19:50:24.209Z","13.0.0-canary.5981207f7.0":"2021-07-27T23:17:09.971Z","13.0.0-canary.83bdd0222.0":"2021-07-28T17:24:46.114Z","13.0.0-canary.28656298a.0":"2021-07-29T18:12:03.707Z","13.0.0-canary.9e797daaf.0":"2021-07-29T18:34:21.807Z","13.0.0-canary.adb9f1ad8.0":"2021-07-30T19:03:52.519Z","13.0.0-canary.cc5377458.0":"2021-07-30T21:32:25.538Z","13.0.0-canary.a395972cf.0":"2021-08-03T21:22:21.446Z","13.0.0-canary.7c96e6b98.0":"2021-08-03T22:12:53.720Z","13.0.0-canary.a80c8b2c2.0":"2021-08-04T23:58:46.505Z","13.0.0-canary.3dd611091.0":"2021-08-05T03:55:17.550Z","13.0.0-canary.5dee37ff6.0":"2021-08-05T17:41:14.245Z","13.0.0-canary.bf405d22a.0":"2021-08-05T20:17:06.980Z","13.0.0-canary.b47dd37a6.0":"2021-08-05T20:48:56.880Z","13.0.0-canary.6c82b965b.0":"2021-08-06T16:13:51.363Z","13.0.0-canary.4ca11fe76.0":"2021-08-06T17:06:24.374Z","13.0.0-canary.510cf90f2.0":"2021-08-09T17:16:16.005Z","13.0.0-canary.17580ebf7.0":"2021-08-09T18:16:14.930Z","13.0.0-canary.7249a3060.0":"2021-08-09T18:20:34.723Z","13.0.0-canary.4c405863b.0":"2021-08-10T17:39:43.876Z","13.0.0-canary.f4241a42a.0":"2021-08-11T16:58:23.907Z","13.0.0-canary.0ad12ed3c.0":"2021-08-11T21:27:51.318Z","13.0.0-canary.077dcfcfe.0":"2021-08-12T17:54:21.681Z","13.0.0-canary.e3346766f.0":"2021-08-13T19:44:17.643Z","13.0.0-canary.2fb068fb0.0":"2021-08-13T19:47:34.275Z","13.0.0-canary.fb76c5069.0":"2021-08-16T20:07:10.831Z","13.0.0-canary.457d89aad.0":"2021-08-17T15:20:48.750Z","13.0.0-canary.0de2f2edc.0":"2021-08-17T20:53:15.261Z","13.0.0-canary.1f9259b9d.0":"2021-08-17T22:13:07.893Z","13.0.0-canary.3b9290351.0":"2021-08-18T05:22:24.107Z","13.0.0-canary.43d2eed2a.0":"2021-08-18T16:01:12.457Z","13.0.0-canary.0a9069300.0":"2021-08-19T16:16:40.113Z","13.0.0-canary.7da413ed8.0":"2021-08-20T15:47:32.248Z","13.0.0-canary.e1e69fd8e.0":"2021-08-20T19:31:23.432Z","13.0.0-canary.f5afc16df.0":"2021-08-20T20:25:41.685Z","13.0.0-canary.28d0d75bb.0":"2021-08-20T22:19:28.207Z","13.0.0-canary.21ece5360.0":"2021-08-20T23:43:18.454Z","13.0.0-canary.8de07c02a.0":"2021-08-23T15:25:40.550Z","13.0.0-canary.65aa63b0c.0":"2021-08-24T15:27:24.296Z","13.0.0-canary.15981e9d9.0":"2021-08-24T16:16:07.660Z","13.0.0-canary.fa7520f62.0":"2021-08-24T22:26:58.427Z","13.0.0-canary.ce25bc3ec.0":"2021-08-24T22:47:26.492Z","13.0.0-canary.12f5622e1.0":"2021-08-24T23:17:13.290Z","13.0.0-canary.d97f8f133.0":"2021-08-25T18:32:16.383Z","13.0.0-canary.d86fb6fac.0":"2021-08-25T18:52:53.966Z","13.0.0-canary.e8554dbbf.0":"2021-08-25T21:58:25.655Z","13.0.0-canary.877e3fb0d.0":"2021-08-26T15:37:03.309Z","13.0.0-canary.6236f3576.0":"2021-08-26T16:04:46.949Z","13.0.0-canary.1d19158a1.0":"2021-08-26T17:07:59.439Z","13.0.0-canary.6adc9e83f.0":"2021-08-30T22:43:23.198Z","13.0.0-canary.d082790f0.0":"2021-09-01T21:53:24.119Z","13.0.0-canary.e2c4f0196.0":"2021-09-02T02:10:13.602Z","13.0.0-canary.611db508e.0":"2021-09-02T03:13:55.434Z","13.0.0-canary.d4706933f.0":"2021-09-02T15:36:45.685Z","13.0.0-canary.c16fe03ce.0":"2021-09-02T17:43:50.019Z","13.0.0-canary.9203a958a.0":"2021-09-02T23:45:29.109Z","13.0.0-canary.fddd5ae93.0":"2021-09-03T07:28:59.678Z","13.0.0-canary.117599a8b.0":"2021-09-03T07:30:21.180Z","13.0.0-canary.e4180d07b.0":"2021-09-03T07:30:53.099Z","13.0.0-canary.42d175efc.0":"2021-09-03T15:41:55.936Z","13.0.0-canary.72464476c.0":"2021-09-07T15:33:07.247Z","13.0.0-canary.37d4db866.0":"2021-09-09T14:32:25.205Z","13.0.0-canary.6df682e74.0":"2021-09-09T15:42:12.421Z","13.0.0-canary.b49359c35.0":"2021-09-09T17:34:33.611Z","13.0.0-canary.470bd34e8.0":"2021-09-09T17:59:58.701Z","13.0.0-canary.d48a01771.0":"2021-09-09T18:09:19.874Z","13.0.0-canary.13db34b34.0":"2021-09-09T18:24:19.725Z","13.0.0-canary.864798678.0":"2021-09-09T18:35:47.414Z","13.0.0-canary.d04bda3fb.0":"2021-09-10T15:20:28.778Z","13.0.0-canary.5533f73d3.0":"2021-09-13T23:02:41.195Z","13.0.0-canary.08398f880.0":"2021-09-13T23:33:22.710Z","13.0.0-canary.818f4ee93.0":"2021-09-15T17:49:17.407Z","13.0.0-canary.8355e14dc.0":"2021-09-15T19:11:13.157Z","13.0.0-canary.d4e16a6c4.0":"2021-09-15T21:58:02.627Z","13.0.0-canary.65125b3a6.0":"2021-09-16T21:16:20.373Z","13.0.0-canary.80a583365.0":"2021-09-17T20:34:55.244Z","13.0.0-canary.83900936a.0":"2021-09-17T23:23:29.427Z","13.0.0-canary.860ad06a1.0":"2021-09-17T23:35:07.734Z","13.0.0-canary.3b8d4429e.0":"2021-09-20T17:46:39.922Z","13.0.0-canary.2da3606b9.0":"2021-09-20T19:36:52.382Z","13.0.0-canary.e8c598d1e.0":"2021-09-20T21:11:00.871Z","13.0.0-canary.1340ee9f7.0":"2021-09-22T17:57:02.810Z","13.0.0-canary.65084baff.0":"2021-09-23T21:24:31.546Z","13.0.0-canary.c79aa0cdd.0":"2021-09-24T13:40:45.751Z","13.0.0":"2021-09-24T19:44:59.363Z","14.0.0-canary.198431fcd.0":"2021-09-24T19:45:43.551Z","14.0.0-canary.9a02b6ef8.0":"2021-09-25T13:10:11.928Z","14.0.0-canary.758ce31d9.0":"2021-09-27T17:28:24.784Z","14.0.0-canary.86b50ef74.0":"2021-09-28T17:42:06.401Z","14.0.0-canary.b2fe3528b.0":"2021-09-29T22:55:58.954Z","14.0.0-canary.586e740dd.0":"2021-09-30T16:30:22.711Z","14.0.0-canary.2ac92d766.0":"2021-10-05T19:27:34.614Z","14.0.0-canary.353ca7e9f.0":"2021-10-08T18:46:03.127Z","14.0.0-canary.c78ff0429.0":"2021-10-11T17:21:11.802Z","14.0.0-canary.261f2db59.0":"2021-10-20T16:58:46.975Z","14.0.0-canary.9803d2dc1.0":"2021-10-20T19:21:00.672Z","14.0.0-canary.348665978.0":"2021-10-21T14:49:45.226Z","14.0.0-canary.b2b979a8a.0":"2021-10-28T15:11:17.292Z","14.0.0-canary.1af7c1c4a.0":"2021-10-28T17:51:55.392Z","14.0.0-canary.4afd353cd.0":"2021-10-29T15:00:42.224Z","14.0.0-canary.a986df922.0":"2021-10-29T21:34:12.147Z","14.0.0-canary.c3cdff07b.0":"2021-11-09T19:05:04.614Z","14.0.0-canary.468392606.0":"2021-11-11T19:39:15.672Z","14.0.0-canary.828f9803b.0":"2021-11-11T19:50:00.486Z","14.0.0-canary.8795cba87.0":"2021-11-11T19:55:56.620Z","14.0.0-canary.cd7f8cace.0":"2021-11-11T19:57:33.882Z","14.0.0-canary.207230eb8.0":"2021-11-11T22:23:28.943Z","14.0.0-canary.991fb99f7.0":"2021-11-11T22:35:34.142Z","14.0.0-canary.15db4f164.0":"2021-11-12T17:28:57.755Z","14.0.0-canary.8fcad5a3c.0":"2021-11-12T19:12:58.174Z","14.0.0-canary.f81fb1d23.0":"2021-11-12T22:39:24.433Z","14.0.0-canary.783f6fd5a.0":"2021-11-16T05:48:52.517Z","14.0.0-canary.d57ec74c7.0":"2021-11-16T16:15:12.939Z","14.0.0-canary.554c71829.0":"2021-11-16T16:17:59.745Z","14.0.0-canary.3ef470efe.0":"2021-11-16T16:23:00.120Z","14.0.0-canary.61a28b2b5.0":"2021-11-17T18:58:09.461Z","14.0.0-canary.fae6c652d.0":"2021-11-18T16:23:52.132Z","14.0.0-canary.978a3b5bb.0":"2021-11-19T19:37:54.714Z","14.0.0-canary.e6f43cf44.0":"2021-11-22T17:34:00.222Z","14.0.0-canary.39cf14bc3.0":"2021-11-22T23:03:20.001Z","14.0.0-canary.93134d453.0":"2021-11-23T15:37:33.227Z","14.0.0-canary.bbd11268f.0":"2021-11-23T22:31:05.118Z","14.0.0-canary.3db9c4d3d.0":"2021-11-24T15:36:11.360Z","14.0.0-canary.78305b6d5.0":"2021-11-24T19:49:31.689Z","14.0.0-canary.43d08ba77.0":"2021-11-30T22:54:56.426Z","14.0.0-canary.17a072535.0":"2021-12-02T18:04:06.253Z","14.0.0-canary.5d809696c.0":"2021-12-08T17:43:10.056Z","14.0.0-canary.b6510c8c1.0":"2021-12-08T18:05:09.476Z","14.0.0-canary.f460e23da.0":"2021-12-10T15:24:10.123Z","14.0.0-canary.7d8ea4624.0":"2021-12-10T19:28:04.541Z","14.0.0-canary.8fffcb5dd.0":"2021-12-14T08:53:44.739Z","14.0.0-canary.21e1cb9be.0":"2021-12-14T19:38:41.702Z","14.0.0-canary.ba78e8724.0":"2021-12-15T22:11:46.465Z","14.0.0-canary.e3e073c00.0":"2021-12-20T21:08:36.226Z","14.0.0-canary.3366a71d7.0":"2021-12-22T12:31:14.552Z","14.0.0-canary.c047f7c19.0":"2022-01-05T16:44:35.578Z","14.0.0-canary.05db65ec0.0":"2022-01-06T17:13:00.234Z","14.0.0-canary.6ca8b8f85.0":"2022-01-07T15:59:38.828Z","14.0.0-canary.173ee7a7a.0":"2022-01-10T16:52:59.671Z","14.0.0-canary.b704e4dfc.0":"2022-01-10T18:31:42.723Z","14.0.0-canary.c14e977ee.0":"2022-01-11T15:48:06.391Z","14.0.0-canary.b094eaa4e.0":"2022-01-14T18:41:10.107Z","14.0.0-canary.390220e42.0":"2022-01-17T16:44:48.870Z","14.0.0-canary.4b5391f8b.0":"2022-01-19T23:51:38.303Z","14.0.0-canary.cef6bc623.0":"2022-01-20T00:16:13.842Z","14.0.0-canary.0379179c4.0":"2022-01-20T18:53:14.669Z","14.0.0-canary.e62f3dabf.0":"2022-01-21T23:02:13.082Z","14.0.0-canary.3e20c1de8.0":"2022-01-25T15:30:23.563Z","14.0.0-canary.9f9d928b2.0":"2022-01-27T18:11:58.241Z","14.0.0-canary.a2bcb065c.0":"2022-01-28T19:35:54.953Z","14.0.0-canary.4e66fb2e1.0":"2022-01-28T19:40:15.645Z","14.0.0-canary.9736ddce9.0":"2022-01-29T09:48:45.533Z","14.0.0-canary.cc4ed13cc.0":"2022-02-04T18:21:30.967Z","14.0.0-canary.dcba26fe1.0":"2022-02-04T21:55:56.814Z","14.0.0-canary.ec54d9046.0":"2022-02-07T15:45:11.210Z","14.0.0-canary.ea9b5b463.0":"2022-02-09T17:52:22.027Z","14.0.0-canary.96ea061c1.0":"2022-02-09T18:58:07.205Z","14.0.0-canary.e00181e59.0":"2022-02-10T20:05:24.431Z","14.0.0-canary.037285f9b.0":"2022-02-11T18:28:15.820Z","14.0.0-canary.1aaa68dda.0":"2022-02-16T19:47:47.598Z","14.0.0-canary.ab4aba1af.0":"2022-02-17T18:15:25.107Z","14.0.0-canary.e58552c6e.0":"2022-02-18T18:03:15.232Z","14.0.0-canary.868793776.0":"2022-02-22T19:34:21.235Z","14.0.0-canary.fdc37a445.0":"2022-02-28T18:45:12.970Z","14.0.0-canary.43c7d87dc.0":"2022-03-01T15:32:15.087Z","14.0.0-canary.23043acd0.0":"2022-03-02T20:26:36.378Z","14.0.0-canary.6505e61c5.0":"2022-03-03T19:59:19.793Z","14.0.0-canary.16c166154.0":"2022-03-08T23:21:28.805Z","14.0.0-canary.bdf1d3771.0":"2022-03-14T14:27:29.000Z","14.0.0-canary.cf4292778.0":"2022-03-15T00:28:44.097Z","14.0.0-canary.bbd43e0e0.0":"2022-03-16T20:49:13.412Z","14.0.0-canary.1b6afad86.0":"2022-03-16T21:02:46.190Z","14.0.0-canary.bdf9d4af9.0":"2022-03-16T21:17:01.504Z","14.0.0-canary.32b391398.0":"2022-03-17T17:58:19.163Z","14.0.0-canary.ae8a6a3a3.0":"2022-03-18T16:38:21.357Z","14.0.0-canary.cbd9358a6.0":"2022-03-18T22:51:09.848Z","14.0.0-canary.dcfe49c98.0":"2022-03-21T18:43:13.141Z","14.0.0-canary.f31a833fa.0":"2022-03-23T00:49:48.019Z","14.0.0-canary.4b92e210a.0":"2022-03-24T20:17:41.783Z","14.0.0-canary.a657abb61.0":"2022-03-24T20:39:04.852Z","14.0.0-canary.443f63f50.0":"2022-03-25T23:03:44.135Z","14.0.0-canary.eb382f318.0":"2022-03-29T17:34:05.385Z","14.0.0-canary.344d52823.0":"2022-03-29T18:42:23.284Z","14.0.0-canary.4e372fb49.0":"2022-04-07T20:32:00.821Z","14.0.0-canary.3e30054fb.0":"2022-04-13T22:13:18.562Z","14.0.0-canary.8c4da223a.0":"2022-04-19T15:23:18.023Z","14.0.0-canary.7de8965cc.0":"2022-04-19T20:22:29.610Z","14.0.0-canary.641ed0851.0":"2022-04-20T16:04:41.887Z","14.0.0-canary.e88f83024.0":"2022-04-20T17:46:45.198Z","14.0.0-canary.7321d6254.0":"2022-04-20T20:10:19.278Z","14.0.0-canary.3ab956515.0":"2022-04-25T15:00:55.839Z","14.0.0-canary.53b3cad2f.0":"2022-04-27T12:44:21.652Z","14.0.0":"2022-04-28T16:54:52.752Z","15.0.0-canary.432c815e5.0":"2022-04-28T16:56:00.327Z","15.0.0-canary.a0f01f669.0":"2022-05-06T20:13:44.354Z","15.0.0-canary.276cb39a4.0":"2022-05-06T21:30:34.732Z","15.0.0-canary.4fe98ed70.0":"2022-05-06T21:55:09.338Z","15.0.0-canary.58b130a3d.0":"2022-05-06T21:57:27.175Z","15.0.0-canary.ae278a2fe.0":"2022-05-09T15:23:15.268Z","15.0.0-canary.bebf5bfdf.0":"2022-05-11T02:39:24.701Z","15.0.0-canary.e6072cd6a.0":"2022-05-11T20:17:33.925Z","15.0.0-canary.5b40eb988.0":"2022-05-12T02:43:17.573Z","15.0.0-canary.6a61d62f6.0":"2022-05-12T20:25:46.561Z","15.0.0-canary.05930a453.0":"2022-05-13T18:46:34.458Z","15.0.0-canary.c0a11ef0d.0":"2022-05-18T22:00:10.228Z","15.0.0-canary.2f9b268c0.0":"2022-05-20T19:31:46.581Z","15.0.0-canary.7741345b8.0":"2022-05-20T20:01:52.654Z","15.0.0-canary.f807e793f.0":"2022-05-20T22:20:38.752Z","15.0.0-canary.9f53d4a8a.0":"2022-05-23T14:56:42.396Z","15.0.0-canary.77cf00e37.0":"2022-05-31T17:38:33.991Z","15.0.0-canary.3c7b844c2.0":"2022-06-07T22:20:01.286Z","15.0.0-canary.df47894db.0":"2022-06-13T17:07:39.002Z","15.0.0-canary.b18a873dc.0":"2022-06-14T06:28:56.765Z","15.0.0-canary.ba9c29637.0":"2022-06-14T18:56:37.158Z","15.0.0-canary.9bfd12f01.0":"2022-06-22T19:21:39.485Z","15.0.0-canary.764de225d.0":"2022-06-29T16:26:14.324Z","15.0.0-canary.31e517cea.0":"2022-07-01T18:27:37.774Z","15.0.0-canary.9ea4e8e9c.0":"2022-07-01T22:54:13.896Z","15.0.0-canary.cd5bafabb.0":"2022-07-06T17:53:36.187Z","15.0.0-canary.a02fe49d3.0":"2022-07-06T18:50:17.376Z","15.0.0-canary.826a3d8be.0":"2022-07-06T19:30:15.424Z","15.0.0-canary.ef276aa93.0":"2022-07-07T17:01:50.444Z","15.0.0-canary.59cf61d6b.0":"2022-07-07T17:30:38.182Z","15.0.0-canary.8647092f7.0":"2022-07-07T20:37:52.662Z","15.0.0-canary.02ecd4d85.0":"2022-07-11T16:38:22.509Z","15.0.0-canary.63d3a146e.0":"2022-07-12T11:36:11.724Z","15.0.0-canary.88db01990.0":"2022-07-12T11:39:09.220Z","15.0.0-canary.6432d8fd7.0":"2022-07-14T07:28:03.156Z","15.0.0-canary.085f9b25c.0":"2022-07-14T16:34:11.861Z","15.0.0-canary.39f9424b3.0":"2022-07-14T17:04:27.592Z","15.0.0-canary.ae9fce587.0":"2022-07-14T18:07:24.205Z","15.0.0-canary.1ebddc343.0":"2022-07-15T08:48:35.083Z","15.0.0-canary.c5018840c.0":"2022-07-18T09:42:23.246Z","15.0.0-canary.551b40d18.0":"2022-07-18T10:00:01.991Z","15.0.0-canary.cf9f12371.0":"2022-07-18T10:04:08.002Z","15.0.0-canary.2797ff8b6.0":"2022-07-19T00:23:18.089Z","15.0.0-canary.110fafa17.0":"2022-07-20T07:45:55.264Z","15.0.0-canary.386ef1d2f.0":"2022-07-20T18:19:00.751Z","15.0.0-canary.c3924efef.0":"2022-07-20T18:28:17.276Z","15.0.0-canary.cf5c5907c.0":"2022-07-20T21:21:05.712Z","15.0.0-canary.0617e2319.0":"2022-07-20T21:39:14.734Z","15.0.0-canary.a743b7967.0":"2022-07-20T21:56:17.284Z","15.0.0-canary.69fd619d0.0":"2022-07-20T22:08:13.479Z","15.0.0-canary.2a6ddc1cf.0":"2022-07-29T16:03:47.609Z","15.0.0-canary.86efd56f6.0":"2022-08-02T14:44:45.421Z","15.0.0-canary.ccfc24d19.0":"2022-08-03T18:12:24.484Z","15.0.0-canary.e4570146f.0":"2022-08-03T18:39:51.731Z","15.0.0-canary.6683a36cb.0":"2022-08-03T19:19:44.678Z","15.0.0-canary.10196647d.0":"2022-08-03T21:52:58.214Z","15.0.0-canary.b20d3d73c.0":"2022-08-04T22:41:58.476Z","15.0.0-canary.47c0c6b1e.0":"2022-08-09T15:19:32.567Z","15.0.0-canary.0e3dc8e38.0":"2022-08-11T18:45:04.911Z","15.0.0-canary.d5a11f1c8.0":"2022-08-30T23:00:27.619Z","15.0.0-canary.bac992a95.0":"2022-09-01T07:04:43.798Z","15.0.0-canary.d25f3404c.0":"2022-09-01T09:43:31.372Z","15.0.0-canary.920d8a79e.0":"2022-09-01T20:20:06.210Z","15.0.0-canary.c363f267b.0":"2022-09-01T21:17:28.810Z","15.0.0-canary.a4eb4937a.0":"2022-09-06T18:19:00.278Z","15.0.0-canary.4299717da.0":"2022-09-07T16:14:51.114Z","15.0.0-canary.fa7d8d44b.0":"2022-09-07T19:17:57.687Z","15.0.0-canary.a40e3c768.0":"2022-09-09T20:03:07.815Z","15.0.0-canary.18cdc9a00.0":"2022-09-12T21:02:02.093Z","15.0.0-canary.7ab3cd3c8.0":"2022-09-13T22:38:22.137Z","15.0.0-canary.2860d244d.0":"2022-09-16T22:54:04.827Z","15.0.0-canary.e8726533c.0":"2022-09-20T20:16:51.411Z","15.0.0-canary.00d8de0aa.0":"2022-09-21T15:19:14.353Z","15.0.0-canary.271aedc30.0":"2022-09-21T15:35:02.231Z","15.0.0-canary.9f17ff2cb.0":"2022-09-21T18:07:27.706Z","15.0.0-canary.d3344c16f.0":"2022-09-22T09:23:30.097Z","15.0.0-canary.94f20ccb8.0":"2022-09-22T20:46:52.554Z","15.0.0-canary.81e4cb7b2.0":"2022-09-23T15:07:06.448Z","15.0.0-canary.aa85f9413.0":"2022-09-26T17:55:34.078Z","15.0.0-canary.7134a7752.0":"2022-09-26T21:56:47.033Z","15.0.0-canary.70b8ac16e.0":"2022-09-27T22:44:00.924Z","15.0.0-canary.c20d74405.0":"2022-09-27T23:30:22.585Z","15.0.0-canary.f033fc8d1.0":"2022-09-27T23:56:28.821Z","15.0.0-canary.8d7ae912a.0":"2022-09-28T07:55:14.203Z","15.0.0-canary.db414b864.0":"2022-09-28T14:51:38.271Z","15.0.0-canary.c0462d134.0":"2022-09-28T17:51:07.702Z","15.0.0-canary.28cc6791f.0":"2022-09-28T18:05:52.003Z","15.0.0-canary.a515a2d18.0":"2022-09-28T18:54:48.326Z","15.0.0-canary.ce9523167.0":"2022-09-29T20:30:18.357Z","15.0.0-canary.b2310f7dc.0":"2022-09-30T00:12:59.024Z","15.0.0-canary.a44241e54.0":"2022-09-30T08:20:13.563Z","15.0.0-canary.0ce81e115.0":"2022-09-30T18:17:18.500Z","15.0.0-canary.3cc30f6ad.0":"2022-10-04T17:18:13.687Z","15.0.0-canary.d9cf98e60.0":"2022-10-04T19:02:51.268Z","15.0.0-canary.d71935c8b.0":"2022-10-06T08:13:56.711Z","15.0.0-canary.49c56a25d.0":"2022-10-06T18:49:56.588Z","15.0.0-canary.07acddef3.0":"2022-10-07T21:36:38.981Z","15.0.0-canary.1c74eb2c0.0":"2022-10-07T21:54:04.690Z","15.0.0-canary.dadfb713e.0":"2022-10-08T05:04:58.487Z","15.0.0-canary.395f1ce61.0":"2022-10-08T05:06:58.890Z","15.0.0-canary.e741b5c82.0":"2022-10-10T17:37:10.179Z","15.0.0-canary.582f3cc1c.0":"2022-10-11T04:48:01.935Z","15.0.0-canary.b1a6e3e88.0":"2022-10-12T12:01:26.909Z","15.0.0-canary.c9b1a31e4.0":"2022-10-12T16:57:33.563Z","15.0.0-canary.13e9b0d1f.0":"2022-10-12T19:19:53.357Z","15.0.0-canary.1dc797e7f.0":"2022-10-14T09:40:34.100Z","15.0.0-canary.ed4009397.0":"2022-10-14T16:50:20.666Z","15.0.0-canary.95ef196bc.0":"2022-10-14T23:13:02.047Z","15.0.0-canary.13eea1b2d.0":"2022-10-17T03:50:40.465Z","15.0.0-canary.ef9b2babb.0":"2022-10-17T09:16:52.542Z","15.0.0-canary.cec7fb987.0":"2022-10-17T10:55:18.453Z","15.0.0-canary.4fff58b08.0":"2022-10-17T15:21:28.289Z","15.0.0-canary.587d8f871.0":"2022-10-17T15:56:10.647Z","15.0.0-canary.edf4b98d0.0":"2022-10-17T16:39:31.974Z","15.0.0-canary.024ac5f16.0":"2022-10-17T22:41:22.954Z","15.0.0-canary.c8bdf6144.0":"2022-10-18T18:22:21.837Z","15.0.0-canary.bacda4885.0":"2022-10-18T18:41:40.327Z","15.0.0-canary.92b2556cf.0":"2022-10-19T01:12:29.331Z","15.0.0-canary.cc804509a.0":"2022-10-19T01:16:14.842Z","15.0.0-canary.982bedae9.0":"2022-10-19T01:36:03.970Z","15.0.0-canary.ee40081f4.0":"2022-10-19T20:10:41.847Z","15.0.0-canary.98f1b54e2.0":"2022-10-20T22:55:49.180Z","15.0.0-canary.e74b7ba7e.0":"2022-10-21T17:04:51.834Z","15.0.0-canary.ab55c07d2.0":"2022-10-22T18:18:16.639Z","15.0.0-canary.fc539db34.0":"2022-10-24T18:58:13.606Z","15.0.0-canary.e340b04c5.0":"2022-10-25T23:44:04.810Z","15.0.0-canary.2c1a8f8fd.0":"2022-10-26T17:29:19.856Z","15.0.0-canary.ecfee946f.0":"2022-10-26T20:14:07.155Z","15.0.0-canary.73ca9dbb0.0":"2022-10-31T17:31:26.460Z","15.0.0-canary.357f2e5f1.0":"2022-10-31T18:48:15.331Z","15.0.0-canary.eb103d4b5.0":"2022-10-31T19:55:24.560Z","15.0.0-canary.af5f01223.0":"2022-11-01T18:35:54.245Z","15.0.0-canary.58733ef41.0":"2022-11-02T18:09:44.075Z","15.0.0-canary.909b48215.0":"2022-11-03T04:06:45.577Z","15.0.0-canary.7f17127d5.0":"2022-11-03T18:18:04.589Z","15.0.0-canary.da95e2a05.0":"2022-11-04T16:58:02.982Z","15.0.0-canary.4832e2750.0":"2022-11-04T20:56:04.583Z","15.0.0-canary.215506426.0":"2022-11-05T01:05:02.729Z","15.0.0-canary.4cf917476.0":"2022-11-05T18:03:05.588Z","15.0.0-canary.eef14bd32.0":"2022-11-06T17:23:38.777Z","15.0.0-canary.6faa29fe9.0":"2022-11-07T03:12:29.816Z","15.0.0-canary.9af09b967.0":"2022-11-07T18:26:37.755Z","15.0.0-canary.0f54fbb93.0":"2022-11-08T21:55:40.316Z","15.0.0-canary.a8d47f9fe.0":"2022-11-09T04:16:37.510Z","15.0.0-canary.66a1e75e6.0":"2022-11-09T09:34:36.020Z","15.0.0-canary.5e5c2afc0.0":"2022-11-09T11:52:16.963Z","15.0.0-canary.3e3f43359.0":"2022-11-09T20:01:48.275Z","15.0.0-canary.3f667fac6.0":"2022-11-09T22:04:58.431Z","15.0.0-canary.faa28c1c5.0":"2022-11-11T16:34:35.328Z","15.0.0-canary.a868c7866.0":"2022-11-11T16:35:30.459Z","15.0.0-canary.602fe8efa.0":"2022-11-11T17:10:51.202Z","15.0.0-canary.558c2be62.0":"2022-11-11T22:44:20.354Z","15.0.0-canary.b5c13a7a8.0":"2022-11-14T15:57:26.832Z","15.0.0-canary.a6e1c0702.0":"2022-11-14T17:26:01.453Z","15.0.0-canary.b6f8a06de.0":"2022-11-15T09:27:19.321Z","15.0.0-canary.0163f3ba5.0":"2022-11-15T18:00:55.589Z","15.0.0-canary.66c5cbb94.0":"2022-11-15T19:28:52.553Z","15.0.0-canary.b01136063.0":"2022-11-16T00:14:42.021Z","15.0.0-canary.01da0cabb.0":"2022-11-16T09:12:08.961Z","15.0.0-canary.4ac393164.0":"2022-11-16T16:14:06.349Z","15.0.0-canary.6048fb563.0":"2022-11-16T16:16:23.346Z","15.0.0-canary.3777b03cb.0":"2022-11-16T18:40:11.268Z","15.0.0-canary.f7f56fff7.0":"2022-11-16T19:54:56.010Z","15.0.0-canary.7c73f6134.0":"2022-11-16T19:58:26.328Z","15.0.0-canary.f1e037150.0":"2022-11-16T20:03:54.692Z","15.0.0-canary.40b18d043.0":"2022-11-16T22:57:44.002Z","15.0.0-canary.86bde5c06.0":"2022-11-16T23:07:53.668Z","15.0.0-canary.bb7751002.0":"2022-11-16T23:59:05.361Z","15.0.0-canary.63aca9af6.0":"2022-11-17T19:00:10.315Z","15.0.0-canary.56482dc2e.0":"2022-11-17T21:54:15.405Z","15.0.0-canary.953e689f3.0":"2022-11-17T22:03:44.046Z","15.0.0-canary.b5606a793.0":"2022-11-18T10:19:59.162Z","15.0.0-canary.8c5675942.0":"2022-11-18T15:15:05.204Z","15.0.0-canary.697fbdebd.0":"2022-11-18T16:59:31.338Z","15.0.0-canary.d58410453.0":"2022-11-18T19:23:53.722Z","15.0.0-canary.7971d6ad5.0":"2022-11-19T08:44:17.139Z","15.0.0-canary.a0ae73b0e.0":"2022-11-21T10:52:47.393Z","15.0.0-canary.96f472604.0":"2022-11-21T12:51:40.661Z","15.0.0-canary.18b8f31e1.0":"2022-11-21T16:01:21.057Z","15.0.0-canary.912f33ce4.0":"2022-11-21T17:52:56.618Z","15.0.0-canary.1e1b1c369.0":"2022-11-23T18:59:31.752Z","15.0.0-canary.a2ec49244.0":"2022-11-23T19:29:56.112Z","15.0.0-canary.a7458ba0b.0":"2022-11-23T20:15:27.163Z","15.0.0-canary.7c35e5036.0":"2022-11-24T08:38:21.252Z","15.0.0-canary.4356e05c5.0":"2022-11-24T09:55:42.812Z","15.0.0-canary.cb605f8af.0":"2022-11-24T10:14:25.290Z","15.0.0-canary.05fb07f9f.0":"2022-11-24T17:12:46.617Z","15.0.0-canary.a911b386b.0":"2022-11-28T16:46:22.205Z","15.0.0-canary.2aa8050b4.0":"2022-11-28T19:10:36.785Z","15.0.0-canary.323904a9f.0":"2022-11-29T15:32:51.231Z","15.0.0-canary.168a629a4.0":"2022-11-29T16:47:43.540Z","15.0.0-canary.65c411674.0":"2022-11-29T17:37:13.321Z","15.0.0-canary.a86d36fd2.0":"2022-11-30T02:13:11.737Z","15.0.0-canary.3a1f46c66.0":"2022-11-30T12:05:47.201Z","15.0.0-canary.32d8a9648.0":"2022-12-01T17:27:55.889Z","15.0.0-canary.03618ab70.0":"2022-12-01T20:53:33.755Z","15.0.0-canary.68aaed940.0":"2022-12-01T21:22:58.967Z","15.0.0-canary.f0a0bbc75.0":"2022-12-02T09:00:46.039Z","15.0.0-canary.dd99c8764.0":"2022-12-02T13:59:59.479Z","15.0.0-canary.fabdcca3a.0":"2022-12-02T15:05:42.542Z","15.0.0-canary.2d26722d2.0":"2022-12-02T16:25:29.608Z","15.0.0-canary.eaa0c3a86.0":"2022-12-02T17:41:34.393Z","15.0.0-canary.79a613bbd.0":"2022-12-06T14:24:40.252Z","15.0.0-canary.c871fe61e.0":"2022-12-07T07:51:01.239Z","15.0.0-canary.9eaee7936.0":"2022-12-07T20:01:52.793Z","15.0.0-canary.1d37bf601.0":"2022-12-07T20:40:18.872Z","15.0.0-canary.a5fe069d5.0":"2022-12-09T18:43:06.980Z","15.0.0-canary.ce8b5326f.0":"2022-12-09T23:29:50.835Z","15.0.0-canary.43f5323bc.0":"2022-12-12T16:45:16.720Z","15.0.0-canary.5490e32e7.0":"2022-12-12T17:01:04.006Z","15.0.0-canary.817002c29.0":"2022-12-13T21:52:56.016Z","15.0.0-canary.313a1326a.0":"2022-12-14T10:27:40.785Z","15.0.0-canary.a69c14e10.0":"2022-12-14T11:17:53.108Z","15.0.0-canary.f43e0ceb5.0":"2022-12-14T16:43:48.296Z","15.0.0-canary.34767110.0":"2022-12-14T17:20:43.279Z","15.0.0-canary.1f99f3c50.0":"2022-12-15T14:24:27.828Z","15.0.0-canary.cfd69490f.0":"2022-12-16T20:07:30.023Z","15.0.0-canary.94ad8d986.0":"2022-12-19T19:26:01.848Z","15.0.0-canary.604264203.0":"2022-12-21T21:39:49.370Z","15.0.0-canary.85bcff6af.0":"2022-12-22T10:24:08.528Z","15.0.0-canary.ece3e8d21.0":"2022-12-22T17:11:14.886Z","15.0.0-canary.278ad53d1.0":"2022-12-27T17:03:55.575Z","15.0.0-canary.a7d8389e1.0":"2022-12-27T19:02:39.643Z","15.0.0-canary.8175d5eff.0":"2022-12-28T01:50:34.375Z","15.0.0-canary.16abb41ed.0":"2022-12-28T19:37:32.580Z","15.0.0-canary.e21dcb86d.0":"2022-12-29T14:01:05.413Z","15.0.0-canary.20ab6f5a8.0":"2022-12-29T19:39:58.605Z","15.0.0-canary.b9806f623.0":"2022-12-29T23:04:55.079Z","15.0.0-canary.50c9f550e.0":"2023-01-03T15:46:49.312Z","15.0.0-canary.af490a848.0":"2023-01-03T15:55:54.903Z","15.0.0-canary.7cf487c98.0":"2023-01-03T17:37:42.315Z","15.0.0-canary.a52be2d5e.0":"2023-01-03T19:12:17.037Z","15.0.0-canary.e38ba17c5.0":"2023-01-03T22:31:32.578Z","15.0.0-canary.49041a6c3.0":"2023-01-04T15:16:32.352Z","15.0.0-canary.c492898c2.0":"2023-01-04T17:36:05.275Z","15.0.0-canary.d7a2277de.0":"2023-01-04T21:34:43.467Z","15.0.0-canary.fd95ca7ef.0":"2023-01-05T01:01:54.506Z","15.0.0-canary.1eb44faf9.0":"2023-01-05T09:08:19.959Z","15.0.0-canary.adcdb7db9.0":"2023-01-05T16:20:33.639Z","15.0.0-canary.067af7eff.0":"2023-01-06T23:15:13.990Z","15.0.0-canary.21d1196a7.0":"2023-01-09T10:41:55.228Z","15.0.0-canary.8d2d8d3c4.0":"2023-01-09T22:23:01.413Z","15.0.0-canary.f476fdece.0":"2023-01-10T16:13:31.869Z","15.0.0-canary.fc6ee6c32.0":"2023-01-10T16:27:02.596Z","15.0.0-canary.73537ab0f.0":"2023-01-10T18:10:38.256Z","15.0.0-canary.684e33d25.0":"2023-01-10T19:17:33.196Z","15.0.0-canary.0e89aab6b.0":"2023-01-11T16:16:13.803Z","15.0.0-canary.b0103d10a.0":"2023-01-11T19:11:22.912Z","15.0.0-canary.50e7a5312.0":"2023-01-11T20:53:04.122Z","15.0.0-canary.202823f54.0":"2023-01-11T21:34:44.604Z","15.0.0-canary.199fe2a2a.0":"2023-01-11T21:54:34.809Z","15.0.0-canary.8c0786d6f.0":"2023-01-12T14:35:10.078Z","15.0.0-canary.8a74f7c6d.0":"2023-01-17T19:23:31.341Z","15.0.0-canary.b4687fdc1.0":"2023-01-19T19:48:14.692Z","15.0.0-canary.b836b9892.0":"2023-01-24T22:38:15.270Z","15.0.0-canary.e8912fd37.0":"2023-01-26T18:28:47.514Z","15.0.0-canary.16fbd30ff.0":"2023-01-26T18:33:53.277Z","15.0.0-canary.033ae083a.0":"2023-01-26T19:25:52.572Z","15.0.0-canary.3a705fa1d.0":"2023-01-27T22:42:41.296Z","15.0.0-canary.d6bea2ff2.0":"2023-01-31T15:28:52.982Z","15.0.0-canary.0c94182c8.0":"2023-02-01T17:43:02.605Z","15.0.0-canary.15b221540.0":"2023-02-01T17:51:21.160Z","15.0.0-canary.eeebb8bba.0":"2023-02-01T18:21:10.176Z","15.0.0-canary.6a4b3f834.0":"2023-02-01T18:57:18.896Z","15.0.0-canary.b177b40e2.0":"2023-02-02T03:33:01.308Z","15.0.0-canary.d9f821042.0":"2023-02-02T17:36:30.509Z","15.0.0-canary.47c7deb19.0":"2023-02-03T09:07:56.035Z","15.0.0-canary.a16dbd1a6.0":"2023-02-04T06:13:34.507Z","15.0.0-canary.93416f87a.0":"2023-02-07T13:22:57.424Z","15.0.0-canary.49b8e7442.0":"2023-02-07T23:08:21.015Z","15.0.0-canary.de38de758.0":"2023-02-09T15:41:10.360Z","15.0.0-canary.4d62de70c.0":"2023-02-09T22:01:50.045Z","15.0.0-canary.6fcd8d418.0":"2023-02-13T11:48:51.136Z","15.0.0-canary.066d9439b.0":"2023-02-15T19:56:37.940Z","15.0.0-canary.7ab32468c.0":"2023-02-21T18:32:50.974Z","15.0.0-canary.fa27ba61d.0":"2023-02-27T16:17:57.788Z","15.0.0-canary.311ab4d4a.0":"2023-02-27T16:40:10.997Z","15.0.0-canary.901c83e77.0":"2023-02-27T18:04:56.622Z","15.0.0-canary.5cb8e2174.0":"2023-03-01T16:34:24.986Z","15.0.0-canary.f32339937.0":"2023-03-06T15:14:27.587Z","15.0.0-canary.7644d63d5.0":"2023-03-06T22:26:22.815Z","15.0.0-canary.d96330c08.0":"2023-03-08T11:40:42.350Z","15.0.0-canary.c99cae77c.0":"2023-03-08T23:41:47.587Z","15.0.0-canary.6023b1cd3.0":"2023-03-09T14:25:20.001Z","15.0.0-canary.274610c77.0":"2023-03-09T14:57:27.314Z","15.0.0-canary.a274583b9.0":"2023-03-09T19:51:33.809Z","15.0.0-canary.da22ca960.0":"2023-03-09T20:16:57.357Z","15.0.0-canary.304a94e8b.0":"2023-03-09T20:43:53.699Z","15.0.0-canary.6c265915c.0":"2023-03-09T21:46:14.203Z","15.0.0-canary.de5224633.0":"2023-03-09T23:54:42.964Z","15.0.0-canary.8879557e6.0":"2023-03-10T14:06:47.621Z","15.0.0-canary.23073a303.0":"2023-03-10T14:13:40.964Z","15.0.0-canary.51c7d4014.0":"2023-03-10T16:46:17.513Z","15.0.0-canary.1175a5be0.0":"2023-03-10T20:46:58.269Z","15.0.0-canary.7adf3af80.0":"2023-03-11T01:23:51.128Z","15.0.0-canary.82554d770.0":"2023-03-11T01:36:13.294Z","15.0.0-canary.93fc524b7.0":"2023-03-13T08:37:18.596Z","15.0.0-canary.50be0fbae.0":"2023-03-13T17:43:03.880Z","15.0.0-canary.6b5ffccd9.0":"2023-03-13T17:46:21.767Z","15.0.0-canary.1c8013f4e.0":"2023-03-13T18:00:28.069Z","15.0.0-canary.112715df5.0":"2023-03-13T18:38:02.429Z","15.0.0-canary.d250911f2.0":"2023-03-13T19:30:12.851Z","15.0.0-canary.7cd925c12.0":"2023-03-13T19:37:51.417Z","15.0.0-canary.b2ddacf73.0":"2023-03-13T19:42:11.609Z","15.0.0-canary.989ae2ecc.0":"2023-03-13T19:51:29.365Z","15.0.0-canary.89c66483a.0":"2023-03-13T20:15:16.519Z","15.0.0-canary.6a85742c2.0":"2023-03-14T02:46:17.441Z","15.0.0-canary.bb6cd78d5.0":"2023-03-14T18:15:35.209Z","15.0.0-canary.5f94aa37d.0":"2023-03-14T18:19:04.474Z","15.0.0-canary.906ac2e1b.0":"2023-03-14T18:19:12.918Z","15.0.0-canary.1bd317240.0":"2023-03-14T18:22:49.480Z","15.0.0-canary.d441d2a2a.0":"2023-03-14T18:25:23.984Z","15.0.0-canary.fff4066c6.0":"2023-03-14T18:25:57.720Z","15.0.0-canary.87809c710.0":"2023-03-14T18:42:16.893Z","15.0.0-canary.48d30012d.0":"2023-03-14T18:46:40.194Z","15.0.0-canary.419b23cc6.0":"2023-03-14T18:57:33.184Z","15.0.0-canary.bf86521f4.0":"2023-03-14T23:12:17.330Z","15.0.0-canary.11f3d280e.0":"2023-03-15T00:10:08.922Z","15.0.0-canary.b281a409a.0":"2023-03-21T15:39:43.381Z","15.0.0-canary.39e473690.0":"2023-03-21T17:50:03.696Z","15.0.0-canary.cedffb44c.0":"2023-03-21T17:56:59.713Z","15.0.0-canary.36a4cba99.0":"2023-03-28T17:48:54.083Z","15.0.0-canary.ed7e82ded.0":"2023-03-28T20:33:25.290Z","15.0.0-canary.55093ee1e.0":"2023-03-29T18:45:08.847Z","15.0.0-canary.0c53abc81.0":"2023-04-07T01:40:04.233Z","15.0.0-canary.51311e69e.0":"2023-04-07T18:06:42.347Z","15.0.0-canary.113b1a38e.0":"2023-04-10T21:52:38.411Z","15.0.0-canary.ea2191426.0":"2023-04-11T21:54:31.409Z","15.0.0-canary.5a5c38538.0":"2023-04-11T22:29:14.847Z","15.0.0-canary.e4b5ea7eb.0":"2023-04-11T23:02:56.383Z","15.0.0-canary.a094dd9c1.0":"2023-04-14T22:41:18.424Z","15.0.0-canary.f771b091c.0":"2023-04-17T15:36:47.036Z","15.0.0-canary.79b1b612b.0":"2023-04-19T23:38:50.555Z","15.0.0-canary.6f50071e5.0":"2023-04-20T17:59:44.095Z","15.0.0-canary.ef754381c.0":"2023-04-24T20:49:48.506Z","15.0.0-canary.69ebf61ea.0":"2023-04-27T17:19:55.444Z","15.0.0-canary.b90be86de.0":"2023-04-29T00:20:27.207Z","15.0.0-canary.51f9c0c28.0":"2023-04-29T00:30:13.727Z","15.0.0-canary.4e840d685.0":"2023-05-02T15:32:11.186Z","15.0.0-canary.10b8563e4.0":"2023-05-02T23:40:45.640Z","15.0.0-canary.736b7fda4.0":"2023-05-03T15:08:09.939Z","15.0.0-canary.0e533c5a1.0":"2023-05-05T16:55:03.539Z","15.0.0-canary.5f01c15a2.0":"2023-05-05T17:25:07.976Z","15.0.0-canary.3b5b55e31.0":"2023-05-05T18:37:38.182Z","15.0.0-canary.d0788120f.0":"2023-05-09T08:21:53.064Z","15.0.0-canary.f52358dd0.0":"2023-05-12T14:29:09.550Z","15.0.0-canary.d3c3fbaa3.0":"2023-05-12T17:59:14.889Z","15.0.0-canary.576d3d2c8.0":"2023-05-16T01:58:51.224Z","15.0.0-canary.19bb36a46.0":"2023-05-16T19:52:50.832Z","15.0.0-canary.aa5ac7fe5.0":"2023-05-22T17:24:09.661Z","15.0.0-canary.90291f2e2.0":"2023-05-23T17:41:28.863Z","15.0.0-canary.446734f27.0":"2023-05-30T21:46:56.228Z","15.0.0-canary.19de312d8.0":"2023-06-06T17:16:46.413Z","15.0.0-canary.6081d829b.0":"2023-06-07T01:12:51.586Z","15.0.0-canary.b26c34a68.0":"2023-06-07T20:15:09.078Z","15.0.0-canary.4fe911371.0":"2023-06-07T23:04:36.563Z","15.0.0-canary.a9ff9866f.0":"2023-06-13T11:37:04.101Z","15.0.0-canary.b994146f6.0":"2023-06-14T21:02:18.821Z","15.0.0-canary.1fb4b1a06.0":"2023-06-27T18:55:35.030Z","15.0.0-canary.c64a2776e.0":"2023-06-27T20:15:12.561Z","15.0.0-canary.b05d9eb7c.0":"2023-06-29T16:22:28.218Z","15.0.0-canary.2a9697dc5.0":"2023-06-30T22:12:44.141Z","15.0.0-canary.0c52adeab.0":"2023-07-05T16:24:24.504Z","15.0.0-canary.83355c322.0":"2023-07-10T15:03:48.056Z","15.0.0-canary.bc9ae6c9c.0":"2023-08-03T21:17:28.803Z","15.0.0-canary.3c44cd956.0":"2023-08-07T17:45:44.522Z","15.0.0-canary.02702296e.0":"2023-08-25T12:03:31.052Z","15.0.0-canary.872b65832.0":"2023-08-30T12:11:29.434Z","15.0.0-canary.89b2e4122.0":"2023-08-31T16:05:16.135Z","15.0.0-canary.7a3942e7a.0":"2023-08-31T18:38:04.387Z","15.0.0-canary.54feb3020.0":"2023-09-11T21:03:35.067Z","15.0.0-canary.6cda3ce8d.0":"2023-09-12T01:43:37.028Z","15.0.0-canary.205b20b36.0":"2023-09-13T17:14:43.675Z","15.0.0-canary.22bf82024.0":"2023-09-18T09:10:33.064Z","15.0.0-canary.a246a4439.0":"2023-09-18T17:44:09.230Z","15.0.0-canary.d153db62b.0":"2023-09-19T19:12:42.023Z","15.0.0-canary.2528c1c3b.0":"2023-09-20T18:04:54.896Z","15.0.0-canary.1728a6dcf.0":"2023-09-26T01:21:38.511Z","15.0.0-canary.ebb636f3d.0":"2023-09-29T19:43:11.161Z","15.0.0-canary.c0d21ecc9.0":"2023-10-09T19:35:29.978Z","15.0.0-canary.127a44b28.0":"2023-10-12T19:58:24.420Z","15.0.0-canary.0ad128337.0":"2023-10-19T18:50:17.854Z","15.0.0-canary.9cec94097.0":"2023-10-19T23:08:05.076Z","15.0.0-canary.c51a0bbcc.0":"2023-11-15T20:57:52.224Z","15.0.0-canary.d76666ad4.0":"2023-11-27T22:12:16.639Z","15.0.0-canary.8656bf0e0.0":"2023-12-12T21:17:45.372Z","15.0.0-canary.7f224ddd4.0":"2023-12-28T06:08:15.324Z","15.0.0-canary.a0b8a90c0.0":"2024-02-07T19:18:35.530Z","15.0.0-canary.e50b478eb.0":"2024-02-08T18:07:00.345Z","15.0.0-canary.c43b3438b.0":"2024-02-23T20:16:35.480Z","15.0.0-canary.819498d8c.0":"2024-03-15T15:13:41.872Z","15.0.0-canary.453a6248a.0":"2024-03-25T17:12:37.722Z","15.0.0-canary.68edc03c6.0":"2024-04-08T19:04:34.910Z","15.0.0-canary.5bebc0064.0":"2024-04-11T21:38:45.046Z","15.0.0-canary.311f29a60.0":"2024-04-23T17:58:27.804Z","15.0.0-canary.65c10a622.0":"2024-04-25T18:47:32.090Z","15.0.0-canary.4b35cb7d0.0":"2024-05-02T12:01:33.958Z","15.0.0-canary.f80ac92b0.0":"2024-05-02T12:12:03.740Z","15.0.0-canary.2f5b899bc.0":"2024-05-20T13:53:29.727Z","15.0.0-canary.cfec83c74.0":"2024-05-20T18:55:47.301Z","15.0.0-canary.423edc3dc.0":"2024-06-26T18:11:29.210Z"},"maintainers":[{"name":"yefim","email":"hi@yef.im"},{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-feature-targeting"},"keywords":["material components","material design","feature targeting"],"license":"MIT","homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"readme":"","readmeFilename":""}